blog

Adding a Buttondown subscription form to Webflow

Buttondown makes it easy to start collecting subscriptions without having to muck around and changing your CMS.

Adding a Buttondown subscription form to Webflow
Note
CloseThis blog post is from 2019. Contents (and screenshots) may be a bit of out date, but we've kept it up out of posterity.

You can create a subscription form in Webflow and connect it to your Buttondown newsletter to gather email addresses and segment them in two easy steps:

  1. Grabbing your subscription URL from Buttondown
  2. Configuring your Webflow form to forward emails to Buttondown

Requirements

  1. If you haven't already, create a Buttondown account. It's easy and only takes two minutes.
  2. Ensure you have a form on your Webflow page.
  3. Ensure there's at least one input field on your form (set to required) with the name set to email and the text type set to email, like the below:

Getting your subscription URL

  1. Log in to your Buttondown account and go to the Share page.
  2. Click on "as a form".
  3. Copy the URL on the second line, as highlighted below:
UI update

The Buttondown URL can be found in Settings → Embedding. Learn more in our Webflow guide.

Configure the form

  1. Return to your project in the Webflow Designer.
  2. Select the form on the canvas.
  3. Go to the Form Settings section under the Settings tab.
  4. Paste the action URL you just copied into the Action field.
  5. Set the Method to POST.
  6. Publish your site!

Any trouble?

If you have any questions, please feel free to email us — we'll be happy to help.

Published on

October 11, 2019

Filed under

Written by

Justin Duke

Justin Duke is a software engineer, lover of words, and the creator of Buttondown.

No credit card required. Only pay for what you use. Cancel anytime.