How to create 2-steps email popup within 5 minutes
Opt-in popups are one of the most effective ways to increase your email list and grow your business. In this post, I'll show you how to create your own opt-in popup in under five minutes.
Go to Popups & Forms → Templates.
Select a template
You can preview all steps by clicking on the template image tabs.
Once you find the template you like, just hover on it and hit ‘Use template’ to open it in the drag-and-drop editor.
Understand the "Left," "Center," and "Right" sections of the editor.
At first glance, it may be a little complicated, but it's actually very intuitive. When you switch to the "Layer" tab, it shows all the elements on the center Canvas. In the example, it's a "Left-right" popup as 2 columns in the section (also marked as a green and yellow block). The "Close" button on the top-right is called "FloatBox" in the Layer and the sticky "Get 10% OFF" block is called "StickyTab."
On the right side of the editor, it is the configuration panel of the selected element. Try to click every element from the Canvas or the Layer to see how it changes accordingly.
Update images or texts
Click on the left-side image, and upload your image in the configuration panel.
You can find high-quality and free images at Unsplash: https://unsplash.com/
Click on the title, paragraph, or button texts to edit it inline.
Insert a coupon code at the successful step
After submitting the form, you can set up a "Thank you" message to the subscribers. In this example, switch to the "Success step," and find the element containing the code, update it to the coupon code that you want to give to your subscribers.
If you edited the coupon code, remember to update the "Copy button" action as well.
Save and Enable
If you feel good about your edit, click "Save" and "Enable" on the top right.
You must ensure Zalify Pixels is installed on your Shopify store to display the popup.
Go to Popups & Forms → Templates.
Select a template
You can preview all steps by clicking on the template image tabs.
Once you find the template you like, just hover on it and hit ‘Use template’ to open it in the drag-and-drop editor.
Understand the "Left," "Center," and "Right" sections of the editor.
At first glance, it may be a little complicated, but it's actually very intuitive. When you switch to the "Layer" tab, it shows all the elements on the center Canvas. In the example, it's a "Left-right" popup as 2 columns in the section (also marked as a green and yellow block). The "Close" button on the top-right is called "FloatBox" in the Layer and the sticky "Get 10% OFF" block is called "StickyTab."
On the right side of the editor, it is the configuration panel of the selected element. Try to click every element from the Canvas or the Layer to see how it changes accordingly.
Update images or texts
Click on the left-side image, and upload your image in the configuration panel.
You can find high-quality and free images at Unsplash: https://unsplash.com/
Click on the title, paragraph, or button texts to edit it inline.
Insert a coupon code at the successful step
After submitting the form, you can set up a "Thank you" message to the subscribers. In this example, switch to the "Success step," and find the element containing the code, update it to the coupon code that you want to give to your subscribers.
If you edited the coupon code, remember to update the "Copy button" action as well.
Save and Enable
If you feel good about your edit, click "Save" and "Enable" on the top right.
You must ensure Zalify Pixels is installed on your Shopify store to display the popup.
Updated on: 24/10/2022
Thank you!