A promotion form is a form designed to promote a special offer. A site-wide sale, free shipping, new products, product suggestions, or even cross-selling are good examples. No one will miss your promotions again with Omnisend. Our pop-up templates will address all your promotional needs.
To create a promotion form navigate to Forms → Create form → Style → Promotion → Pick the template. There's a variety of Promotion form templates available in the Forms library to suit your needs.
This will take you to the next step, where you will be able to edit the contents of your form and adjust it to fit your promotion. 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 pick the default design settings you want to use.
Form layout allows you to:
change the width of the form to fit any screen (rage of 300 to 1000px);
Background image placement which allows rendering an image next to your form. Options include Image left, Image Right, Image Top, Background Image, and without Image.
If you decide to 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.
Colors settings allow you to change:
Form overlay color;
Close button color;
Button settings allow you to define and style your form's buttons:
This tab will help you set up your form's behavior, basically when and where the form appears.
Display settings will help you decide when you want to show this form to a visitor. You can base it on:
Page visits - set the number of pages the visitor has to view for the form to appear;
Time on page - set the amount of time (in seconds) that the visitor needs to spend on your website for the form to appear;
Scroll depth - set the percentage of how far the visitor needs to scroll on the page for the form to appear;
Exit intent - set the form as exit intent if you want the form to appear when the visitor is about to leave the page.
Note! You can use all display options at once, but we advise keeping it simple.
Targeting settings allow you to display the form only on a specific URL of your website or/and not to display the form of a particular URL. Page targeting options therefore include:
It appears on the URL, which displays the form on a specific page;
It does not appear on a URL that doesn't display on a specific page;
Additionally, you can add or remove multiple URLs on the page.
Frequency settings define the time form will appear again if the visitor didn’t subscribe after the form was displayed. You can decide to not show the form again after interacting with it for:
A number of days limit;
A number of hours limit.
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 will be able select and drag&drop specific content items right to your form content.
You will be able to add Text, Button, Image, and Line/Space blocks to perfect your promotion form.
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 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 that 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.
Add the button with a link to a specific page to form content for your promotions. You will be able to adjust the text, link, button style, and alignment. Don't forget that you can define button styles in Theme settings.
Add a line to separate content or make more space using the Line/space block. You can switch between Line and Space types on the right-side menu. You'll get to pick the border and width, style, alignment, and color for the line. For Space, you get to choose space height in px.
Undo and redo buttons
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.
Note! Reloading the page restarts the feature, so undo history will be lost.
Once you finalize editing your form, click Enable to make it live or Save and Close to save it as a draft 🚀
Still, have any questions? Feel free to contact our support team at [email protected].