ฐานความรู้

หัวข้อ
Creating a Web Form
Form Editor
Block Types
Style
Submit options
Share and embed

Web Forms

BF
Breandan Flood, November 13, 2024
Note: The Web Forms feature is part of the LeadBooster add-on. Web forms setup is only available to users with deals admin permission enabled.

Pipedrive Web Forms allow you to create your own personalized, embeddable forms for your website to collect your website visitors' information and funnel them into Pipedrive as deals or leads.


Creating a Web Form

Note: If you’ve never used Web Forms, select "Try Web Forms” to use the feature.

To create a Web Form, go to Leads > Web Forms > “New Web Form.”

Select a starting template and click “Create form.”


Form Editor

The form editor is where you build and customize your web forms. You can add different blocks depending on what information you want to collect.

The introduction block is mandatory for all web forms. To edit a block, click the pencil icon to expand the block.

To add a new block, hover over the form editor and click the “+” where you want the next block to be in the form.


Block Types

There are two block types you can use: Input field or Message.

Input field

Note: The “Required” box only appears for single-option custom fields, or multiple-option custom fields with only one available input.

This block type lets you collect information from website visitors such as name, phone number, email address, marketing status and various custom fields from your account. You can also decide if this block is needed for the form using the “Required” box.

Currently, our web forms support the following custom field types:

  • Text

  • Large text

  • Single option

  • Multiple option

  • Date

  • Address

  • Monetary

  • Numerical

  • Phone

There is also the attachment input field, which allows you to add a file upload to your web form:

Message

The other block type is Message, where a user can add text to the form.

The last block in your form is the Submit button, which is mandatory. This block lets you choose the text on the button and whether the form is spam-protected.

Note: We use the latest version of reCAPTCHA when Spam protection is enabled. For more information on reCAPTCHA, visit their website.

Style

Note: The Preview window on the right side reflects changes made while editing, so you can see how your web form will look to those responding.

The Style section lets you customize the appearance of your web forms in four different ways.

Colors and background

You can pick colors for the background, foreground, submit button and labels.

Note: Select custom colors using the dropdown boxes.

Fonts

Choose between dozens of custom fonts and adjust the size and weight of the lettering.

Form style

You can also choose your form style, which includes the size, shape and position of your web form’s input boxes:

Identity and brand

Finally, add images to your web form and toggle Pipedrive branding on or off.

Note: Image size requirements vary based on where the image is placed. Images only appear when the web form is sent directly via shared link (standalone,) not when embedded into a web page.

Submit options

Next, you’ll choose how you want submissions from your web form users to be entered into your Pipedrive account.

You can choose how the data is saved to your account, the thank you message sent after submission and whether you want to redirect them to another website.


Share and embed

You have two options for sharing your web form link: Share as link or Embed the form on your website.

Click “Copy to clipboard” under either section to get the link for your web form.

You can send the Share as link URL directly to your clients for them to submit, or follow the steps under your chosen website and paste the URL into your web page.


Consent fields for Web Forms

Note: The steps described below require a single-option custom field; you can learn how to create one in this article.

Pipedrive doesn’t have a default consent field for your web forms, but there’s a workaround so you can create a checkbox where your contacts mark their consent.

  1. Create a single-option custom field, with options for Yes and No
  2. Select this field in the input field for your submission block
  3. Check the “Required” box

Now a client won’t be able to submit their web form responses without filling out this block.

Note: To read more about Pipedrive and GDPR, check out this article.
บทความนี้เป็นประโยชน์หรือไม่

ใช่

ไม่

บทความที่เกี่ยวข้อง

มีคำถามเพิ่มเติมหรือไม่

ติดต่อเรา