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? simply add our widget.js script to your page, then use our javascript api to open the widget programmatically.

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.

Theme API

announcify.setTheme(theme)

Manually override the widget's theme. This is useful if your application uses a non-standard dark mode implementation and the "Detect automatically" setting is not working.

announcify.setTheme('dark'); // Forces dark mode

announcify.setTheme('light'); // Forces light mode

<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>