This article contains:
Please keep reading below for the step-by-step guidance.
I. Quick edit on the pre-built templates
We offer a selection of popular pre-built templates that will help you drive conversions. Although, to turn it completely into a custom-branded masterpiece of your own, you may want to quickly edit the popup text to fit with your promotion context.
Make any template your own with our customizable drag and drop interface. And here is how to do it step-by-step:
1. Edit the pre-built template
Your design is a set of blocks, which you can edit separately. To configurate your block such as add an image, change the color, or re-position it, etc... select the block you want to make changes and edit it with the tools on the left column.
Please note that there are 2 tabs of settings:
- General tab: is used for the basic configuration of your popup.
- Design tab: is used for styling and positioning the selected block.
Apart from that, there are many other drag-and-drop components that you can add to your popup form:
2. Set up the behavior targeting
To learn how to set up the rules to show your popup at the right time and to the right audience, please check the article on How to make your Pop-up target the right customers.
Otherwise, you can choose whether to enable your popup on computer and mobile or not. This settings could support you to have different popups on the same page, but suitable for each device.
*Note: For 'On exit-intent' trigger, the popup will be automatically disabled on mobile.
3. Check the display frequency
Frequency is the number of times a user sees your popup over a given time period. Frequency capping will help you to avoid spamming users too much with the same content.
Please check this article for more information on How to avoid spamming your customers with Frequency setup.
II. Create a custom-branded popup
1. Advanced customize with drag-and-drop system
Step 1: Create main pop-up with a blank canvas
To create a new popup with our editing tools, click on 'New Campaign'
Then select the icon 'Drag-and-drop' as below:
You will see a blank canvas and a list of components. Now let's get started!
Before adding any components to the pop-up canvas, don't forget to setup the size and layout of the pop-up, thus it will appear as your wish!
Please note that the maximum width for pop-up is 1000px, and the height will scale up based on how you layout the components.
Otherwise, if you want your pop-up to be divided into 2 columns like the below example, drag the 'Column' component to your canvas first before adding other content.
Remember that with a popup to collect new subscribers, there are 3 essential elements that you would need to have on it which are: catchy content, input fields, and a call-to-action button.
For content, you can add any text that you think would be attractive to customers, but make sure that the benefit of your offer is clear right in the headline, because 80% of people who see a piece of content will only read the headline, and a good headline can boost traffic by up to 500%.
For input fields and call-to-action button, you just need to drag the 'Sign-up form' component to your canvas for the combo.
On the general settings tab, select which field you would like to have on your pop-up and if it should be a required field or not, you can also edit the text on the input fields here. Please be noted that you can only choose to collect either email addresses or phone numbers.
Apart from that, you can change the text of the 'Submit' button and decide to add another URL or link it to 'Thank you' step.
Move forward to the design tab, you can freely design the appearance of your sign-up form here! Such as changing the background color of the whole block, edit the font size and font style, as well as applying border & spacing to the fields and button.
And here is our result!
Step 2: Add a 'Thank you' pop-up
*Note: this step is only enabled when you add the sign-up form.
With a 'Thank you' popup after form submit, your customers could receive your heart-felt message of thanks without having to totally disrupt their browsing experience on your website.
To re-apply the design from the main popup, go to Layout & size settings > click on Copy from Main page button. Then it's your turn to freely design your thank you page, either give your customers a discount code, or tell them to check their mail inbox for other surprise!
2. Upload your own popup
In case you already have a designed popup which is ready to be used, select the 'Upload your image' icon right at the beginning. Don't forget to setup the triggers and conditions to show your popup correctly as your wish.
III. Complete your lead flow with Automation messages
When you finished creating a pop-up with sign-up form and save the design. There will be a notification pop-up asking if you would like to create an automated workflow (with SMS & Email channel) to welcome your new subscribers.
Please check this article to learn more about How to create an Automation flow to welcome new subscribers.