Adding the Vibes Acquisition Pop-Up to Your Site
To render the Vibes Acquisition Pop-Up on your website, you’ll include a single JavaScript file that Vibes hosts on our Content Delivery Network (CDN). This file provides all required code to display and initialize the pop-up automatically on your specified pages.
Step 1: Include the Widget Script
Add the following <script> tag within the <head> or at the bottom of the <body> of any HTML page where you want the widget to appear.
Example:
<script src="https://cdn.vibes.com/examplebrand/widget.js" async></script>Note: Vibes will provide the exact CDN link for your account and widget version. Always use the link provided to ensure you receive the correct configuration and updates.
Step 2: Verify Installation
Once the script is added, open your site in a browser. If everything is working correctly, you’ll see the pop-up appear after your configured delay time.
If you don’t see the pop-up, verify:
- The
<script>tag is pointing to the correct CDN URL - There are no JavaScript console errors
Optional: Using a Tag Manager
If you deploy your scripts through a tag manager (like Google Tag Manager), you can add the same <script> tag as a “Custom HTML” tag. Be sure it loads on the same pages where the widget should appear.
Updated 3 days ago