Getting started with popups
Getting started with notifications
Onsite marketing best practices
Installing the feed on your website
Custom Setup Guides for Shopify Themes
Embedding the Feed
Create your first notification
Set up Goal Tracking
What is the notification feed?
Advanced Feed Customization
Configure Custom Properties for notifications
Design Your Campaign
Write Your Own CSS Rules into Your Popups
Create a Spin-to-Win Campaign
How to create an Embed
Create a Thank You Message (or Display a Coupon) After Sign-Up
Use a Custom Font in Your Campaign
How to Use the Custom Position for Bars
Insert social widgets into your popups
Embed a SurveyMonkey Quiz Into a Popup
Embed a Typeform in Your Popup
How To Add a Video to a Popup?
Form & Fields
Collect the URL on which the popup form is submitted
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
Target a Popup To Display on Link Click
Target a Popup To Display on Hover
Trigger a Popup When Your Visitors Press the Back Button
Adding a delay to your popup
Create an Exit Popup
Set Custom Events to Trigger Popups
How To Test Your Geotargeted Popups
Chrome’s Update and Its Impact on Source URL Targeting
Target a Specific Campaign
Exclude Your Existing Subscribers
Target or Exclude a Specific Country, Region or City
Custom display rules
Contextual Targeting for Dummies
Set up Custom Properties for Wisepops
How To Test Your Custom Properties
Shopify Built-In Properties
How to Target (or Exclude) Visitors Who Have Seen a Specific URL
Use Google Tag Manager Variables as Custom Properties
Use Shopify Liquid Variables as Custom Properties
How To Retarget Visitors Who Saw a Specific Page on Your Website
Set Custom Properties Based on Cookie Values
Default Custom Properties in Magento
Display a Popup Based on an Alexa Rank Condition (With Clearbit)
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
Introduction to JS Callbacks
Stop Displaying a Campaign When the Cross Close Icon Is Clicked
Dynamically Add a Custom Parameter to a Redirect URL
Fire the Facebook Pixel When a form is Submitted
Forbid Disposable Emails in Your Signup Form
Display a Popup Only After Another One Has Been Seen (or Clicked)
Forbid Free Emails in Your Signup Form
Create a Spin-the-Wheel Popup Without Collecting the User’s Email Address
Add a coupon to the clipboard after signup
Create a Micro-Commitment Popup
Add Custom Validation to Your Signup Forms
Flag a Popup as Clicked With JS Code
Display a form field conditionally
Close a Popup With JS Code
Send the data collected by a form to the redirected URL
Dashboard & Analytics
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
Disable Wisepops on my device
How to Filter Out Internal Traffic
How to track clicks in HTML blocks
Time zone used for reporting
Download your emails or survey results
Understand the basic Wisepops metrics
How to track signups with a tracking pixel
Exclude your device
WordPress / WooCommerce
How to Create an Average Cart Value Booster
Use the wisepops() function on Shopify
Apply a Shopify discount code to the cart
Add a product to the cart when a CTA is clicked (Shopify)
How to create unique Shopify discount codes in Wisepops
Display a campaign when a product is added to the cart (Shopify)
Uninstall Wisepops from your Shopify website
Add Wisepops with Google Tag Manager
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
Check your code implementation using Google Chrome
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
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
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 Sendinblue
Connect with Mailjet
Connect Wisepops with HubSpot
Connect Wisepops with SendGrid
Connect Wisepops with Klaviyo
Connect Wisepops with dotdigital
My emails are not collected in Mailchimp
Connect Wisepops with Iterable
Connect Wisepops with Customer.io
Connect Wisepops with Pipedrive
Connect Wisepops with Yotpo/SMSBump
Connect Wisepops with Emotive
Connect Wisepops with Blueprint
Connect Wisepops with Postscript
Connect Wisepops with Klaviyo (SMS)
Set up the Google Analytics integration
Use Google Analytics to break down your popups performance by traffic channel
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
Track clicks on your links using Google Analytics
Send your leads to a Google Spreadsheet (using Zapier)
How can I take advantage of the Zapier integration?
Connect Wisepops with ConvertKit (through Zapier)
Send a notification when an email is submitted (through Zapier)
Connect Wisepops with AWeber (through Zapier)
Connect with Close.io (through Zapier)
How to fix email synchronization issues
My popup doesn't display
How to handle required merge fields
Tips for effectively reporting an issue
Preview your popup on a hidden URL
Will Wisepops slow down my website?
Everything you need to know about the migration to V3
Collected emails don't appear on my dashboard
Can I use Wisepops on multiple domains?
Why does my popup look broken?
My Popup is Locked!
Can I show more than one popup on the same page?
Why does my popup appear for a few seconds and disappear?
➕ Add Wisepops to Your Website
📱 Design Mobile Popups
✨ How to create your first campaign
How to create a referral campaign with Wisepops
How to create a cart recovery popup with Wisepops
How to create a survey with Wisepops
How to create a cart recovery popup with Wisepops (Magento)
How to create a cart recovery popup with Wisepops (Shopify)
Managing Your Account
Understand how Wisepops billing works
Manage your subscription
How do I cancel my subscription?
What are page views?
Add, edit, and delete users
Use Distinct Websites for Staging and Production
Use right-to-left writing
Data security policy
Limit the impact of Wisepops' cookies on your website
Vulnerability Reports & Bug Bounty Program
Using Wisepops with a Content Security Policy
Datenschutz- und Cookie-Richtlinie
Protect your campaigns against bots
Legal & Compliance
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 your notification campaigns that you create in Wisp.
There are two ways your visitors can experience the notification feed depending on your implementation: The default 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 Wisp 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 Wisp.
The Custom Feed
The custom feed allows you to implement Wisp 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, Wisp 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 Wisp 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 Wisp can fee like a part of your site instead of a widget, if that's what you want. Even though it's a bit more difficult, the custom feed is our most popular implementation of Wisp.
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 that they purposefully opened. For the campaign creator, it's the carefully crafted content with a specific goal in mind.
Wisp designed the message component of notifications to be compelling and flexible in order 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 currently 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 next steps after they complete your goal.