Skip to main content
HoopAI forms can appear on any page of your website or funnel. You choose the layout — embedded inline in the page content, as a popup triggered by scroll or time, as a sticky sidebar that follows the user as they scroll, or as a polite slide-in from the side. Each layout uses the same embed code system.

​
Getting the embed code

  1. Open the form in the builder.
  2. Click the Embed button (or the share icon) in the top toolbar.
  3. The embed panel shows your embed code and a shareable link.
  4. Select the layout you want and copy the code snippet.
The embed code is an HTML snippet containing a <script> tag. Paste it into the <head> or <body> of your page according to the instructions for your platform.
Embed codes are static once placed. If you later change the form’s embedding-level settings (such as the trigger type or deactivation rule), you must generate a new embed code and replace the old one. Changes to fields and submission settings take effect immediately without a new embed code.

​
Embedding on a HoopAI funnel or website

If you are using a funnel or website built inside HoopAI, you can embed a form without touching any code:
  1. Edit the funnel or website page in the page builder.
  2. Add a Form element from the element library on the left.
  3. Select the form you want to embed from the dropdown.
  4. Resize and reposition the element within the layout.
The form renders inline within the page and updates automatically whenever you save changes in the form builder.

​
Layout options

​
Inline

The form appears directly in the flow of the page content. This is the most visible and straightforward option — there is no delay, no animation, and no trigger required. Best for dedicated landing pages where the form is the primary purpose. The form appears as a modal overlay in the center of the screen. A dark backdrop dims the rest of the page. Popups can be triggered by:
  • Time delay — appears after the visitor has been on the page for a set number of seconds
  • Scroll percentage — appears when the visitor scrolls past a certain point on the page
Popups are effective for capturing leads on long-form content pages or blog posts where visitors might not scroll to an inline form. The form is collapsed into a small tab anchored to one side of the viewport. It remains in view as the user scrolls. Clicking the tab expands the form. The sidebar can be minimized again by the visitor. This layout keeps the form accessible without obstructing the page content.

​
Polite slide-in

The form slides in from the bottom corner of the page. It uses animation to draw attention without fully interrupting the reading experience. Like the popup, it can be triggered by time or scroll position.

​
Deactivation settings

Each embedded form instance can be configured to stop displaying after certain conditions are met: Display limit Stops showing the form after it has been displayed to a visitor a specific number of times. For example, if set to 1, the form will not appear again to a visitor who has already seen it. Lead-triggered deactivation Automatically hides the form once the visitor submits it. After submission, the popup or slide-in will not appear again on subsequent visits. Perpetual The form always appears regardless of how many times the visitor has seen or submitted it. Use only for forms where multiple submissions from the same browser are expected.

​
Embedding on external websites

To add a HoopAI form to a website built on a platform like WordPress, Squarespace, Wix, Shopify, or Webflow:
  1. Copy the embed code from the form builder.
  2. Access the code injection or custom HTML section of your website platform.
  3. Paste the embed code into the header section so it loads on every page, or into a specific page if you want the form on only one location.
For popup and slide-in layouts, pasting the code into the site-wide header means the form appears on all pages. For inline layouts, paste the code into the specific section or widget where you want the form to appear. In addition to the embed code, every form has a shareable hosted link — a URL you can send directly via email, SMS, or social media. The form opens on a HoopAI-hosted page at that URL without requiring any embedding. This is useful for quick sharing when you do not need the form to be integrated visually into another page.
For lead generation ads on Facebook or Google, use the shareable link as the ad destination URL. The form loads quickly on a dedicated page, and you can configure the redirect-after-submission setting to send leads to a thank-you page where a conversion pixel fires.
Last modified on March 5, 2026