The Campaign Builder
The Campaigns Page
The Wisp Notification
The Notification Feed
Installing Wisp on your website
Custom Setup Guides for Shopify Themes
Installing Wisp with Google Tag Manager
Install Wisp for Shopify
Installing Wisp Manually
Embedding the Wisp Feed
Advanced Feed Customization
Set up Goal Tracking for Wisp
Configure Custom Properties for Wisp
Managing Your Account
👋 Meet Wisepops
➕ Add Wisepops to Your Website
🔗 Connect Wisepops to Your Email Service Provider
🤓 Best practices for popups
Design Your Campaign
Write Your Own CSS Rules into Your Popups
Design Mobile 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 pop-up?
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
Close a Popup With JS Code
Display Scenario Settings
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
Set a Delay for Display
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 & Ecommerce Properties
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)
Manage Your Frequency Settings
Contextual Targeting for Dummies
Form & Fields
Collect the URL on which the popup form is submitted
Collect the UTM parameters when a popup form is submitted
Select the dates available in your forms
Collect phone numbers
Dashboard & Analytics
Google Analytics reports
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
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
Scheduling your campaigns
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
How to duplicate and move a campaign
Exclude your device
WordPress / WooCommerce
How to Create an Average Cart Value Booster (Shopify)
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)
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 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
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 Mad Mimi
Connect Wisepops with Campaign Monitor
Connect Wisepops with Bronto
Connect Wisepops with Experian (Cheetah)
Connect Wisepops with Zaius
Connect Wisepops with Actito
Connect Wisepops with Acoustic
Connect Wisepops with Voyado
Connect Wisepops with Listrak
Connect Wisepops with Soundest/Omnisend
Connect Wisepops with Constant Contact
Connect Wisepops with GetResponse
Connect Wisepops with SmartrMail
Connect Wisepops with Keap (formerly Infusionsoft)
Connect with Mailjet
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)
Managing Your Account
Vulnerability Reports & Bug Bounty Program
Data Security Policy
Limit the impact of Wisepops' cookies on your website
Using Wisepops with a Content Security Policy
Datenschutz- und Cookie-Richtlinie
Protect your campaigns against bots
Legal & Compliance
Use right-to-left writing
Use Distinct Websites for Staging and Production
How do I cancel my subscription?
Do you have plans for increased needs?
Add, edit, and delete users
Upgrade or downgrade your subscription
How to fix email synchronization issues
My pop-up doesn't display
How to handle required merge fields
What are page views?
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?
Uninstall Wisepops from your Shopify website
Why does my popup look broken?
My Popup is Locked!
Can I set Multiple Active Pop-ups simultaneously?
Why does my popup appear for a few seconds and disappear?
Updated by Lisa Fockens
Wisepops offers two built-in positions for bars: top and bottom of the page. But you can also choose to place your bars in a specific place in your website structure. Let’s see how this works.
When do you need to use the custom position?
There are two main reasons why you might be interested in custom positioning.
First, you might not want to display your bar at the very top, but rather underneath your header. With custom positioning, you are free to place the bar anywhere you want in the document flow. Like in this example on our homepage:
Another reason is that the top position might overlap your fixed header. By choosing a custom position, you will be able to insert the bar inside your header. The two elements won’t be superposed, and since the bar is inside the header, it will either scroll with the content or stay fixed, depending on the style of your existing header.
How to choose the CSS selector
When you choose the custom position, you will be asked to enter a selector to target the element where the bar will be inserted. This is something developers are familiar with. You can learn more about it here.
Here is a method that can help you find a suitable selector, using the Chrome browser.
Step 1: Go to the page where you want to display the bar.
Step 2: Right-click at the place where you want the bar to appear.
Step 3: Click on “Inspect” in the contextual menu.
Step 4: You should see the developer tools open on the Elements tab. Move your mouse over the elements; it should draw a blue square on your website. This shows you which element you are pointing at.
Step 5: Move your mouse around until you find the element that is a suitable container. Remember that the bar will be inserted as the first child of the container.
Step 6: Copy the selector by right clicking on the element > Copy > Copy selector.
For example, on https://www.xbox.com/en-us/consoles/xbox-series-x, we might want to insert our bar between the Microsoft header and the Xbox Series X menu. We will choose the CSS selector #TopContentBlockList_3 > div > div.
In the ideal situation, the chosen container has an “id” parameter. If that is the case, the copied selector will simply be the “id” of the container prefixed by #. Otherwise, Chrome will provide a selector that depends on the ancestors' hierarchy of the container. Note that it is more likely for the hierarchy dependent selector to stop working if you update your website theme.
Step 7: Paste the selector in the specified field in the Wisepops Builder and then save your work.
More real-life examples
If we want to place the bar at the top of the header that appears when scrolling down, we'll use the following selector: .css-1y7qxpi
You can see an example of this placement on the New York Times website.
To place a bar at the top of the price graph in the below Binance example, we would use the selector: .css-1pysja1
These examples give you an idea of what’s possible and you can see that it’s not really difficult to customize the placement of your bar. Now you're equipped to place your bar in the best spot on your website.
If you need assistance, get in touch with our Customer Support team.
Not seeing your popup on your website? Try these tips.