Company Blog Support
Frank Hagan
posted

Contents

    Back to Top

    LeadPages™ Integration

    About LeadPages™

    LeadPages™ is a popular landing page application promising the ability to create, edit and deploy high converting landing pages without having to produce code. ONTRAPORT has three different ways to integrate with LeadPages™.

     

    You can also use ONTRApages as a free alternative to LeadPages™ to avoid the complexity involved with this integration!

     

    Note: These integration methods allow you to use a Smart Form for opt-ins to add new Contacts to ONTRAPORT. None of these integrations allow reliable Affiliate/Partner tracking. In addition Page Tracking is not available for subsequent LeadPages™ after the inital opt-in page. This is a limitation of the LeadPages™ platform which strips our JavaScript code. We are currently working with the LeadPages™ team to rectify this.

    Prerequisites

    Standard HTML Copy/Paste Method

    The standard HTML copy/paste method can be used by any ONTRAPORT, Office Autopilot or SendPepper account level. However not all LeadPages™ templates support this method.

    • Create your opt-in Smart Form in SendPepper or ONTRAPORT. Use the default styling as LeadPages™ will over-write any design elements you include

    • Click the Publish Form button in SendPepper / ONTRAPORT and copy the HTML Version For Geeks code. You will paste this into the LeadPages™ template later.

    • In LeadPages™, select "Integrations" from the "My Account" menu. and click the "Other Copy/Paste" link

      lp-myaccount-integrations.png

    • Click on the "Other Copy/Paste" link then click the green "Activate Other copy/paste" button. If you need help activating this option, please check with LeadPages™ support.

      lp-othercopypaste.png

    • Search for a template that allows the copy / paste function in LeadPages™

    • After selecting your template, click on the "Opt-in form integration" link

      lp-optin-integration.png

    • Under "Integrate form with:" select "Other" under the "HTML Copy/Paste" section

      lp-other-integration.png
    • Paste the HTML Version For Geeks code into the box provided

      lp-pastecode.png

    • Finish publishing the LeadPages™ page as normal

    Office Autopilot Copy/Paste Method

    This method works for any ONTRAPORT account without using the API. Do not select this method for use with SendPepper accounts.

    • Create your opt-in Smart Form in Office Autopilot or ONTRAPORT. Use the default styling as LeadPages™ will over-write any design elements you include

    • Click the Publish Form button in Office Autopilot / ONTRAPORT and copy the HTML Version For Geeks code. You will paste this into the LeadPages™ template later.

    • In LeadPages™, click the "My Account" menu and navigate to the "Integrations" section. Select "OfficeAutopilot". Leave the "Application ID" and "API Key" boxes empty, and click the "Allow Copy/Paste" button to the "On" position.

      lp-oap-copy-paste.png

    • After selecting your template, click on the "Opt-in form integration" link

      lp-optin-integration.png

    • Under "Integrate form with:" select "OfficeAutopilot" under the "HTML Copy/Paste" section

      lp-oap-html-copy-paste.png

    • Paste the HTML Version For Geeks code into the box provided

    • Finish publishing the LeadPages™ page as normal

     

    API Method

    The API method provides the most flexibility, but requires an API Key and Application ID. To activate your API contact Support.

     

    After the API has been activated in your account return to ONTRAPORT, click on the profile icon at the top right and click Administration under the Integrations section. Click on the ONTRAPORT API Instructions and Key Manager link.

     

     

     

     

    Click the New API Key button and name the API key, select the contact owner, check off all the options as shown and click Save

     

     

    Click the name of the API key in the listing to open the record and copy the APP ID and API Key values to a text file for use later in LeadPages™

     

     

     

    In LeadPages™, click the "My Account" menu and navigate to the "Integrations" section. Select "OfficeAutopilot". Copy the Application ID and API Key from ONTRAPORT into the appropriate text boxes.

    lp-appid-apikey.png

     

    ONTRAPORT UTM Parameters

    By default, LeadPages™ does not fill in the UTM parameters and pass them into the ONTRAPORT contact record. However, every form you create in ONTRAPORT includes the UTM parameter fields, and you can edit the LeadPages™ form to pass the UTM parameters through to ONTRAPORT. Note that this process works only for ONTRAPORT and will not work for Office Autopilot or SendPepper accounts. For more information on UTM parameters, visit our Marketing Tracker Overview page.

     

    Note:  LeadPages will not pass through any UTM parameters with spaces in them. Use only regular letters and numbers (A-Z, a-z, 0-9) in your UTM parameters.

     

    In LeadPages™, select your Page for editing, and click the "Submit" button to edit the opt-in form. Click the "Show advanced options..." link to display the hidden UTM fields:

    lp-utm-advanced.png

     

    Forms created in ONTRAPORT will have several hidden fields, among them:

      • utm_source

      • utm_medium

      • utm_term

      • utm_content

      • utm_campaign

    lp-utm-fields.png

     

    Click on each of the UTM parameter fields and insert the field name into the box titled "Pre-populate using this URL variable:". For example, for the "utm_source" hidden form field, type in "utm_source" into the box and click OK:

    lp-utm-fieldname.png

     

    Repeat this process with each of the hidden UTM parameter fields. Be careful to type the field name into the "Pre-populate using this URL variable" exactly as it appears at the top of the field editor box, using "utm_medium" for the "utm_medium" field, "utm_term" for the "utm_term" field, etc.

     

    Note:  LeadPages will not pass through any UTM parameters with spaces in them. Use only regular letters and numbers (A-Z, a-z, 0-9) in your UTM parameters.

     

    Save the LeadPages™ page. Test it using a URL with the UTM parameters added (see the Marketing Tracker Overview page for more information on UTM parameters).

     

     

    Partner Tracking with LeadPages™

     

    We advise against using LeadPages™ for Partner Tracking in ONTRAPORT as it strips out our Javascript code, disabling page and affiliate/partner tracking. ONTRApages is recommended instead. But for those who have developers on staff (or who are code wizards in their own right), you can try this method. We caution that we cannot guarantee it will work and can't support this solution, so be sure your developer has the necessary skills to overcome any obstacles.

     

    1. Create a thank you page on your website or in another application that allows PHP code (ONTRAPORT landing pages do not allow PHP code). Include the PHP code in the file attached to the bottom of this page, leadpages-php-script.txt, on your new page. Here is an image of the code (note that line 2 has carriage returns added for clarity):

      tracking-php.png

      Replace <<yoursubdomain>> with your ONTRAPORT subdomain (you can find your subdomain by clicking the Publish button on any Smart Form and then select the Host my form link). Publish the new page and copy the URL to the clipboard

    2. Your opt in Smart Form should have at least the email address field. On the Settings tab, insert the URL of the page you just created in the Thank You page Custom URL section. At the bottom of the Settings page, check the box for Pass CGI variables to Landing/Thank you page.

    3. Click the Publish button and copy the HTML code for the Smart Form to the clipboard.

    4. Insert the Smart Form's HTML code in LeadPages™ using the HTML Copy/Paste method.

    5. Publish the LeadPages™ page and copy the URL to the clipboard.

    6. In ONTRAPORT, in Partners > Programs > <your program> create a Standard Link Promo Tool using the LeadPages™ page URL.

    7. Send the Standard Link Promo Tool to your test Partner using an email merge field.

    8. After clearing your browsers cookies, opt in with new contact information using the Promo Tool.

    Other Resources

     

    Have more questions? Submit a request

    Comments

    Powered by Zendesk