Company Blog Support
Rochelle Yoshida
posted

Contents

    Back to Top

    Add an ONTRAform to a website

    ONTRAforms provide you with the code you need to place the form on your website as a static form, an automatic lightbox (pop up) form with three different triggers and click to pop up forms that respond to a click on a link or image.

     

    Select the Type of ONTRAform
    1. Click the Publish button at the top right to see the options for publishing your completed ONTRAform

    2. Select your Display Type (select one):

      set display type for your form
      • Automatic Lightbox: The ONTRAform will pop up based on the trigger set in step 2.
      • Embed in Page: The ONTRAform is placed in a static position on the page, and is always visible.
      • Click to Pop Lightbox: The lightbox will only pop up when the link is clicked. You can also hyperlink into an image, logo, or text link.
    Automatic Lightbox ONTRAforms

    Select how you want your lightbox to appear (multiple choices allowed):

    1. Select pop up position: Choose where you'd like the pop up to appear on the web page.
    2. When To Trigger Lightbox: Choose when the lightbox will appear. If you select more than one of these options the first one to occur will be the trigger, and the rest ignored.
      • After the user scrolls a certain percentage of the page
      • After a number of seconds
      • On "exit intent" when the user moves the mouse cursor moves toward the top right or left corner 
    3. Set the Repeat Display Settings:
      • Choose to not show the pop up again if the visitor has clicked to close it or filled it out.
      • Set the maximum number of times to show the pop up within a time period set in hours.
    4. Preview Your Form & Copy to Clipboard:
      1. Click the Preview Your Form button to see a preview of the form. In preview mode, form merge fields (if any) will not be populated.
      2. To copy the form code to your computer's clipboard, click the Copy to Clipboard button.

        copy code to clipboard
      3. Place the code just above your closing body tag </body> into your website

    Note: Publishing options also include selecting the ONTRAform as a Thank You form pop up in an ONTRApage.

    ONTRAforms Embedded in the Page

    Preview Your Form & Copy to Clipboard:

    1. Click the Preview Your Form button to see a preview of the form. In preview mode, form merge fields (if any) will not be populated.
    2. To copy the form code to your computer's clipboard, click the Copy to Clipboard button.

      copy code to clipboard
    3. Place the code into your website wherever you would like the form to appear.
    Click to Pop Lightbox ONTRAforms
    1. Enter the link text you would like to appear: Enter the call to action text you'd like users to see before seeing the popup lightbox.
    2. Click the Preview Your Form button to see a preview of the form. In preview mode, form merge fields (if any) will not be populated.
    3. To copy the form code to your computer's clipboard, click the Copy to Clipboard button. You can then paste the code into your website.

      copy code to clipboard
    4. Place the code into your website wherever you'd like the click to pop text to appear.

     

    Other Resources

    ONTRAforms Basics

    Selling Products and Leveraging Upsell Opportunities

    Publishing Your ONTRAforms

    Articles in this section

    Have more questions? Submit a request

    Comments

    Powered by Zendesk