Quickstart
Create your first Cool Popup campaign and display a live notification on your website in under five minutes.
Before you begin
You need a Cool Popup account. If you don't have one yet, sign up at dash.coolpopup.com.
Shopify merchants can install Cool Popup directly from the Shopify App Store — the pixel is injected automatically and billing is managed through Shopify. See the Shopify setup guide.
Create your first campaign
Open the dashboard
Log in to dash.coolpopup.com and click Create campaign on the dashboard, or navigate to Campaigns → Create campaign.
Name your campaign and set the domain
Enter a name (e.g., "My Website") and the domain where the popup will appear (e.g., example.com). The domain must match the site where you install the pixel script.
If you've already added a custom domain, you can select it from the dropdown instead.
Add a notification
After the campaign is created, click Create notification. You'll see a grid of available notification types. For this quickstart, choose Informational — a simple popup with a title, description, and optional image.
Customize the content:
-
Title — A short headline (e.g., "Welcome!")
-
Description — Supporting text (e.g., "Check out our latest deals")
-
Position — Where the popup appears on screen (bottom-left, bottom-right, top-left, etc.)
-
Trigger — When it appears (after a delay, on scroll, on exit intent, etc.)
The live preview updates as you make changes.
Install the pixel on your site
Go to your campaign and open the Pixel key option from the dropdown menu. Copy the script tag and paste it into your website's HTML, just before the closing </body> tag:
<script
src="https://dash.coolpopup.com/pixel/YOUR_PIXEL_KEY"
defer
></script>
Replace YOUR_PIXEL_KEY with the actual key shown in your campaign.
Enable and verify
Make sure the campaign's enable toggle is turned on, then visit your website. You should see the notification appear according to the trigger rules you set.
What's next
Last updated 2 weeks ago
Built with Documentation.AI