Company Blog Support
Frank Hagan
posted

Contents

    Back to Top

    ONTRApages Premium Form Connector

    About

    ONTRApages Premiumexternal link includes the Form Connector, a method to simultaneously submit opted-in contacts to both ONTRApages and your email program / auto responder. Now you can have beautiful, responsive opt-in forms on your own ONTRApages designs and use them with ActiveCampaign, and Constant Contact (among others)!

    This article refers specifically to ONTRApages Premium accounts, where using it to integrate with other email service providers requires additional information. For instructions on using the Form Connector in ONTRAPORT Basic, Pro and Team accounts see the ONTRApages feature article.

     

    When using the Form Connector, ONTRApages Premium fills out and submits the form you specify in the background. This process is transparent to the user. Remember:

    • Your contacts will never see the form in your email program / autoresponder so be sure to include any notices your email program / autoresponder requires on your ONTRApage.

    • Your new contact will be redirected to the Thank You page specified in ONTRApages Premium, and not to the Thank You page on your email program / autoresponder form.

    • Other actions taken by the form filled out in the background by ONTRApages should work as before. Test to verify that your newly connected form adds new contacts to the correct list, sends the appropriate emails, etc.

    Prerequisites

    • An ONTRApages Premium Account

    • A third party form you want to submit when you submit your ONTRApages Premium form.

     

    Using the Form Connector

    1. Create and save your ONTRApages page with a Smart Form block first. Add fields to the ONTRApages form so it will match the form you wish to connect to in the background. Make the fields on your ONTRApages form the same type, and also "required" if the matching field on your other form is "required". You must have at least the required fields on your other form represented on your ONTRApages form.

    2. Click the Smart Form block to edit it, and then click the Form Settings gear icon.

      form-connector-600.png

    3. The Form Settings dialog will pop up. The middle section will be titled Form Connectors.

    4. Click the Add New button. In the Form Connector pop up, enter the URL where your other form is hosted on the web. Then, click the Get Form button.

    5. ONTRApages will go to that URL, and search for the form. If found, ONTRApages will list the fields in ONTRApages ("This Form") and the matching fields in the other form ("That Form"). Select the down arrow next to the field listed under "This Form" to match it to the other form. Select Ignore Field from the drop down to not modify the field on the other form.

      form-connector-1.png

    6. When finished matching fields, click the Test Connection button. ONTRApages will determine if it can fill in the form and submit it in the background. If the test is successful, click the Save button. If the test is not successful, double check to make sure you have required fields on your ONTRApages form that match up to the required fields on your other form, and retest.

    7. Publish and then test the ONTRApages form. Check to see that the other form submits the data to your mail list / autoresponder.

    8. When your contacts fill out the ONTRApages form, the following will happen:

      1. The contact is added to your ONTRApages account.

      2. ONTRApages submits the other form in the background. The other form may add the contact to your mailing list database or take other actions. All of the functions normally present if the contact had filled out that form should work in the same manner, except for the redirect to the "Thank You" page. The ONTRApages thank you page redirect will take precedence.

      3. If your mailing list or autoresponder is configured for double opt-in the contact will receive an email with a link to double opt-in.

      4. Be sure to include all the required notices for your other form on the ONTRApages page to avoid violating the terms of service for that company. Include any legal disclaimers for that opt-in form on your ONTRApages page.

     

    Notes for Specific Email / Autoresponder Programs

    AWeber

    AWeber uses a pop-up Captcha if too many form submissions originate from the same IP address. This is to prevent automated "bot" submissions, but also results in submissions from the ONTRApages Form Connector being blocked. You can still export your contacts and import them into AWeber. 

     

    Campaign Monitor

    1. Campaign Monitor masks the appearance of their self-hosted forms. Use the option named Copy/paste a form to your site instead of the direct link to a subscription form.

      cm-copy-paste.png

    2. Host the code on a webpage, and use that URL in the Form Connector.

       

    3. If you don't have a web page to host the form on, continue with the instructions below:

      1. Create a NEW ONTRApage, starting from scratch with NO forms on it. Add any non-form block to the page to enable saving the page. Remember, this page will only be used to provide the Campaign Monitor form to your ONTRApages, so don't worry about design options, etc. After adding a non-form block, save the page.

      2. Click the Settings tab.

      3. Paste the Campaign Monitor form code into the Custom header code section.

        cm-paste-code-header.png

      4. Publish that page on one of the ONTRApages domains using any URL you desire, such as "http://cmform.ontrapages.com"

        cm-publish.png

      5. Use the URL you just created in your ONTRApages Form Connector!

     

    Constant Contact

    1. Create your forms or use the provided forms in Constant Contactexternal link.

    2. Click on the Actions menu on the web sign up form, then select Form URL.

      cc_actions_form_url_section.png

    3. Copy the URL for use in the ONTRApages Form Connector

    ConvertKit

    ConvertKit uses a pop-up "hidden Captcha" if too many form submissions originate from the same IP address. This is to prevent automated "bot" submissions, but also results in submissions from the ONTRApages Form Connector being blocked. You can still export your contacts and import them into ConvertKit manually.

     

    iContact

    iContact does not provide a separate hosted URL for your forms. Instead, follow the instructions in this videoexternal link to create an HTML form and paste it into one of your webpages. Then, provide the URL of that webpage in the Form Connector. If you don't have a webpage, use the procedure under item 3 in the Campaign Monitor section above to create and host the form code on another ONTRApages page.

     

    GetResponse

    1. After creating your web form in GetResponse, click on the view source link for the form.

      response-view-source.png

    2. If not already directed to the Publish tab, click on it.

      response-publish.png

    3. Click the GetResponse will host my webform radio button and copy the URL provided for use in the ONTRApages Form Connector.

      response-host_webform.png

     

    MailChimp

    MailChimp uses a pop-up Captcha on the default opt in form as per this article. This is to prevent automated "bot" submissions, but also results in submissions from the ONTRApages Form Connector being blocked. You can embed the opt in form in a page on your website (or even another ONTRApage) and connect to it.  MailChimp also has three hidden fields that are pre-populated with data to thwart bots; choose Ignore Field when matching these on the Form Connector.  Remember that you can also export your contacts and import them into MailChimp, or consider another service.

    SendPepper

    1. Create your Smart Form in Sendpepper.

    2. Click the Publish Form button, then click on Host my Form.

      sendpepper.png

    3. Copy the provided URL for use in the ONTRApages Form Connector

     

    Other Forms (Gravity Forms, Formidable, etc.)

    Host the form as you normally would on a web page. Provide the URL for that web page in the ONTRApages Form Connector. The actions specified by that form will still take place, except for any redirect after submission actions. The ONTRApages form takes precedence for redirecting the contact after they submit the form.

     

    Have more questions? Submit a request

    Comments

    Powered by Zendesk