Articles in this section

See more

Adding Forms to Landing Pages

Avatar
Leya Wood
  • Updated
Follow

Lead Gen & CRM allows you to create landing pages with forms that were also created within Lead Gen & CRM.

This article will detail how to link a form to a landing page.

Article Contents

Available With:
Trial ✓  
Essential ✓  
Advanced ✓  
Ultimate ✓  
Toolbar:
Landing PagesLanding Pages
Users:
Administrators ✓  
Company Managers ✓  
Marketing Managers ✓  
Sales Managers    
Salespersons    
Jr. Salespersons    


Regarding Forms and the GDPR

Forms establish tracking. The European Union's new data protection law, the General Data Protection Regulation (GDPR), is meant to protect the data and rights of individuals who are in the European Union and European Economic Area (EU/EEA). One of these protections is consent. In this case, the consent to allow or deny tracking and the gathering of their personal information. You must give visitors the chance to either allow or deny tracking before it happens. Once you have added forms to a landing page, you will need to enable GDPR settings on both the landing page and the form.

For more information on the GDPR and how you must incorporate its protections into your pages and forms, refer to the following:


Adding Forms

To add a form to a landing page, do the following:

  1. Click Landing Pages in the left toolbar.
  2. Create or edit a landing page.
  3. Click  plus.png  Add Content in the Content Editor panel.
  4. Click the Layouts tab.
  5. Select the desired layout.
  6. Click the Elements tab.
  7. Click the Form block.
  8. Click a purple line in the landing page section where the form will go.
  

Click to enlarge.


Editing Forms

Once you have added a form, you are able to edit the form directly in the editor panel. To edit forms in the landing page, do the following:

  1. Single-click on the inserted form element to open up the properties editor panel.
  2. Select the desired Lead Gen & CRM form in the Select a Form menu.
  3. Click Form Editor in the properties editor panel.
  4. Edit form parameters as necessary.
  5. Click Save Changes.
  6. Click Close.
  

Click to enlarge.


Form Options

Once a form has been inserted, there are options available for design and display settings. To edit form options, do the following:

  1. Single-click on the inserted form element to open up the properties editor panel.
  2. Do either of the following:

       •   Click the Override Redirect URL
            with a Page     drop-down menu and
            choose a page in the funnel to display
            after the form is filled out.

        •  Enter a URL in the Override Redirect
            URL with a Custom URL     text box to
            display a website not currently listed
            in the funnel after the form is filled out.
            This will disable displaying the page in
            the Override Redirect URL with a
            Page     menu.
  3. Scroll to the Style section
  4. Select the desired toggle: 

       •   Form Theme: Takes its theme from the
            CSS entered in the Form Builder

       •   Landing Page Theme: Takes its theme
            directly from the form template
  

Click to enlarge.


Adding Form Embed Codes

Lead Gen & CRM allows you to access the code for each landing page. You can add the form's embed code directly to the landing page code. To add the embed code directly to the landing page, do the following:

  1. Obtain the desired form's embed code.
  2. Click Landing Pages in the left toolbar.
  3. Create or edit a landing page.
  4. Click  plus.png  Add Content in the Content Editor panel.
  5. Select the Layouts tab.
  6. Select the desired layout.
  7. Click  code.png  Edit Code in the left panel.
  8. Click the Body tab.
  9. Find the following line:
    <div class=”empty inner-col”></div>
  10. Delete the word empty.
  11. Place the cursor between the <div> tags.
  12. Paste the copied form embed code.
  13. Click Save.
  

Click to enlarge.
Note: Constant Contact offers Professional Services to assist with custom coding.
Note: When placing the embed code, it will not display in the editor. It will display on the live page, however.

Related articles

×

Why was this help article not helpful?

Still didn't find what you are looking for?