Pop-up Forms

Created by Real Grow, Modified on Fri, 1 Mar at 10:09 AM by Real Grow

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

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article