Loading
  • Home

  • Automation with Zapier

  • Zapier tutorials

Zapier tutorials

9 min read

How to create a custom lead capture form with Zapier

By Elena Alston · August 13, 2024

It's no secret that lead capture forms are essential to any marketing strategy. The logic behind it is clear: Forms allow you to collect contact information from potential leads, so you can follow up with them and ultimately convert them into paying customers.

That's almost always easier said than done. Keeping track of your form submissions, storing contact details in your shared databases, and making sure your sales team reaches out at the right moment can get tricky, particularly when this happens at scale across multiple apps and channels. 

Zapier Interfaces lets you build custom forms that help you more easily capture, organize, and follow up with leads—all while connecting to thousands of apps. Your lead capture form automatically connects with a database via Zapier Tables that stores your leads' answers. Your interface is also powered by automation, so you can take action on a lead and initiate next steps. 

All in all, it's a seamless, end-to-end lead management system. 

Table of contents:

  • Step 1: Build your lead capture form in Interfaces

  • Step 2: Customize your lead capture form

  • Step 3: Test out your lead capture form

  • Tip: Add an AI-powered chatbot to your form

Before you begin

Make sure you have a Zapier account. You'll also need to access Zapier Interfaces, which is where you can build your form, and Zapier Tables, which is where you'll store your leads.

Screenshot of interfaces home page

Step 1: Build your lead capture form in Interfaces

Let's start off with creating a lead capture form from one of our pre-made templates.  Click Try it on the template below, then click Use template in the new window.

screenshot of a lead capture form built with Zapier Interfaces
Lead Capture
Easily capture new leads and email them from within the connected table.
Try it

This will create your page within Interfaces. Your page will include a Contact us layout, which is the front-end of your form, and the Thank you layout, which is the window your users will see once they've submitted their details on your form.

Screenshot if interfaces layout

If you scroll down, you'll also see that your lead capture form is automatically connected to a table, which is where your leads' answers will be saved each time someone uses your form. 

The lead capture form in Zapier Interfaces allows you to collect information from visitors and store it using Zapier Tables (think of them as no-code databases, powered by automation). That means you can reliably take action on that data (like following up with a lead) directly from that table.

Screenshot of table inside Interfaces on Zapier

Under the Zaps section, you'll see any Zaps—what we call Zapier's automated workflows—connected to your lead capture form or related table. 

Screenshot of related zaps

Note: Whenever you create a lead capture form from the template, Zapier automatically creates and turns on a Zap for you. This Zap sends you an automatic email whenever someone submits your form, with a link to the table so you can review their answers. We'll get to this more in detail later, but this is what you'll see: 

Screenshot of connected zap turned on

Step 2: Customize your lead capture form

Now that you're familiar with your interface layout, click on your Contact Us page. 

Screenshot of contact us page in interfaces

You'll be brought to the backend of your form, where you can edit the fields so that your form says what you want it to say—and looks the way you want it to look. 

In my instance, I'm going to create a basic lead capture form for my website. This will be for any leads or interested folks who want to reach out to the sales team for more information about my fictional pet company before they invest in my products. 

Give your form a title and header copy 

So, let's get to business: click Edit next to the title on the Contact us page. 

Screenshot of contact us page in backend

A right-hand side panel will appear—this is where you can edit the top text of the form (how you address your lead). Add a personalized header and a descriptive paragraph using markdown. Here's what I wrote: 

Screenshot of markdown in lead capture form

Within this panel, you can also adjust parameters like width and text alignment, but I'll leave mine on the default setting (center). 

Edit and add questions to your form

Once you're happy with your form header, it's time to edit your form's entry fields. Click back into your form (your header text will save automatically) and click Edit next to the form's questions. 

Screenshot of editing questions in lead capture form

Within the right-hand side panel, you can edit your general form fields, including the text for your individual questions, your form's overall width and alignment, and your CTA button text. 

Screenshot of form fields

To edit the text within your questions, click on the pencil icon under fields. 

Screenshot of pencil icon in form fields

You can add different parameters to each question, including the text, type of text for your replies (like short text, dropdown, long text, etc.), a label, placeholder text, and help text. You can also choose to require certain answers if they're important (like an email address) or to hide them from view. 

Screenshot of field edits

If you want to add a new question that's not within the template, just click Add Field and follow the same process as above. 

Screenshot of add field button

Tip: You can also rearrange the order of your questions by clicking on the click-and-drag icon on the left-hand side and dragging and dropping it into a new position.   

Screenshot of drag and drop fields

