Pop-up Forms

This article provides a comprehensive guide to the Pop-up Forms feature, offering a range of valuable elements for triggering, activating, and deactivating pop-up forms. Discover the various types of embeds and enhance your website's engagement. Follow along to learn more about maximizing the effectiveness of your pop-up forms.

Step 1: Locate the Form

• Navigate to Sites > Forms > Builder and create a form as desired
• View the new features by clicking on Integrate Form

Step 2: Integrate Form

Upon accessing the Form Builder, click on "Integrate Form" to explore a plethora of new features designed to elevate your pop-up forms' effectiveness. Here, you can choose from four types of forms and customize their triggers, activation, and deactivation options according to your preferences.

1. Select Form Type: Choose from four distinct types of forms tailored to different user interactions.
2. Trigger Selection: Determine the trigger type based on user behavior, such as scrolling percentage, timeframe, or constant display.
3. Activation and Deactivation: Customize activation and deactivation preferences. Choose how the form reappears after closing, either after a specific number of visits or continuously. Control the frequency of form display based on user interactions.
4. Embedding: Copy the form link for the inline version or retrieve the embed code to make use of other layouts and click done. You can choose from a variety of layouts, each designed for specific user experiences.

• Select the Copy Embed Code 

• Go to the funnel or website page editor where you want this pop-up to be, and add a Code element (also known as Custom HTML/Javascript element)

• Open the code editor, paste the code and save

Embed Layout Overview

The revamped Form Builder introduces various embed layouts to suit diverse user requirements:

• Sticky sidebar: Will appear on the side of the screen and can be minimized to a tab that sticks to the side of your choice
• Polite slide-in: Appears on the bottom side of the screen and disappears once closed and can also be minimized to a tab
• Popup: A pop-up shows the form as an overlay inside a lightbox. It cannot be minimized but closed.
• Inline: Appears along with the page's content as a native element. It does not overlay and cannot be closed or minimized.

Trigger Types and Activation/Deactivation Options

Tailor the behavior of your pop-up forms with customizable triggers and activation/deactivation settings:

• Trigger Types: Determine what causes the form to appear you can choose for it to show when you scroll through a certain percentage of the page, display the form after a timeframe, and you can have it show all the time
• Activation: Determine how you bring the form back after closing by choosing a certain amount of visits to the page or all the time
• Deactivation: Control how often the form is displayed.. You can choose if it deactivates when a lead fills out the form, or you could make it so that it never goes away

Advanced Customization and Integration:

• Easily customize form elements and fields from the left panel, ensuring your form matches your brand's aesthetics.
• Integrate additional options on the right, making forms not just functional but also visually appealing.

Note: Show on scrolling will only show once when scrolling on the page, and must be refreshed to show again.