Embedding the lead intake form on my website

updated

February 7, 2020

PlanAvailability-Plus.png

Overview

This article includes detailed instructions for pasting the CoConstruct lead intake form custom code snippet onto your website.

Whether you are updating your site personally or passing information along to your web developer, this guide includes all of the important information you may need to ensure a smooth and painless process.

Grab the embed code from CoConstruct

  1. In CoConstruct, navigate to the Main Menu > Settings > Lead Intake Form
  2. Copy the form embed code

Site-specific embedding instructions

Wordpress.org

  1. Log into your WordPress Dashboard
  2. In the navigation menu, navigate to the page for which you want to add the form. This is typically a "Contact Us" or "Request Information" page.
  3. Rather than using the Visual editor, click the "Text" tab. You will see the HTML code for the page in the text editor.
  4. At the spot where you want to add the form, paste in the lead intake form code snippet from CoConstruct. It will not look like a form at this point, but use the Preview option to see what it will look like on the page.
  5. Click the Update button to publish your changes when ready.

Weebly

  1. Open the Weebly editor for the page where you want to add the lead intake form. This is typically a "Contact Us" or "Request Information" page.
  2. From the Build sidebar, look for the "Custom HTML" element under the Basic section.
    weebly_sidebar_basic_code.png
  3. Drag and drop the Custom HTML element into your page.
  4. Click on the element to bring up the pop-up.
    weebly_elements_html.png
  5. Click "Edit Custom HTML" in the pop-up.
  6. Paste the CoConstruct lead intake form snippet.
  7. Click outside of the element and the content should appear.
  8. Publish when ready.

Wix

  1. Open the Wix editor for the page where you want to add the lead intake form. This is typically a "Contact Us" or "Request Information" page.
  2. Click "Add +" on the left side of the Wix editor.
  3. Click "More."
  4. Click "HTML iframe" or drag it to the relevant location on your page.
  5. Paste the CoConstruct lead intake form snippet.
  6. Click "Apply."
  7. Publish when ready.

Squarespace

  1. Open the Squarespace editor for the page where you want to add the lead intake form. This is typically a "Contact Us" or "Request Information" page.
  2. Click an Insert Point or the "+" icon.
  3. Select "Code" from the menu.
  4. You will see a text editor to add code. Make sure "HTML" is selected in the drop-down menu.
  5. Paste the CoConstruct lead intake form snippet into the "Code" text box.
  6. Click "Apply."
  7. Publish when ready.

Additional information for your web developer

Security and spam prevention

In the rare chance that your site is the victim of a targeted spam attack, we have certain elements in place to ensure security.

That includes hidden fields on the form that are machine-readable, but not visible to humans. Any form submissions that attempt to fill information in those hidden fields are prevented by default.

We additionally will throttle or temporarily disable the form on your site if we detect a large amount of leads processed in a short timeframe.

 

Modifying the default form code

The embed code from CoConstruct is built to inherit as much styling as possible from your website, which should minimize the need to modify any of the look and feel.

Additionally, there is risk that the form will not function correctly if you edit the code, so any modifications should only be made by experienced web developers. Modifying field names or styling may result in leads not being successfully sent to CoConstruct and may introduce formatting issues for your form's layout.

 

Note: The Lead form code is only available on CoConstruct's Plus plan.

Author Picture

New to CoConstruct?

Get A DemoLearn More

Get a free demo

Fill out the form to get access to a full demo video now + a designated CoConstruct expert to answer all your questions.

By submitting your information, you are consenting to let CoConstruct maintain the data you provide and to contact you via phone or email.
Questions? Please read our full privacy policy.

SEE WHY 40,000+ BUILDING PROS RELY ON COCONSTRUCT

SCHEDULE A DEMO

Get a free demo

Fill out the form to get access to a full demo video now + a designated CoConstruct expert to answer all your questions.

By submitting your information, you are consenting to let CoConstruct maintain the data you provide and to contact you via phone or email.
Questions? Please read our full privacy policy.

Helpful Links

Start your demo

Get a free demo

Fill out the form to get access to a full demo video now + a designated CoConstruct expert to answer all your questions.

By submitting your information, you are consenting to let CoConstruct maintain the data you provide and to contact you via phone or email.
Questions? Please read our full privacy policy.

How It WorksPricingTestimonialsOur GuaranteeBuilder ResourcesLearn Construction Software