Creating a high converting popup takes three steps: 1) the content, 2) the design, and 3) the display scenario – this is when is your popup displayed on your site.  Today we are sharing with you 5 display scenarios for your popups that has proven to reach high conversion rates.

1. Immediately welcome your new visitors. Set your popup to display to all new visitors, immediately after landing on your site. This will be the cover page of your site, the first thing visitors will see. Two great advantages: 1) you can display a very clear welcome message and test it (much easier than doing this on your frontpage) and 2) it is a good time to get visitors signup (before entering, …).

2. Reward repeat visitors. Set your popup to display to returning visitors, that have been on your site more than 3 times the past week. Those are highly interested customers and with a right message you can get strong conversion rates, even if on a smaller batch of visitors.

3. Target Sponsored links visitors. To make this short: you pay so much in sponsored links that you want to make sure any visitors landing from this trafic source will have an opportunity to easily drop an email for you to contact back.

4. Exit popup. Set your popup to display not when visitors land on your site, but when they are about to leave. Consider this as a great opportunity to have one last chance to convert them. Test a message like: “before you leave, are you sure you don’t want to …..”. Scenario with no risk & good results.

5. Strategic content. Set your popup to display on a page that you know raise great interest from your visitors. You can them custom the message like “if you have liked (…), we have more to come – stay tuned”

Feel free to test those display scenarios for your popup, and to share results. Do you have other high converting tips with popups?

With 3 millions pop ups displayed last month, we enjoy a great overview of the pop up landscape: why do websites use pop ups, what converts the best, etc. So let’s share some insights here that will be useful when you will create your next pop up campaign:

1. Run (a lot of) pop up campaigns:

Customers with the highest impact have this in common: they run many different campaigns. First of all, they create a new pop up every time they need to promote something important (a coupon, an event, etc.). Second, they try new ideas all the time. No secret, this is the best way to reach the perfect formula for converting your – unique – audience.

2. Make it simple

That’s obvious: clear, lean pop ups convert better. A visitor will spend ~1 second looking at your pop up. Too much content? Closed. Too many call to actions? Closed. Wordy message? Closed. On the contrary, a clear message, with a clear call to action and a light (but elegant) design converts. Many customers ask us to help in design (which is something we do cause we love it) and 80% of the times we just clean the pop up: less words, less design, only one button, etc. That’s how we can reach 10% CTR… :)

3. Secret Sauce

Well, this may sound basic, but it has a huge impact. A pop up will convert better if has exaclty the same design as your website. Our understanding is that when a pop up has a design that differs from your website, it perturbates the visitors, and they are more inclined to close the pop up. On the opposite, if the pop up design exaclty fits with your website’s, visitors will take attention. This results in conversions. To easily do this, start by picking up the exact colors of your website, and stay consistent with the design (round corners, thin borders, etc.)

Next time we’ll share some tips on targeting.

So much time spent on coding, and almost zero dedicated to the blog. Shame.

Still, this enable us to share some major releases:

1/ Our pop-ups are now mobile friendly, it looks just great!

2/ You can now set your pop-ups to display when visitors intent to leave the website – aka Exit Pop-Up

3/ You can now embed anything in your pop-ups (HTML, IFrame) and custom the CSS

4/ New Google Fonts are available

5/ New button / call to action design, much nicer.

Now you see why we do not spend so much time blogging :) Hope you will enjoy, and keep fueling our roadmap with your feedbacks, it is highly valuable.

This is a step by step guideline to help you add WisePops pop-up to your Blogger site.

Step 1: Choose template to manage templates of site
Step 2: Click “Edit HTML” button under the template which we are using to modify the template
Step 3: Find close tag of element and paste the script we copied from Wisepops.com right above it
Step 4: Click “Save Template” to save our change

Please see these sreenshots for more detail (Click to view in full size):

Blogger1

 

Blogger2

This is a step by step guideline to help you add WisePops pop-up to your SquareSpace site.

Step 1: Choose “Settings” option to setting out site
Step 2: Choose “Code Injection” option to add code injection to our site
Step 3: Paste the script we copied from Wisepops.com in “Footer” section
Step 4: Click “Save” to save our change

Please see this sreenshot for more detail (Click to view in full size):

SquareSpace

This is a step by step guideline to help you add WisePops pop-up to your BigCommerce site.

Step 1: Choose “Design” option to manage the design of site
Step 2: Choose “Themes” tab to manage themes
Step 3: Choose “Edit HTML/CSS” option of the current theme to modify it
Step 4: Choose “default.html” file under “Other Template Files” section to change the default template
Step 5: Find close tag of element and paste the script we copied from Wisepops.com right above it
Step 6: Click “Save” to save our change

Please see these sreenshots for more detail (Click to view in full size):

BigCommerce1

 

BigCommerce2

This is a step by step guideline to help you add WisePops pop-up to your Joomla site.

Step 1: Choose “Template Manager” under “Extension” section to manage themes of site
Step 2: Choose the template which we are using to edit (in my sample, i am using Protostar template)
Step 3: Choose “index.php” file to modify the template
Step 4: Find close tag of element and paste the script we copied from Wisepops.com right above it
Step 5: Click “Save” to save our change

Please see these sreenshots for more detail (Click to view in full size):

Joomla1

 

Joomla2