Your forms are one of the most critical parts of your sales and marketing automation. They’re where you capture information about your new leads and customers. 

When your leads fill out your forms giving you info like names, email addresses and more, your account will save that information in a new record or update an existing one.

You can build any type of form using Ontraport Pages. Choose from prebuilt forms to add professional designs to your pages, or create your own forms with unique designs that suit your individual needs.

 

Steps


  • Go to Pages and select the page you’d like to add the form to.
  • Click the add block button  and select a block from the “Build your own block” section at the top. This block is where you’ll add your form.
  • Add a form field element to your page.
    1. Look for the “Forms & Sales” section in your elements pallet on the left. 
    2. Then click on a Form Field element and drag it over to your block.
    3. Form field element

    4. Choose an object to designate what type of record you want to create or update with your form.
      1. For example, choose Contacts if you want to create a lead opt-in form, or select Companies if you want to collect business demographics.

      Select an object example

    5. Select the field you want to add to your form.
    6. Select a contact form field example

      1. You can access related record fields by clicking on the > on the right of your related field’s name.
      2. related field example

    7. (Optional) Hover over your field and click settings icon → the style tab to customize the style of your form fields. When you add your next field, it will use the same design.
  • Repeat step 3 for all the fields you want on your form.
  • (Optional) To make sure only real people are filling out your form, add a the reCAPTCHA element element to your block. Your visitors will have to confirm they are a person before they can submit your form.
  • Click and drag a the submit button element to your block. Every form needs a submit button, and you won’t be able to publish your page until your form has one.
    1. Hover over your submit button and click the settings icon  → the form settings  to set up your form’s opt-in settings.

Order form elements


If you’re creating an order form, you can add these form elements to your block to customize your form with billing and payment information.

Here’s what you can add:

the billing address element

  1. Includes all the required billing address fields, such as address and zip code. We’ll send this info to your payment gateway for credit card verification if you have that set up.

the shipping address element

  1. Adds all of your shipping address fields and a “My shipping address is different from my billing address” checkbox.

the credit card element

  1. Adds the basic information you need to send to most payment gateways.

the paypal button element

  1. Allows your customers to pay for your products using PayPal.

order summary element

  1. Shows your customers what they’re buying, the subtotal and total price of the sale. Hover over this element and click + Add / Edit Product for easy access to your payment settings.

order bump element example

  1. Promotes an extra product right on your order form. You can customize your checkbox label, add a headline, supporting text and/or image.

upsell button element

  1. Add upsell “Yes” and “No” buttons to your page. Upsell forms appear after your customer buys from you. This is why you can never add an upsell to the same page as your order form.
    1. Pre-fill Field Values


      You can pre-fill fields on your forms to save your customers time and create polished experiences. There are two ways to pre-fill fields: You can either select a specific value to pre-fill your form fields — such as pre-filling the title field to “Manager” for a form created specifically for managers — or you can add in contact-specific information such as your contacts’ name and email address.

      In order to pre-fill your form values with contact-specific information, you will first need to create a PURL or a custom link to your page. Once you’ve done that, follow the steps below to pre-fill your form fields.

      • Click on the field you want to pre-fill on the palette of your page. 
      • Click .
      • In the “Pre-fill this field’s value” add a value or clickto add a merge field — for contact-specific information.
      • Click .