A popup is a window that appears on a website while browsing it. This form pops up on specific website pages based on your timing: after a particular amount of time on your site, after scrolling, on exit, etc. It allows you to collect customer emails, offer discounts, and start Welcome automation by collecting email opt-ins.

To create a popup form, navigate to Forms → Create form → Style → Popup→ Pick the template. A variety of popup form templates are available in the Forms library to suit your needs.

This will take you to the next step, where you can edit the contents of your form and adjust it to fit your website and brand style.

The main features of Form Builder are Items (otherwise called Blocks), Layouts, Behavior, and Theme settings.

This tab allows you to customize the form's design and select the default design settings for form layout, colors, buttons, and fields.

If you use a background image, you'll be prompted to select the image file and choose the image's width to either fill the Space or fit the form's size.

You can also adjust the position of your form here.

Button settings allow you to define and style your form's buttons:

Field settings allow you to customize the input fields of your popup form in one go.

Close settings allow you to adjust settings to customize the close button style and enable the option to close the form by clicking outside of it.

This tab will help you set up your form's behavior, basically when and where the form should appear.

Audience management settings allow you to assign a tag to all contacts who submit the form, which can help in further segmentation. You can add an existing tag to the form or create a new one directly in the form builder to segment your contacts afterward. Read more about contact tags here.

You can also turn on double opt-in here. If enabled, at first, your potential subscriber fills out the signup form, and as a second step, a follow-up email is sent to their inbox for subscription confirmation. Read more in the dedicated guide.

Scheduling allows you to schedule your popup to be visible in defined timeframes. Here, you can choose a start date, and your form will start working automatically on this day only if you are preparing a form for a campaign that has not started yet.

If you are running a sale with a strict end date, choose an end date for your form, which will be turned off automatically.

If you already know when your marketing campaign starts and ends, just choose the start and end dates. The form will be available only between those dates.

Display settings will help you decide when you want to show this form to a visitor. You can base it on:

Targeting settings allow you to display the form only for specific customer groups and/or on a specific URL of your store or/and not to display the form of a particular URL.

Visitor targeting options include:

Page targeting options therefore include:

The visibility settings define the devices on which the form should be shown. You can choose to show it on all devices or mobile or desktop only.

Frequency settings define the time the form will appear again if the visitor doesn't subscribe after the form is displayed. You can decide to not show the form again after interacting with it for:

If this option is left unchecked, the form will appear only 1 time for the visitor and will not reappear.

A/B test is a powerful feature that allows you to experiment with different variations of your popup forms to optimize their performance.

Choose from all the different types of layouts → drag&drop them to the place to form content. Once you add a specific layout, you can start adding blocks right to it.

On the left sidebar, you can select and drag-and-drop specific content items to your form content.

You will be able to add the Email field, Phone number field, Text, Button, Image, Legal text, Input field, Date, Dropdown, Line/Space, Wheel of Fortune, and more blocks to perfect your popup form.

This guide will walk you through basic popup items. To learn more about other items, please follow the link below.

This block allows you to add an email input field anywhere you want in the form - just drag and drop the block to the needed position. Once added, you can change the input placeholder text, make the email field required, and change the text for the required message (the default one is "This field is required"). Add the label for the field by naming it "Email" or something like "Leave your email here," etc. Alongside, you will be able to edit the error message for the unsuccessful email submission (the default one is "The email address must contain @ and a valid domain").

With this block, you can add a phone number input field anywhere you want in the form. Once the block is dragged and dropped, you can change the input placeholder text, make the field required, add or remove the label for the field, and change the text for the required message (the default one is "This field is required"). You can also edit the error message for the unsuccessful phone number submission (the default one is "Must be valid phone number").

With the New Form Builder, you can now select a default country for the form submission. The field will always be pre-filled with the selected country. The country selected will be reflected in the field as a flag sign + country code + the beginning of the country's phone number. Please note that the full country name won't be shown.

Please be aware that the phone number field requires a legal block to be added to the form (the US requires TCPA, EU requires GDPR). Moreover, you can adjust the legal block according to your country's requirements. Read further to learn more about Legal block.

