Solutions keyboard_arrow_down keyboard_arrow_up
Our Solutions
Ontraport's solutions work together to give you everything you need to run your business in one centralized, easy-to-use platform.
Resources keyboard_arrow_down keyboard_arrow_up
Find free content on the latest marketing strategies, using Ontraport in your business, and finding the right software.
Visit the blog
University Pricing Chat
Create a lightbox pop-up form
Last updated on: April 10, 2023

If you’d like your form to display as a pop-up lightbox on your page, you’ll use our Ontraport form feature to create the form instead of the form elements within Ontraport Pages. You can also use Ontraport Forms as pop-up lightboxes on pages that are built with external page-building software.

You can set up your form to pop up after the page visitor spends a certain amount of time on the page, upon exit intent, after the visitor has scrolled on the page a certain amount, or after a button (such as a purchase button) is clicked.

  1. After you’ve created your Ontraport Form, click Publish at the top right. You will be presented with options for displaying the form as a lightbox:
    • Automatic lightbox: This is a lightbox form that will appear automatically based on settings you dictate, such as on exit intent or after a certain amount of time on the page.
    • Click-to-pop lightbox: This is a lightbox that appears after a button or image is clicked. For example, your thank you message could appear as a lightbox after someone clicks your “Buy” button so they stay on the same page after making a purchase.
  2. If you select automatic lightbox, you’ll be prompted to:
    • Choose where you would like the pop-up form to appear on the page.
    • Select when you trigger the lightbox based on scroll percentage, amount of time or exit intent.
    • Choose the repeat display settings. For example, only show once per visitor or for a predetermined time or amount of page refreshes.
  3. If you select click-to-pop lightbox, you’ll be prompted to:
    • Enter the text that you would like to open the pop-up form (once clicked). If you would prefer to use an image or button instead of link text, paste the following snippet into the link text field and replace where it says image_url with your image’s hosted url. <img src=”image_url.png” />
  4. Preview your form by clicking the Preview button. The form will automatically open in a new window in your browser. Review your form and make your final adjustments.
  5. Click Copy to clipboard. This will copy the code that you will paste onto your webpage.
  6. Go to your preferred webpage editor and place the HTML code just above your closing body tag </body>.
Related university lessons
Tour Ontraforms so you can easily display your forms as pop-ups or build a form for your existing website and landing pages.
Form basics
Forms are for gathering information from visitors to your site — and how you’ll ultimately sell products. Learn the different types of forms you can set up and their components.
Forms on Ontraport Pages
With Forms on Ontraport Pages, you can add form fields, a submit button, and personalize the style settings to create any forms you need. Take a tour in this lesson.
Divider Text
Related support articles
Create a form on an Ontraport page
Form settings
Multi-step forms
 Pro tips
Tip #1. There is also the option to embed your form in the page, rather than pop up. This is commonly used if you'd like to use an Ontraport Form on a page built with a non-Ontraport Page builder.
Tip #2. If you’re using an order form, it must be published on a secure web page (https) in order to display.
Tip #3 Exit intent forms only work on desktop versions of your pages. Since mobile devices don't have a mouse to track, it's not possible to see when your visitor is about to leave your page.
Live events
© Ontraport 2024
PCI DSS, Level 1
Privacy Shield Certified