If you want to add conditional logic to your form (so that it shows different questions based on a user's response), you'll need to create a field that requires dropdown selections first. That way, if a user selects a specific response, you can tailor the next question to their exact needs. 

In my case, I'll first add the question "What pet do you have?" so I can tailor the response based on certain kinds of pet foods they're interested in. To do this, click Add field and then select Dropdown inside the Type field. 

Screenshot of type of static dropdown list in Interfaces

Next, add the available options inside the Dropdown options field. Remember to click Create field once you're done. 

Now create another field that's tailored to the previous question. In my case, I'll add the question "What kind of dog food are you after?" 

Once you've finished setting this field up (following the same process as before), click the Logic tab within the right-hand panel and click + Add condition

Screenshot of logic displayed

Next, select the previous field you want to filter responses to under Field. Under Condition, select the criteria you want: 

Screenshot of conditional logic displayed

Once you're done, click + Add condition

Repeat this same process for each of the questions you want to add logic to until you're happy with the result. 

Note: You can also insert fields into your form from existing tables and fill forms fields in advance for your users. 

Here's what my finished form looks like: 

Screenshot of finished form

If you go to the Data tab, you'll see the name of the table that this form is connected to (where your answers are stored). 

Screenshot of leads table in Interfaces

You can also click on Actions if you want to see which Zaps are set up with this form—and you can build new workflows directly from within this section

Screenshot of action within interfaces

For example, you might want to build another Zap that notifies someone in your sales team in Slack when a new lead fills out the form. Or maybe you want to email your entire sales team when the answers get added to your table. 

To build another Zap within your interface, click on Add action, then Create Zap. You'll be taken to the Zap editor, where you'll see the trigger (form submission created in interfaces). You can click on the + icon to add an action step. Like so: 

Screenshot of zap set up

Once you've published your Zap, you can navigate back to your interfaces page under your Actions tab. You'll see your published Zap set up.

Screenshot of start zap option

Want to know more about actions? You can learn more about adding actions to your form here.  

Edit your form's confirmation page

Once you're happy with your form, you should think about the confirmation page. 

Thank you refers to the "thank you" message your user receives once they've submitted their answers to your form. To edit this, click on the Thank you page on your interface's home page.

Screenshot of thank you page

Like with the Contact Us page, you can tweak the text to your liking by clicking edit and adjusting the copy within the Content field. 

Screenshot of contact us page edits

Again, you can adjust the width and alignment, but we recommend keeping it the same as your lead form page. Once you're finished, the page will save automatically. 

Adjust your settings

Once you're happy with the way your lead capture form looks, click on the Page Options button in the top-left corner of your interface page.

Screenshot of page options in interface

Here you can adjust your page options and personalize the page name, meta title, and URL for your form.

Screenshot of page options in interface

For more advanced settings, click the Gear icon in the left-hand sidebar of your interface.

Screenshot of settings icon

Here you can give your interface a name and change your form's subdomain. This side panel is also where you can adjust your interface's theme (color and branding), insert a custom domain, set user access, or get a tracking ID.

Note: To unlock custom branding, set custom domains, and more, you'll need to upgrade to a premium or advanced account with Interfaces.

Step 3: Test out your lead capture form

Now that your form is finished, you should think about testing it out to make sure everything's working as it should. Click on the URL provided in the top-left corner of your interface. 

Screenshot of URL

This will take you to the front-end of your form—what your users will see. Drop in some test answers to your questions and hit submit. 

Screenshot of form filled out

Now, thanks to the Zap that was set up, you should receive an email (the one associated with your Zapier account) to let you know that a lead filled out your form. Here's what it will look like: 

Screenshot of lead capture form email

Click on the link provided within the email, and you'll be shown the associated table with your form's answers.  Like we've mentioned previously, any lead capture form you create within Interfaces automatically creates a table to store any form submissions. This table allows you to track responses, follow up with leads (powered by Zaps), and take other actions on your data.

Screenshot of connected table filled out

You can share this table with your team members and anyone else at your company by clicking on Share in the top-right corner. To learn more about Zapier Tables, check out our feature guide

Screenshot of share button

Let's quickly talk about the email you'll receive. You might, for whatever reason, want to change the email address or add more folks to it so different people can get notified. To change who gets notified, just go back to your interface and click on the Zap listed under Zaps

Screenshot of Zaps listed on table

Your Zap will open in the Zap editor. Click Edit draft on the top right.  

Screenshot of edit draft button

Click on the action step. Then inside the To field, you can change the email address or add a list of different email addresses, separated by commas. 

Screenshot of email address field

Once you're happy with the way it looks, click Publish

And there you have it! Your lead capture form is working and ready to go out into the world. 

Tip: Add an AI-powered chatbot to your lead capture form

If you want to make your lead capture form stand out from the crowd, you can also add an AI chatbot component (powered by Zapier Chatbots) to the top or bottom of your form by clicking on the +icon under your form.

Screenshot of add component option

Next, select the chatbot component from the pop-up window of options.

Screenshot of chatbot component

This chatbot component—powered by OpenAI's GPT—can encourage your users to share their details in an engaging, interactive way. 

For example, I created an AI chatbot and placed it at the top of my form to help folks out with their questions faster than if they were to submit a form. This is what my personalized AI chatbot looks like:

Screenshot of chatbot responses

The best part about adding a chatbot component to your form is that you can also connect it to a custom data source (like your company documentation) to tailor your chatbot responses to your business. And, if you're worried about losing the contact information you'd usually gather in your form, your chatbot can actually collect that information at any point in a conversation.

Note: You need a premium chatbots account to collect leads and use knowledge sources.

Want to add your own AI chatbot to your form? Check out our step-by-step guide

Be warned: The AI chatbot isn't immune to hallucinations, so make sure you make your directive as clear as possible. 

Streamline your lead flow with Zapier Tables and Interfaces

There's no doubt about it: Using Zapier Interfaces to build lead capture forms is a handy way to streamline your lead process—from first capturing vital contact details to reaching out when the iron is hot. 

Thanks to its connection with Zapier Tables, you and your sales team will have a more flexible way of storing and tracking your lead information—without having to hop between different platforms to get the job done. 

Related reading:

  • Guide to Zapier Interfaces

  • How to create a custom AI chatbot with Zapier Interfaces

  • Zapier Tables: A better way to store (and use) your data

  • How to create a customer support portal with Zapier Interfaces

  • How to create an approvals table with Zapier Tables

This article was originally published in June 2023. It was most recently updated in August 2024.

Get productivity tips delivered straight to your inbox

We’ll email you 1-3 times per week—and never share your information.

tags

Related articles

Improve your productivity automatically. Use Zapier to get your apps working together.

Sign up
See how Zapier works
A Zap with the trigger 'When I get a new lead from Facebook,' and the action 'Notify my team in Slack'