What Is Global Installation?
Global installation adds NotifyBubble to your entire website with a single piece of code. Once installed, all your active notifications will automatically appear on every page of your site.
This is the recommended way to install NotifyBubble for most websites.
How to Install
- Go to Settings in your NotifyBubble dashboard
- Find the Installation Guide section
- Copy the code snippet provided
The code will look something like this:
<script src="https://app.notifybubble.com/widget.js"
data-site-id="YOUR_SITE_ID"></script>
- Paste the code just before the closing
</body>tag on your website
Where to Place the Code
The widget code should go at the bottom of your HTML, right before </body>:
<html>
<head>...</head>
<body>
<!-- Your website content -->
<!-- NotifyBubble Widget -->
<script src="https://app.notifybubble.com/widget.js"
data-site-id="YOUR_SITE_ID"></script>
</body>
</html>
How It Works
When the widget script loads on your page, it:
- Detects your Site ID from the code
- Fetches all your active notifications from the NotifyBubble servers
- Displays them on the page according to your settings
- Tracks views and clicks automatically in the background
Performance
The widget is lightweight and won't slow down your website. It loads asynchronously, meaning your page content loads first and the notifications appear shortly after. Visitors won't notice any delay.
Multiple Pages
Since the code uses your Site ID, it shows all active notifications across your entire website. You don't need to add different code to different pages. Add it once and every page gets your notifications.
If you add or remove notifications later, you don't need to change any code on your website. The widget automatically picks up changes from your dashboard.