LogoLogo dark
HomeFeaturesHow It WorksPricing
Get Started for Free
Documentation

Getting Started

InstallationCustom TriggerAPI Reference

Install Announcify

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

1
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 Settings and look for the "General" tab. Your ID is listed under API Keys.

2
Use your own button

Want to hide the default launcher and open the widget from your own navigation menu or button? It's easy using our Javascript API.

html
<script 
  src="https://announcify.app/widget.js" 
  data-project-id="YOUR_PROJECT_ID"
  data-trigger="manual" 
></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>

open()

Opens the widget. If the widget is already open, this does nothing.

close()

Closes the widget. Use this if you are building custom toggle logic.

toggle()

Toggles the widget state between open and closed.