Add any text you'd like to your form's content. To edit the style formatting of your text in a specific block, select the part you want to update. A menu with multiple options to transform your text will appear right below your chosen text — navigating to the right-side menu to edit the text style, font, size, line height, and font color.

An essential feature is to add a button to collect an email submission. At the same time, you can add a button with a link to a specific page of your website. You can switch button action between submitting the form and linking to a particular page. You can adjust the text, link, button style, and alignment. Don't forget that you can define button styles in Theme settings.

Select the image you want to add to your form content; remember that you can use JPG, PNG, and GIF formats under 2000px in dimensions. You can also add the URL to which your image will link once the user clicks on this image. To resize the added image, hover to the corner of the image and resize it the way you want.

Add a legal block with a GDPR or TCPA compliance template prepared directly to your form. In the New Form Builder, the legal text is more concise; however, you need to add the privacy policy link. As a best practice, we recommend providing information on how customers' emails and phone numbers are used (for what marketing purposes) in your privacy policy.

For this sake, you will be able to adjust the text and add your privacy policy link to be fully compliant. You can also edit the error indicating that this checkbox is required. Read more about GDPR in the dedicated guide. Read more about TCPA compliance here.

As a result, your customers will need to check the legal box before submitting the form.

Add an additional input to your form to collect the contact's first name, last name, or city. Like with other field blocks, you can make this field required, label it and change the required message. This type of field can be styled in the Theme settings -> Fields, along with email and phone number fields.

Add an additional date input field to your form to collect the contact's birthday data. Like with other field blocks, you can make this field required, label it and change the required message. This type of field can be styled in the Theme settings -> Fields, along with email and phone number fields. Read more about birthday emails in the dedicated guide.

With the Dropdown item, you can start collecting your customers' gender and country data or create your own property with Custom property. Just drag and drop the block to your form and choose to which profile field it should be mapped: Country, Gender, or Custom property. Manage placeholders, choices, and labels and decide if you want to make this field required.

If you select the Custom Property type, you can select existing custom properties or create a new one by simply typing its name. The basic properties that come with Omnisend allow you to gather information like Email, Name, Phone Number, etc., while the custom properties allow you to collect information that isn't included by default. You may be more specific with your contact info using the custom property. Add the choices you need by clicking Add choice. Learn more about custom properties in the dedicated guide.

Add a line to separate content or make more Space using the Line/space. You can switch between Line and Space types on the right-side menu. You'll get to pick the line's border and width, style, alignment, and color. For Space, you get to choose space height in px.

You can redo/undo the changes you made to the form using the buttons in the top right corner. There are unlimited undo steps, so you can get to the beginning of designing with the possibility of starting from scratch.

Once you finalize editing your form, click 'Enable' to make it live or 'Save & Close' to save it as a draft 🚀

Once your customers submit the form successfully, a success message is shown. You can fully customize your success message: change the design, add buttons, and adjust it to suit your needs. To edit the success message, switch to Success at the bottom menu of the form builder.

Once switched, you can edit the success message the same way as the actual form. Click to edit the text, drag and drop any layout you want, and add any items you wish to - be creative and promote your brand 🚀

Default error messages are written next to each field. We give the best recommendation on an error text, but you are free to customize them according to your needs. For example, the default Required message error for the Legal text is 'This field is required.'

This is how the error could look on the website if the box is not checked. Don't forget that the error text color can be edited under Theme settings → Fields → Error color.

Use the Subscribed message to notify your customers if they are already subscribed to the contact list. This message will be shown to all customers who try to subscribe using this form but are already present in your Omnisend Audience.

The Subscribed section is under the Success step, where you can manage messages for already-subscribed customers.

Here, you can manage the text and add other blocks to the message to correctly manage your customers' expectations. You can also add a promotional discount for your subscribed contacts to reward their loyalty.

You can also enable Teaser for your Popup. Teaser forms stand out because they appear around the page's edge and create a seamless experience for the users.

The Teaser is a part of the Popup form. Any Popup form can have the Teaser. You can either add a Teaser to any popup form or create it with a Teaser template in Forms Library.

Teasers also combine with our other features, like Mobile only/Dekstop only visibility settings, that you select for your popup form. This means you can decide to show the popup and teaser forms only on the Desktop, mobile, or both.

Still have any questions? Feel free to contact our support team at [email protected].