Company Blog Support
Frank Hagan
Updated

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™ and avoid the complexity involved with this integration!

    Note: These integration methods allow you to use a Legacy Smart Form for opt-ins to add new Contacts to ONTRAPORT. None of these integrations allow supported Partner tracking, although a method that sometimes works is provided at the bottom of this article. Page Tracking is also not available for subsequent LeadPages™ after the inital opt-in page. This is a limitation of the LeadPages™ platform which strips our JavaScript code.

    Prerequisites
    Standard HTML Copy/Paste Method

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

    1. Create your opt-in Legacy Smart Form in ONTRAPORT. Use the default styling as LeadPages™ will over-write any design elements you include.
    2. Click the Publish Form button in ONTRAPORT and copy the HTML Version For Geeks code. You will paste this into the LeadPages™ template later.



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

      lp-myaccount-integrations.png

    4. 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

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

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

      lp-optin-integration.png
    7. Under "Integrate form with:" select "Other" under the "HTML Copy/Paste" section

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

      lp-pastecode.png
    9. Finish publishing the LeadPages™ page as normal
    ONTRAPORT Copy / Paste Method (preferred)

    This method works for any ONTRAPORT account without using the API. It may work for Partner tracking with the method described below. Do not select this method for use with SendPepper accounts.

    1. Create your opt-in Smart Form in ONTRAPORT using the Legacy Smart Form editor. Use the default styling as LeadPages™ will over-write any design elements you include

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



    3. 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
    4. After selecting your template, click on the "Opt-in form integration" link.

      lp-optin-integration.png
    5. Under "Integrate form with:" select "OfficeAutopilot" under the "HTML Copy/Paste" section.

      lp-oap-html-copy-paste.png
    6. Paste the HTML Version For Geeks code into the box provided.

    7. Finish publishing the LeadPages™ page as normal

    8. To add Partner Tracking to the form see the section below under Partner Tracking with Lead Pages
    API Method

    The API method provides the most flexibility, but requires an API Key and APP ID. Obtain them in Administration > Integrations > ONTRAPORT API Instructions and Key Manager.



    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" or "ONTRAPORT". Copy the Application ID and API Key from ONTRAPORT into the appropriate text boxes.

    lp-appid-apikey.png

    Using UTM Parameters with LeadPages™

    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 as it strips out our JavaScript code, disabling accurate 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. It is possible with the ONTRAPORT Copy / Paste Method using Legacy Smart Forms, but not with ONTRAforms or the API Method of integration. 

    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, even in the Custom HTML block). You can use the WordPress plugin PHP Everywhere to do this in WordPress.

    2. Edit the sample PHP code in the file leadpages-php-script.txt and insert it 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>>.ontraport.com" with your ONTRAPORT subdomain. You can find your subdomain by navigating to Administration >  Developer Preferences and Resources > Get Tracking Code. In this image "acumen.ontraport.com" would be used to replace "<<yoursubdomain>>.ontraport.com". 

      Get subdomain from the tracking code

      After editing you can paste this script at the bottom of your webpage.

      For Wordpress sites using the PHP Everywhere plugin, add the [php_everywhere] shortcode to the bottom of the page, and then in the right column find the PHP Everywhere box. Paste the code into that box. 

      PHP Everywhere Code Box is in the right column in WordPress

    3. Publish the new page and copy the URL to the clipboard. 

    4. The Legacy Smart Form should include 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.





    5. Click the Publish button and copy the HTML Version For Geeks code to the clipboard.

    6. Insert the HTML Version For Geeks code in LeadPages™ using the ONTRAPORT Copy/Paste method.

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

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

    9. Create an email and use a merge field to send the Standard Link Promo Tool to a test Contact.

    10. Clear all cookies and history from your browser before testing the link. Click the link and verify that the test Contact has the Partner information in the Last Referrer field in the Contact Record.
    Other Resources:

     

     

    Articles in this section

    Created - Updated
    Have more questions? Submit a request

    Comments

    Powered by Zendesk