Embedding the lead intake form on my website

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