So you’re interested in integrating Aweber sign up form with your website. Congrats! We’ve worked with lots of business owners who’ve asked us the same question. Let’s dive in and learn how to effortlessly do this.
Set Up The Integration
Before you start coding, take a few minutes to set up the integration. You want to make sure that the sign up form on your website is sending data to the correct place. In our case, we use the ClickFunnel API to connect to Aweber. Once you’ve created a free account on ClickFunnel, navigate to the Integrations section. Click the link and you’ll be brought to the Aweber configuration page. You’ll need to ensure that the
- Aweber email address is entered correctly
- The proper URL is entered for the Action (POST)
- The right form is selected for the integration (we used the standard form)
- Aweber is enabled for the integration
- You’ve logged in to your Aweber account with the correct credentials
Once you’ve made the necessary adjustments, click on the Update button at the bottom of the page. After the form has been updated, you can hit the Reload button to make sure all the changes have taken effect.
Step 1: Create a ClickFunnel webhook
Now that the basics are taken care of, it’s time to move on to the fun part. Once you’ve updated the Aweber settings on your website, you’ll need to create a webhook on the ClickFunnel side. A Webhook is a piece of software that lets your site “hook” into another application. When a new lead comes in through the sign up form on your site, you’ll need to “catch” that lead and route them to an internal form (say, for a demo) or send them to a clickable link (that will take them to the purchase pages) or do something more complicated (like send them to a specific email address for more detailed engagement).
To create a webhook, navigate to the Integrations section of your ClickFunnel dashboard. Click the blue + symbol in the middle of the page and you’ll see a form that looks like this:
Give your new webhook a name (we’ll call it “Aweber Sign Up”) and decide what you’d like it to do (in our case, we’ll use it to send leads to our demo forms).
Underneath the name, you’ll see a small section that looks like this:
From here, you can select the methods that you’d like to use for the webhook (in our case, we chose POST). Then, in the Body field, you can paste the HTTP request that was generated by Aweber when the sign up form was submitted. For example:
- cURL Request: curl -X POST -d “name=test&email=test@test.com&message=Test Message” http://example.com/wp-content/integration/aweber/
- PHP Curl Request: curl -X POST -d “name=test&email=test@test.com&message=Test Message” http://example.com/wp-content/integration/aweber/
- JavaScript:
<script src="//example.com/wp-content/integration/aweber/form.js"></script>Step 2: Create the Aweber form using our provided form code
Now that your webhook is set up, you can return to Aweber and use their form builder to quickly create a sign up form for your use. First, you’ll want to grab the form code from their site.
Then, on your website, navigate to the WordPress Customizer section and locate the Aweber Sign Up form. Using the Customizer, you can change the look and feel of the form to fit your brand. After you’ve set the form up how you’d like it, click on the Publish button.
Now that the form is live on your site, it’s time to populate it with content.
Step 3: Populate the form with content
Aweber’s sign up form is pretty self-explanatory. You just need to enter your email address and a message and click on the Enroll button. Once someone submits the form, they’ll be brought to a confirmation page where they can enter their password to verify their email address.
As you can see above, we’ve entered our email and a message and hit the Enroll button. Once the form has been submitted by an external source (i.e., not from your website), you’ll have the opportunity to verify the email.
Let’s assume that someone submitted the form with the correct email and password. You can now take them to a thank you page that displays their name and message. You’ve successfully added value to their experience by providing them with valuable content that will appear to be individually crafted just for them.
Step 4: Test The Integration
Once you’ve updated your site with a working signup form, it’s time to test the integration. Simply refresh your site’s about page and you’ll see the form at the top.
If a user submits the form with the wrong information, they’ll be taken to a page that allows you to correct their entry. Once the information has been corrected, they’ll be brought back to the confirmation page where they can submit their password to verify their email address. Once submitted, the form will disappear until the next person tries to sign up using the same email address.
What Next?
Now that you’ve successfully integrated Aweber with your site, it’s time to take a step back and assess how you can make the most of this partnership. We’ve already covered the basics. If you’d like to dig deeper into how to make the most of this integration, check out our guide or contact our team.