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:
- A Duda website
- A paid Zapier account
- A paid Buttondown account (Zapier is a part of our "Standard" pricing plan)
Ready? Let's do this thing!
Connecting Duda and Buttondown
Create a contact form
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.
Edit your contact form
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!
Familiarize yourself with webhooks
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.
Create a "Zap"
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"!
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.
Check your results
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.
Going Above and Beyond
Manage your subscribers' metadata
Manage your subscribers' tags
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!
Send a welcome email
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."