Quick Answer
How do you add a pop-up form to a website or funnel?
You can use BizStackPro's built-in pop-up option or create a form under Sites → Forms → Builder, click Integrate Form, choose a layout, configure its triggers and display rules, then copy the embed code into a Code element on your website or funnel.
Capturing Attention Without Interrupting the Experience
You may want to collect leads on your website or funnel, but timing and placement can affect how visitors respond.
Pop-up forms let you present offers or collect information based on visitor behavior, such as time on the page or scroll depth.
BizStackPro provides an in-built pop-up option as well as form embed options with configurable triggers, activation rules, and deactivation rules.
This guide explains both approaches and shows how to choose layouts, configure triggers, and control display behavior inside your websites and funnels.
Pop-up Forms at a Glance
Before You Begin
Decide how you want the form to appear and what should cause it to display before configuring the integration.
- Decide whether the built-in pop-up or embedded form option fits your needs.
- If embedding a form, create or prepare the form under Sites → Forms → Builder.
- Consider the layout and trigger behavior you want visitors to experience.
Option 1: In-built Pop-up
- Displays the form as a lightbox overlay.
- Visitors can close the pop-up, but it cannot be minimized.
- Provides a simple option for lead capture with minimal setup.
Option 2: Embed Form Code
Embedding the form gives you more control over its layout, triggers, and display behavior.
Step 1: Create Your Form
Go to Sites → Forms → Builder and create the form you want to use.
Step 2: Open the Integration Settings
Click Integrate Form.
Step 3: Choose the Form Type
Select Sticky Sidebar, Polite Slide-in, Popup, or Inline.
Step 4: Configure Display Behavior
Configure the form's triggers, activation, and deactivation settings.
Step 5: Copy the Embed Code
Copy the generated embed code.
Step 6: Add a Code Element
Open your website or funnel editor and add a Code element.
Step 7: Paste and Save
Paste the embed code into the Code element and click Save.
Follow along
Forms Builder → Integrate Form → choose a layout → configure triggers → copy the embed code → paste it into a Code element.
Pop-up Form Types
Sticky Sidebar
Attaches to the side of the page and stays visible.
Polite Slide-in
Slides into view without fully blocking the page.
Popup
Displays as a classic lightbox overlay.
Inline
Sits inside the page content rather than displaying as a pop-up, but is available through the same integration flow.
Trigger Types
Scrolling Percentage
Displays the form after the visitor reaches a configured scroll depth.
Timeframe
Displays the form after a specified amount of time on the page.
Constant Display
Keeps the form visible and is commonly used with sticky or inline layouts.
Scroll-triggered display
Scroll-triggered forms typically display once per page load, depending on your settings.
Activation & Deactivation
Activation
Controls how often the form can reappear after a visitor closes it, such as after a set number of visits or by always displaying it.
Deactivation
Controls when the form stops displaying, such as after form submission or when it is configured to continue displaying indefinitely.
Customization & Integration
- Customize fields and styling from the form editor panels.
- Use the integration options for advanced embed and display settings.
- Test your trigger rules on desktop and mobile to avoid over-showing pop-ups.
Frequently Asked Questions
What is the Pop-up Forms feature, and why is it useful?
How do I create and locate a form for use with Pop-up Forms?
What types of forms can I choose from when integrating a pop-up form?
What trigger types can I set for my pop-up forms?
How do I activate and deactivate pop-up forms?
Continue Learning
Continue with related Forms guides for styling forms, building from templates, and managing submissions.
