Design your Form
After you've generated your form, you can use the form editor to change its look and feel. You can add blocks to your form to ask your subscribers for additional information and further style your form as per your brand style.
Add Design components
Go to the Design tab on the left pane on the form editor. Depending on the data you want to collect, you can drag the design components from the design tab on the canvas. You can add the following components to your form:
- Text: An input field to add text on the form
- Image: Enables you to add visuals to your form.
- Email Input: An input field to capture the user's email.
- Phone input: An input field to specifically capture the user's phone number.
- Button: An interactive element that users can click to perform an action or submit the form.
- Text Input: An input field to capture the text entered by the user.
- Date input: An input field to capture the date.
- Timer: A clock interface that acts as a countdown timer.
- Dropdown: A list for the user to pick an option.
- Single Select: Enable users to select a single option from a given list.
- Product Block: Displays your products on the form.
- Discount code: Contains a code that a customer can use to avail of a discount.
All the components have their own set of properties for further customization. See Design reference for detailed information.
Style your form
You can apply your brand's styles in the Styles section of the Form editor to give the form its final polish before posting. Go to the Styles tab on the left pane of the form editor.
Form types
In the Styles section, select your type of form as per your brand style from the options described below:
- Popup: Typically displayed at the center of the website and provides offers, discounts, or email subscription boxes to visitors.
- Flyout: These appear from the edge of a screen and are more likely to draw attention than other form types because they include movement.
- Embedded: These are simple contact forms that can be placed anywhere on your site with customizable fields, texts, colors, and images.
Based on the form type selected, you can configure specific settings for further style customization. For more information, see Style.
Updated 10 months ago