Skip to main content

Creating a Lead form

Capture information from website visitors to create Leads in Copper

Product at Copper avatar
Written by Product at Copper
Updated over 2 weeks ago

Available with the following plans:

Professional and Business

The Copper website form allows you to capture visitors' information so you can nurture those new relationships in Copper.

This article walks you through creating a form that will create and update Leads in Copper. If your company is not using Leads, you can create a form that will create People in Copper.

Sample website with Copper widget

This article will walk you through creating a lead capture form, including:

When you access the forms builder for the first time, you will see some information about the feature, as well as a primary action to create a new form.

First time user experience

Once you've selected create a new form, you will see a modal that explains the difference between Leads and People. Choose Leads and proceed to the form builder as shown below.

Contact entity selection modal when Leads are enabled.

You can only change between Leads ↔ People when creating a form. Once your form has been published, you won't be able to change the entity type for contact creation.


Adding fields to your form

Copper's contact form is pre-configured with the fields you need to start collecting information from website visitors. You can add your own fields, relabel fields, rearrange fields, and customize the text on other form elements.

The Build step of a Lead form

To add or remove fields from your form, check the boxes on the left. Your changes will appear on the form on the right.

The Full Name and Email fields cannot be removed at this time.

For more information on which fields you can add to the form, how they behave on the web, and how the responses update data in Copper, please see this help article.

Customizing the fields

Once the field is on your form, you can hover over it to see additional options.

Field customization options

From here, you can:

  • Rearrange fields by dragging and dropping

  • Remove a field using the trash can on the right

  • Relabel a field by clicking into the field name

Relabeling a field

This powerful feature allows you to control the display label of a field on your form without changing its name in Copper, ensuring a smooth user experience for both prospects and staff.

For example, you may have a custom field called "Budget" that you relabel to "What's your budget?"

When you relabel a field, you are still able to see the Copper field it is mapped to.

Relabeled Budget field

Relabeling a field on the form is cosmetic only and does not impact the field name in Copper. The activity created from form responses will also display the field name and not the form label. This ensures your prospects and staff each see the right terminology.

If you rename a field in Copper, the field will continue to sync even if you have relabeled it on the form. We will not automatically update the field label on the form. However, we will update the display of the field mapping.


Customizing the form elements

Once you have your fields in place, customize the other elements of your form.

The form header is at the top of the form, above your fields, and will be visible when published and shared.

Below your fields, you will see additional form elements that you can add and customize, including:

  • reCAPTCHA v2

  • The Submit button text

  • The widget button text

  • The "Thank you" message that appears after a form has been submitted

  • A call-to-action (CTA)

Customizing other form elements


πŸ’‘ Tip

Prevent spam submissions with Google's reCAPTCHA v2. See this help center article on adding reCAPTCHA to your form.


To relabel the Submit button or widget button text, click into the element, as shown below.

Customize button text

Customizing the "thank you" message

When the form is submitted, a pre-configured "thank you" message appears.

On the Build step, customize the text of this message by clicking into the elements.


πŸ’‘ Tip

Strike while the iron is hot and add a call-to-action (CTA) to your thank you message.


Customizing the form actions

On the Workflow tab, you can automate actions to perform when a form response is received. You can also see a preview of the activity that is created when a form is submitted.

Workflow tab

Currently, you can only configure contact creation actions.

Copper automatically creates a saved filter of respondents. Learn more here.

More actions are coming soon, including:

  • Add a tag(s)

  • Create a task

Click the Create/update Lead record action to see the customization options, as shown below.

Customizing the lead creation action

Follow these steps to customize the Lead creation action:

  1. Set the Lead Status for Leads created from form responses
    We've pre-populated with your default, but you can change it.
    ​

  2. Set the Lead Source you would like to attribute to Leads created from form responses
    We recommend you create a custom Lead Source for your form. Copper can manage duplicate Lead form submissions for an exact match of email address + Lead Source. You can create a new Lead Source by navigating to your Workplace Settings via your avatar in the upper left of the web app. In the settings menu, navigate to Customize > Sources.
    ​

  3. Assign an Owner for new Leads created from form responses
    Based on the user's notification preferences, they will receive notifications for these form submissions.

Existing Leads (per Form duplicate matching logic) who fill out the form will not have their Lead Status, Lead Source, or Owner changed. However, the fields on their profile will update with their form responses.


Styling the form and elements

The form comes pre-configured, but you can make several styling changes to the form and elements to match your brand. If you are using the widget, there are additional styling options. You can click the widget and embed toggles to see a preview of each.

As you make your changes on the left, they will be reflected in the Preview panel on the right.

Styling your form

Follow these steps to style your form:

  1. Choose from a selection of Google Fonts for the Header, Fields, Submit Button, and Widget Button:

    1. Inter

    2. Merriweather

    3. Montserrat

    4. Open Sans

    5. Oswald

    6. Roboto

    7. Slabo

  2. Set the text colors for the Header, Fields, Submit Button, and Widget Button to align with your brand standards

    1. You can use the eyedropper tool shown below to match your website directly. Simply open your website in another browser window side-by-side with Copper. Then, select the eyedropper tool and click on the website element that you would like to match.
      ​

      Eyedropper tool

    2. By clicking the arrows on the color picker shown below, you can switch to HEX mode and enter your HEX value.
      ​

      Finding the HEX values

      ​

  3. Set the background colors of the Submit Button and Widget Button to align with your brand standards using the same color picker shown above

  4. Change the Widget Button placement to the area of your website you would like to anchor the widget to
    ​

    Widget button placement options


πŸ’‘ Tip

Choose a spot on your website where visitors are likely to notice it, without overlapping key elements like CTAs or menu items.


Once you've added your fields, configured your actions, and styled your form, be sure to give your form a unique Name. Form names must be unique, including deleted forms. This is because we automatically create activity types and saved filters that stay synced with your form name.


Adding the form to your website

To see the share options, you must save your form.

On the Share step, you will find the code snippets for both the widget and the embedded version of your form, as well as step-by-step instructions for placing the snippet(s) on your website.

Additionally, our step-by-step installation guide has images of the process for both Squarespace and WordPress.


πŸ’‘ Tip

Professional and Business customers can automatically respond to these new inquiries with an email automation to the saved filter form respondents.


Have a question? Contact our Customer Success Team using the in-app chat πŸ’¬

Did this answer your question?