Buttondown Documentation
Looking to build a streamlined website for yourself, or for a client of yours? Duda's a great way to go, and it integrates seamlessly with Buttondown. Read on to learn how you can connect Duda with Buttondown—all while collecting new subscribers!
It'll be useful to have these on hand:
Ready? Let's do this thing!
Go ahead and pull up your Duda website builder, then select "Widgets" from the side panel. From there, find and select "Contact Form."
With Duda's "Flex" editing mode, you can drag and reposition your contact form however you like.
Click your brand-new contact form, and a toolbar will pop up. By selecting the "Content" button, you'll have the chance to customize your form's fields—as well as to add a Zapier integration.
Why Zapier, you may ask? Read on to find out!
Zapier uses webhooks to create "Zaps." "Zaps" are useful tools that can automate workflows between two or more apps—like Duda and Buttondown, for example!
In this case, our webhook will take the information submitted via your Duda contact form, and then use that information to create a new subscriber in Buttondown.
Following our brief intermission, we're back in Duda!
After you've added a Zapier integration to your Duda contact form, a menu of pre-existing "Zap" templates will pop up. Scroll right on past them and click "See More" at the bottom of the menu. You'll arrive at a landing page where you can search for Buttondown manually.
From here, you'll be able to choose a "Trigger" and an "Action" for your "Zap."
Before we move on, take a moment to confirm that your Duda account and preferred website are listed under the "Account" and "Trigger" tabs of your "Zap" editor. Once that's done, it's time to test your "Zap"!
When you're ready, click "Test Trigger." Even if you don't have any existing members in Duda just yet, Duda will use test data to make sure that your "Trigger" works smoothly.
Looking good! Click "Continue" to move on to the fun part: The "Action"!
Toggle to the "Action" tab in your "Zap" editor. Here, you can specify exactly what information your "Zap" should deliver to Buttondown. In this case, we'll include our new subscriber's email address, as well as metadata such as their first name and last name.
A quick note on adding metadata: While metadata values (e.g. "John," or "Smith") can be added to the field on the right, the field on the left can be used to create keys for those values. These keys can be used to access your metadata in Buttondown later on, so you'll want them to be both memorable and syntax-friendly. Since we're asking for our new subscribers' first names and last names, let's use "first_name" and "last_name" as our keys.
Onwards! It's time to test our "Zap" in action.
During this final test, Zapier will send our test data to Buttondown to create a new subscriber. Successful test results might look something like this in Zapier:
However, we'll see the real results in Buttondown. Head on over to your "Subscribers" tab, and look out for the test subscriber from Duda.
You've done it! Your "Zap" is ready to be published—which means your Duda and Buttondown accounts will be working perfectly in tandem.
Want to learn more about collecting metadata from Duda, and using it in Buttondown? Our docs on "Metadata" and "Collecting and Using Subscriber Names" are both great places to start.
Tags are useful for organizing your subscriber base, as well as for sending out targeted newsletters. Check out our "Tags" doc for a helpful overview of both of these use cases!
Perhaps you'd like to send an automated welcome email to the subscribers who sign up through Duda? Pay a visit to our "Automations" doc for more information on establishing "Triggers," "Filters," "Timing," and "Actions."