Many people call the popup annoying, bad, and spammy. In fact, it doesn’t have to be bad. It is actually a secret weapon to be appealing to your website visitors, enhance their experience and build a list. However, if it is used in the wrong way, the popup can make users annoying. Let’s take a look at the mistakes that you should avoid in order to improve your visitor’s experience.
How to create Magento 2 popup?
In Magento 2, you can create modal popups for forms. To create a form popup modal in Magento, simply follow the below code and the popup is ready to use!
<div class="callfor-popup">
<h2>Simple Modal</h2>
</div>
<script>
require(
[
'jquery',
'Magento_Ui/js/modal/modal'
],
function (
$,
modal
) {
var modaloption = {
type: 'popup',
modalClass: 'modal-popup',
responsive: true,
innerScroll: true,
clickableOverlay: true,
title: 'Simple Modal'
};
var callforoption = modal(modaloption, $('.callfor-popup'));
$('.callfor-popup').modal('openModal');
}
);
</script>Mistakes you should avoid to make it less annoying and more effective
Triggering your popup too soon or too late.
Timing is one of the cornerstones to use the good popup. It’s the most important aspect to get the result you want. If your popup appears too soon, it will interrupt your visitors and then make them annoyed and disturbed. If your popup shows too late, you can lose a lot of new subscribers.
Therefore, what’s the best timing? 5 seconds? 10 seconds? Or even 30 seconds?
In fact, it is quite difficult to estimate because the popup should be triggered when a visitor has understood your website sufficiently. And it varies site by site. More specifically, in order to determine the best time when your popup should be triggered, firstly you need to take the average time your visitor spent on your site in your analytics. The best practices show that the effective time is 60% of the average time spent on your site.
Conveying irrelevant content on the popup.
For instance, if your customer is at the end of the purchasing process right now. They are ready to pay for the items in their cart. Then, unexpectedly, they try to leave your website. In this case, it is not the right place and time to offer a free book.
Another example is someone only read your blog to get the knowledge. They never show any indication of making a purchase. Therefore, is it reasonable to promote a coupon to those visitors when they are about to leave your site?
Overall, you can’t communicate the same message to visitors at different stages of the buying process. For the visitors who are already considering making a purchase for their need, you should push the sale messages to them such as free shipping offers, discounts, etc.). On the other hand, it’s better to promote your free giveaways or free trial to early–stage visitors. In addition, you should display your popup only on relevant pages. For example, your site sells electronic equipment and you provide a free case for each tablet. Therefore, you shouldn’t give this offer on the product pages of washing machines.
Requesting too much information in the popup
Requesting more information (gender, first name, age, etc.) allows you to send more customized messages and offers to your subscribers. However, your business should determine which information is requested by potential subscribers in your popup. Because the less information you ask for, the more visitors will opt-in. For the step popup, where the form can be found on the first popup, you should request only the email address.
For a multi-step popup, when the visitor only clicks on the first page (e.g. Yes/No popup), you can ask for more information. Because after the first popup raises your visitors’ interest, they’re more likely to give their contact details (first name, last name, company name, telephone number, etc.) when you place more input fields on the second page. However, you should use at most four input fields. More fields will reduce your opportunities for conversion.
Providing a bad offer in your popup
If your business doesn’t have a good offer in your popup, it doesn’t matter how beautiful your popup is, it will be enough persuasive to make your visitors subscribe. Your offer must be unique, relevant, and exciting for your visitors. Most importantly, the sufficiently valuable offer will promote them to provide their information in exchange.
In order to achieve high results, you try to create exclusive offers to be presented in your popup. Furthermore, they are not available elsewhere on your website. At least, you don’t repeat the offer promoted on your main page banner. We give some actionable giveaways that can be used to attract your visitors to sign up:
- Discount, coupon: It can be provided in percentage. Another way, you can show the exact amount discounted in this offer.
- Free stuff: You can offer free books that still result in really high conversions. Besides, free shipping is another effective way to convince visitors to abandon your site.
- Exclusive offers by email: You can give unique offers only to visitors who have signed up for your newsletter. This really improves your subscription rate.
- Contest: You connect the newsletter subscription to a contest. That is a good way to immediately boost your subscriber list.
Presenting awful popup
Awful-looking popup leads the low conversion rates. Your popup must be designed to fit the style of your website. Each popup should be an integral part of your site. In addition, you shouldn’t use too much text in your popup because distraction also kills conversions.
Moreover, to improve the user experience, you should make the popup clear on how to close it. The best practices indicate that the delay of the closed button shouldn’t be more than 3 seconds. After 3 seconds, it makes visitors annoyed.
Conclusion
To sum up, it is undeniable the advantages of Magento 2 popups in the marketing strategy for every e-commerce store. But it does not mean that all popups can have a good impact if they don’t catch visitors’ eyes.
Creating Magento 2 popup only requires stores to take simple steps as above, hence we think you can do it without any doubt. If you have concerns, please contact us! At Magesolution, you can hire certified Magento developers to work on your new or existing online store. From website development services to maintenance & support services, no matter what your needs are, our Magento Website Development service will all provide you with the most effective solution to help your online business grow and sustain. With over 14 years of experience, we came to give solutions to over 1,000 happy clients. Contact us for a free consultation!
