Meet Wisepops: your onsite marketing platform
Getting started with popups
Getting started with notifications
Onsite marketing performance benchmark and best practices
App & features
Popups, sticky bars and embeds
How to create a popup for mobile
Your first popup with Wisepops: A Step-By-Step Guide
How to add a tab to your popup campaigns
Create a multi-step campaign
Use a custom font in your campaign
Adding a Countdown Timer
Write Your Own CSS Rules into Your Popups
Target a Popup to Display on link or CTA Click
On scroll trigger
Target a Popup To Display on Hover
Adding a delay to your popup
Set Custom Events to Trigger Popups
Targeting new vs. returning visitors
Chrome’s Update and Its Impact on Source URL Targeting
Target by traffic channel, source or UTM parameters
Target a Specific Campaign
Target or Exclude a Specific Country, Region or City
Targeting campaigns to a specific language
Set up Custom Properties for Wisepops
How To Test Your Custom Properties
Use Google Tag Manager Variables as Custom Properties
Use Shopify Liquid Variables as Custom Properties
Set Custom Properties Based on Cookie Values
Using Custom Properties and Events for contextual targeting in Wisepops
Shopify Built-In Properties
Default Custom Properties in Magento
How to target Klaviyo Segments in Wisepops
Introduction to JS Callbacks
Scheduling your campaigns
Connect Wisepops with Splio
Connect Wisepops with Mad Mimi
Connect Wisepops with Campaign Monitor
Connect Wisepops with Emarsys
Connect Wisepops with Ometria
Connect Wisepops with Bronto
Connect Wisepops with Experian (Cheetah)
Connect Wisepops with Zaius
Connect Wisepops with Selligent
Connect Wisepops with Actito
Connect Wisepops with Acoustic
Connect Wisepops with Voyado
Connect Wisepops with Listrak
Connect Wisepops with Omnisend
Connect Wisepops with Constant Contact
Connect Wisepops with GetResponse
Connect Wisepops with SmartrMail
Connect Wisepops with Keap (formerly Infusionsoft)
Connect Wisepops with Drip
Connect Wisepops with MailChimp
Connect Wisepops with ActiveCampaign
Connect Wisepops with Brevo (ex Sendinblue)
Connect with Mailjet
Connect Wisepops with ConvertKit (through Zapier)
Connect Wisepops with HubSpot
Connect Wisepops with SendGrid
Integrating Wisepops with Klaviyo
Connect Wisepops with dotdigital
Connect Wisepops with Iterable
Connect Wisepops with Customer.io
Connect Wisepops with Pipedrive
Integrate Wisepops with your ESP using Zapier
Connect Wisepops with AWeber (through Zapier)
Connect with Close.io (through Zapier)
Connect Wisepops with Yotpo/SMSBump
Connect Wisepops with Emotive
Connect Wisepops with Blueprint
Connect Wisepops with Postscript
Send your leads to a Google Spreadsheet (using Zapier)
How can I take advantage of the Zapier integration?
Send a notification when an email is submitted (through Zapier)
Schedule a Notification Campaign
Mastering Notifications: boost customer journeys with Wisepops
Upsell & cross sell
Create a Spin-the-Wheel Popup Without Collecting the User’s Email Address
Create a Spin-to-Win Campaign
Guidelines for writing game rules
Create a Thank You Message (or Display a Coupon) After Sign-Up
Collect the URL on which the popup form is submitted
How to handle required merge fields
Add Custom Validation to Your Signup Forms
Add a product to the cart when a CTA is clicked (Shopify)
Collect the UTM parameters when a popup form is submitted
Adding more fields to your form
Select the dates available in your forms
Collect phone numbers / SMS opt-ins with Wisepops
How to pass Dynamic Variables into Hidden Fields
Send the data collected by a form to the redirected URL
How to grow your email list using the notification feed
How to create a survey with Wisepops
Embed a SurveyMonkey Quiz Into a Popup
Display a form field conditionally
Embed a Typeform in Your Popup
Apply a Shopify discount code to the cart
How to create unique Shopify discount codes in your popups
Cart or site abandonment
How to create a cart recovery popup with Wisepops
How to create a cart recovery popup with Wisepops (Magento)
How to create a cart recovery popup with Wisepops (Shopify)
Create an Exit Popup
Advanced use cases
Trigger a popup from the notification feed
Dynamically Add a Custom Parameter to a Redirect URL
Fire the Facebook Pixel When a form is Submitted
Forbid Disposable or Free Emails in Your Signup Form
Display a Popup Only After Another One Has Been Seen (or Clicked)
Personalize the Content of Your Popup on the Fly
Apply filters to your dynamic variables
Inject the Name of the Visitor's Company into Your Popups (with Clearbit)
Display the visitor's city within your popup
How to Target (or Exclude) Visitors Who Have Seen a Specific URL
How to retarget visitors who saw a specific page on your website
Display a Popup Based on an Alexa Rank Condition (With Clearbit)
Insert social widgets into your campaigns
Flag a Popup as Clicked With JS Code
Display a campaign when a product is added to the cart (Shopify)
Close a Popup With JS Code
Stop showing a notification after clicking on a popup
Analytics & Reporting
Set up Goal Tracking for Wisepops
How to set up Goal Tracking in Shopify
How to Set Up Goal Tracking in Magento
How to set up Goal Tracking using Google Tag Manager
Integrating Wisepops with Google Analytics for better insights
Use Google Analytics to analyze your campaigns performance by various metrics
Wisepops events in Google Analytics (Universal Analytics)
Wisepops events in Google Analytics (GA4)
Use Google Analytics to identify the pages where your popups perform best
Use Google Analytics to analyze Wisepops impact on your sales (Universal Analytics)
Track clicks on your links using Google Analytics
Set up Goal Tracking - Notifications
Disable Wisepops on my device
How to Filter Out Internal Traffic
How to track clicks in custom HTML blocks
Time zone used for reporting
Exporting your data
Analytics: Understanding how your campaigns perform
How to track signups with a tracking pixel
Exclude your device
Account & Setup
Install the Wisepops tracking code
Installing Wisepops on your website via Google Tag Manager (GTM)
Add Wisepops to Zoey
Add Wisepops to Webflow
Add Wisepops to Instapage
Add Wisepops to Blogger
Check your code implementation using Mozilla Firefox
Add Wisepops to Big Cartel
Add Wisepops to Drupal 8
Add Wisepops to BigCommerce
Add Wisepops to Umbraco
Add Wisepops to Joomla
Add Wisepops to Squarespace
Add Wisepops to Magento 2
Add Wisepops to Google Sites
Add Wisepops to Cratejoy
Add Wisepops to 3dcart
Add Wisepops to Prestashop
Add Wisepops to Shopify
Add Wisepops to Weebly
Add Wisepops to Segment.com
How to add Wisepops to a custom website?
Add Wisepops to Wordpress/WooCommerce
How to add Wisepops to a Wix website
Add Wisepops to Volusion
Add Wisepops to SiteBuilder
Add Wisepops to Drupal 7
Add Wisepops to Neto
Wisepops on Single-Page Applications
Add Wisepops to Mono
Add Wisepops to Opencart
Integrating Wisepops with your website
Check your code implementation using Google Chrome
Adding the notification feed to your website
Custom Setup Guides for Shopify Themes
Adding the notification feed to your website
Customize your Notifications Feed with Advanced Feed Customization
Hide the bell until the notifications are loaded
Add, edit or delete users and manage permissions
Use Distinct Websites for Staging and Production
Use right-to-left writing
Uninstall Wisepops from your Shopify website
How to I remove the notification feed from my site
Can I use Wisepops on multiple domains?
Security & Compliance
GDPR & CCPA compliance
Configure the Wisepops cookies lifetime
Accessibility and compliance with ADA/WCAG
Preview/test your campaign on a hidden URL
Popup Design FAQ
Will Wisepops slow down my website?
Exclude Your Existing Subscribers
Is Wisepops compatible with my mobile app?
Can I show more than one popup on the same page?
How to fix email synchronization issues
Troubleshooting: Why isn't my campaign appearing?
Tips for effectively reporting an issue
Troubleshooting: Dealing with Ad Blockers and VPNs
Collected emails don't appear on my dashboard
Why does my popup look broken?
My emails are not collected in Mailchimp
My Popup is Locked!
Why does my popup appear for a few seconds and disappear?
Table of Contents
Updated by Lisa Fockens
The Notification Feed
The notification feed is where you and your site visitors connect. It's the hub for all of the notification campaigns that you create in Wisepops.
There are two ways your visitors can experience the notification feed depending on your implementation: The Floating Feed and the embedded Custom Feed.
Before exploring what makes the floating and custom feeds different, let's consider what makes them the same.
The Red Notification Badge.
When a visitor has a notification waiting, the familiar red badge will appear at the location of the feed to draw them in. Depending on how many unopened notifications are waiting, the red badge will display the corresponding number.
Another thing to note is that the feed isn't just updated when a page is loaded. Visitors can receive new notifications in real time, based on their activity as they browse. This is covered more in the section on audiences.
Inside the feed, you'll always see the teaser: a short preview of the full notification campaign. Clicking on a teaser will reveal the next component of the campaign. We call this the message.
Unopened campaigns will be indicated in an obvious way. The feed will become scrollable if there are too many notifications to display in the frame.
There are opportunities for you to style and customize the appearance. THis is accomplished in settings.
The Floating Feed
When the tracking code is installed, the default setup for the notification feed is the floating feed.
The floating feed is placed on one of the bottom corners of your page. It's called 'floating' because as you scroll, the feed stays fixed relative to the window instead of moving with the page.
When the feed is opened, it expands up and toward the middle of the page. The floating feed enables a really simple, out of the box setup to get started with notifications.
The Custom Feed
The custom feed allows you to implement the feed anyway you envision in. Most commonly, this means embedding an icon in a header. It's a more technical implementation, but there are several benefits that come with it to consider.
- Full brand integration - your visitors won't feel like they're opening an app.
- Higher engagement - see 2.5 x the engagement of the floating feed.
- Customizable to fit design - adopt the style of your site and optimize for mobile.
Below is an example of the custom feed as a fixed part of the site's header. You're free to place it anywhere, but the top right of your site would follow conventional user-experience practices.
Another important design consideration that we enable accounts for responsiveness. Since their site is responsive, their nav collapses into a hamburger menu (or menu drawer) with a few other icons on smaller displays.
If your site aims to have a minimal header on mobile, you'll likely need to tuck a lot of your nav away in a menu. For this reason, Wisepops allows you to display the red notification badge in multiple places, as if to create a click trail for your visitors that leads them to the feed.
This shop uses the notification feed inside their menu on mobile. When you open the menu, you can see the the feed through the continuation of the red badge.
It was really important to us that the notification feed can feel like a part of your site instead of a floating widget, if that's what you want. Even though it's a bit more difficult, the custom feed is our most popular implementation.
Notifications are the content you want to deliver to your visitors. A notification has two main pieces:
- The Teaser: What your visitors see when you open the feed.
- The Message: What your visitors see when you open the teaser.
The teaser is a preview of the campaign. It hints at the message inside using only two simple components: a thumbnail image and some text. For text, you get 30 characters for the title and 90 character.
It's up to you to make the most of these. Think of this as the subject line of your email marketing campaign, and your goal is to get that open rate as high as possible.
For the visitor, the message is the content of the notification they purposefully opened. For the campaign creator, it's the carefully crafted content with a specific goal in mind.
Wisepops designed the message component of notifications to be compelling and flexible to deliver on this.
- Compelling: After getting the visitor this far, we want to convert them. To deliver on this, messages let you provide your own images (or GIFs!) and copy: up to 300 characters to close the deal. The message inherits the title that you set on the teaser.
- Flexible: Not all goals are the same, and you need the tools to convert visitors efficiently. Depending on the campaign you created, you can enable different actions to be taken directly in the notification, and they're all easy to set up. These include email collection, opening a new link, or closing the notification.
Some campaign types provide the additional 'Thank-You' message for completed actions. These can be super valuable for rewarding customers with a discount or sharing the next steps after they complete your goal.