Participate in the next Webflow Challenge!

Collecting emails with Webflow, in exchange for a gift

You want to collect emails through Webflow? Emails from visitors to your site? Yet you don't know how to do it? Here's a little tutorial.

Updated on


collect emails via webflow
Photo by Andrii Zastrozhnov

You want to collect emails through Webflow? From visitors to your site? Yet you don't know how to do it? Today, I give you the solution: a quick and simple tutorial on how to collect emails in exchange for a gift. To give you a precise idea of what it is, you can see on my site, I propose some.

To begin with, here are the prerequisites:

  • Having a webflow website
  • Have a form on the site
  • Have a Zapier account

Prepare a gift before collecting emails via Webflow

Your visitors won't give you their e-mail just like that. They need something in return. From what I've seen, the most commonly used gifts are:

  • pdf
  • ebook
  • video
  • link
  • promotion

But you know? You can suggest something else. Just be creative.

collect emails via webflow
Photo by Marchmeena29

Put a form on your site

Now that you have a gift ready, all you have to do is check the technical aspects before you collect emails via Webflow. Do you already have a form on the site? If so, does it work well?

For this step, you will still need some knowledge of the Webflow API. Don't worry too much, it's not complicated. You go to "introduction webflow API". Then, in parameter. Then, integration. All you have to do is click on generate code, and there you get your API code. For now, put this code aside, we'll need it later to connect Zapier to the site, to the form.

collect emails via webflow
Photo by Kalawin

There's a Youtube video in which I describe this at the bottom of the article. Support me by subscribing to the YouTube channel "Happy Desk Design".

Go to Zapier now

Before going any further, what is Zapier, more precisely? In fact, it is a tool for creating automation. It is also used to connect your site with other external tools.

So create a Zapier account if you don't have one yet. Once you are in the platform, you will be asked to choose between different accounts. Obviously, you choose Webflow (log in if you are asked to do so, and we need the API here; just paste it in the requested field). For the next step, we need Form submission.

How many websites do you have? If you have more than one, be sure to choose the one you will put the gift in. Likewise for the form, you must choose the one that will be filled in by your visitors (and not the contact or quote form). You must surely have given it a name. In fact, you will be asked to choose the name of the form concerned.

Then click on continue. At the same time, Zapier checks if everything is OK. No errors have been identified? In that case, you're almost ready to collect mails via Webflow :)

collect emails via webflow
Photo by Marchmeena29

For the next step, Zapier offers you a whole range of extensions. Another time, you'll be able to analyze them one by one. But the extension concerned here is none other than email by Zapier. Finally, you just have to customize the email to send to your visitors in exchange for their contact information.

  • The subject
  • The body of the email
  • Attachment or pdf link

How you saw throughout this little tutorial on how to collect emails via Webflow, I didn't use any code. The whole process is free! I mean, there is nothing very complicated. Even a beginner can do it :)


Come back to this page whenever you want. Did you come up with any ideas I might have forgotten? If so, what are they? Leave a comment below or send an email to hello@happydesk.be.
Kevin Palombo, Manager of Happydesk.

Coffee break

4 items you might like


Register here to receive the free Discovery Training

Start by taking the Discovery Training, where you will learn the basics of Webflow and a taste of what to expect in the Start Weblow training.

Start the free training