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.