Install Announcify

get up and running in less than 2 minutes. paste the snippet into your codebase, and we'll handle the rest.

Add the snippet

html

<script 
  src="https://announcify.app/widget.js" 
  data-project-id="YOUR_PROJECT_ID"
  data-api-base="https://announcify.app"
></script>

where to find your project id?

go to your project settings and look for the "general" tab. your unique project id is listed there under project configuration.

Use your own button

want to hide the default floating launcher and open the widget from your own custom navigation menu? just add data-trigger="manual" and use our javascript api.

html

<script 
  src="https://announcify.app/widget.js" 
  data-project-id="YOUR_PROJECT_ID"
  data-api-base="https://announcify.app"
></script>

<button id="my-button" class="btn">
  what's new
</button>

<script>
  document.getElementById('my-button').addEventListener('click', () => {
    // open the widget programmatically
    window.announcify.open();
  });
</script>

Javascript API Methods

announcify.open()

forces the widget to open. if the widget is already open, this does nothing.

announcify.close()

forces the widget to close. use this if you are building custom toggle logic.

announcify.toggle()

toggles the widget state between open and closed automatically based on its current state.

Install Announcify

get up and running in less than 2 minutes. paste the snippet into your codebase, and we'll handle the rest.

Add the snippet

html

<script 
  src="https://announcify.app/widget.js" 
  data-project-id="YOUR_PROJECT_ID"
  data-api-base="https://announcify.app"
></script>

where to find your project id?

go to your project settings and look for the "general" tab. your unique project id is listed there under project configuration.

Use your own button

want to hide the default floating launcher and open the widget from your own custom navigation menu? just add data-trigger="manual" and use our javascript api.

html

<script 
  src="https://announcify.app/widget.js" 
  data-project-id="YOUR_PROJECT_ID"
  data-api-base="https://announcify.app"
></script>

<button id="my-button" class="btn">
  what's new
</button>

<script>
  document.getElementById('my-button').addEventListener('click', () => {
    // open the widget programmatically
    window.announcify.open();
  });
</script>

Javascript API Methods

announcify.open()

forces the widget to open. if the widget is already open, this does nothing.

announcify.close()

forces the widget to close. use this if you are building custom toggle logic.

announcify.toggle()

toggles the widget state between open and closed automatically based on its current state.