Popup is one of signup forms provided by Omnisend. It automatically pops up in the center of the customer's device screen when you want it and asks the visitor to subscribe.
Before you start
Popup is one of the signup forms you get with your Omnisend account. To have your popup working, make sure you have the following:
- A working website with Omnisend snippet present. If you have Shopify, Bigcommerce or are using one of our plugins (like Magento, Prestashop), then your snippet is already there. If you are on custom API integration, refer to step 2 of this guide.
- Omnisend account with either payment plan. Keep in mind, that Free plan limits you to 3 active signup forms at once.
- You can add up to 5 fields in your popup form
- Go to Forms > All Forms > Create form or click Edit next to a preset Popup. You will be then brought to a setup wizard.
- Theme. Name your signup form and choose a preferred design theme and layout (Image Left, Image Right, Background Image, Without Image, Simple). Once you have chosen your preferred layout, you will be offered a number of designs to choose from. You will be able to edit that in the next step as well.
- Content & Design. To switch between editing of content and design, click on the top buttons of the sidebar.
- Content. You will be able to choose preferred language, upload your logo, change the image (if the chosen theme supports it), change labels of the form fields. More, you can add additional predefined property fields (up to 5 fields in total) as well as add custom properties to your form (Standard and Pro feature).
- Design. In the design section you can change the box position (where it appears on the screen), customize the styling of the theme by changing overlay and background colors, text styling, and button styling. Custom CSS is also allowed, although this is only recommended for advanced users who know CSS well.
- You can remove Omnisend branding (Standard and Pro feature), remove the close button, make the popup Google friendly on mobile (read more here) and enable or disable the popup on mobile.
- Once you have added your texts and styling, you can check the success message view by clicking on "Success" at the top of the editing window (Form and Success). To check, how your form looks on mobile, click an icon at the bottom of the sidebar. See both examples in the image below.
- Click Save & Proceed to go to the next step of the setup.
4. Settings. This step allows you to change the following settings:
- Add a Tag to organize your new signups into segments (you can use existing tags or create a new one) and send targeted communication based on the segments you create. You can add as many different tags as you like, which will help you filter your contacts that subscribed using this form.
- The timing when the form will appear (Immediately, after viewing a particular amount of pages, after spending a particular amount of time on a page, after scrolling a particular amount of page, or trying to leave the page (read more about our exit-intent technology)
- Targeting to particular visitor groups (All visitors, targeting by page URL (e.g. https://yourstoreurl.com/contact), targeting by part of page URL (e.g. /dresses/ - which would work on all pages that include /dresses/ in the URL))
- Limits when the form will be displayed again for the non-subscribed visitors (after hours, days, weeks, months)
5. Confirm & Launch. This last step is here to help you easily check, if everything you have setup is correct. You can jump to any setup part by clicking on Edit link next to each item.
6. Click Save & Enable to launch the popup or Save & Close, if you want to get back to it a bit later.
Tip: If you wish to display a different popup on your store based on the subdomain, your will need to create two separate forms and set target by part of URL.
Sharing the discount
Did you want to share a discount for the users that just signed up? You can do this in the following ways:
1. You can generate a discount code in your store's platform and add it in the success message of you popup. Thus, once the visitor subscribes he will see the discount code right away!
2. Create a Welcome email automation using a Discount content block and share the discount using Omnisend automation. This way, once the visitor subscribes he will get a welcome email with the discount code you generated on your store.