Behaviour
In the behavior section, you can customize the form's behavior for the customers that visit your platform. Adjust settings such as display frequency, form dismissal, and more.
Teaser
The teaser acts as a miniature version of your form before and after it is shown to the visitors. When enabled, it has the following properties that appear on the right pane:
Teaser Base
It sets the shape of the teaser - Circle, Bar, or Corner.
Position
This section determines the location and size of the form teaser.
| Property | Description |
|---|---|
| Position | Sets the location of the teaser. |
| Width | Sets the width of the teaser. |
| Margin (in pixels) | Sets the padding around the form teaser. |
Content
This section contains the customization for the text displayed on the teaser.
| Property | Description |
|---|---|
| Text | Accepts the text to be displayed on the teaser |
| Font Family | Sets the font type of the text displayed on the teaser. |
| Font Weight | Sets the teaser text's thickness or darkness (degree of boldness or lightness). |
| Font Color | Sets the teaser text's color. |
Background Properties
These properties control the background of the teaser.
| Property | Description |
|---|---|
| Background Color | Sets the background color of the teaser. |
| Background Image | Adds a background image to the teaser. |
Teaser Style
This section has the option for customizing the form border.
| Property | Description |
|---|---|
| Corner Radius | Applies rounded corners to the outer edge of the teaser. Only customizable when the teaser base is set to Bar. |
| Border Style | Sets the style of the teaser border. Select a style from the given dropdown. |
| Border Color | Sets the color of the teaser border. |
| Border Weight | Sets the teaser border's thickness or darkness (degree of boldness or lightness). |
| Enable Shadow | Controls the border shadow of the teaser. Click the toggle to enable the shadow. |
| Shadow Color | Sets the shadow color. |
| Shadow Blur | Sets the extent of blurring applied to the shadow, creating a softer or more diffuse appearance. |
When To Display
This section controls the teaser's visibility.
| Property | Description |
|---|---|
| Before showing form | When selected, the teaser shows up after the web page has finished loading. This property overrides the When to display property in the Targeting tab. |
| After closing form | When selected, the teaser appears when the user closes the form. |
| Before showing form and after closing form | When selected, the teaser is visible in two instances: when the webpage is initially loaded and after the form is closed. It overrides the When to Display property on the Targeting tab. |
Where To Display
This section manages the visibility of the teaser depending on the device your website visitors are using - Desktop or Mobile.
Display Frequency
This property governs how often the form is shown. You can either stop displaying the form for a user once it's submitted or specify a duration after which the form should reappear.
Dismissal
This property controls the form dismissal when a user clicks outside the form based on the device type.
Success Page
When enabled, the form automatically closes on the 'Success' step after the specified time.
Updated 4 months ago