Get Early Access to GutenKit Page Builder Blocks

AWeber Integration

AWeber #

AWeber is an email marketing service provider that assists people in staying in touch with their subscribers who have asked to be on their mailing list. Integration of AWeber with MetForm can be done by following simple steps.

Using the MetForm you can easily integrate AWeber with Elementor form. Read this documentation to learn the process to integrate AWeber and MetForm.

Prerequisite: #

You need to have the AWeber Developer Account and AWeber User Account to integrate the AWeber service into MetForm.

Plugins Required: #

Step 1: Create AWeber API app #

The first step of Aweber – MetForm integration is to create the AWeber API app.

  • Click on the “Create A New APP” button.
Create AWeber Developer App for MetForm integration

Enter the following Credentials:

  1. Application Name: Enter a name for the Application.
  2. Author: Name of the application author.
  3. Application Website: The website URL that will use for the integration.
  4. Client Type: Set the client type to Credential.
  5. OAuth Redirect URL: To get the “OAuth Redirect URL”: 1. Open a new tab on your browser, 2. login to the WordPress dashboard, 3. navigate MetForm >> Setting >> NEWSLETTER INTEGRATION, 4. there you will find the Redirect URL, Copy the URL, 5. go back to the AWeber app creation tab on your browser, and 6. paste the URL under the OAuth Redirect URL field.
  6. Description: Add a description for the application.
Configure AWeber Developer App for MetForm integration

7. Upload an Image: You can upload a file to set an icon or logo for the app.

8. Webhook Settings: If you want your application to receive webhooks

Finally, click on the Create New APP button.

Create new app

On the next screen, you will get the Client ID and Client Secret for the App authentication for your website.

AWeber API app authentication credentials

Step 2: App Authentication #

To authenticate the Aweber app:

  1. Navigate to MetForm > Settings > NEWSLETTER INTEGRATION.
  2. Switch to the AWeber tab.
  3. Paste the Client ID in the Developer App ID field.
  4. Paste the Client Secret in the Developer App Secret field.
  5. Click on the Get Authorization URL button.
Authenticate AWeber application for MetForm integration

After clicking on the “Get Authorization URL” button, it’ll take you to the AWeber allow access page.

  1. Log in with your AWeber user account credentials, and
  2. Click on the Allow access button to allow the MetForm integration.
Login to AWeber user account to allow MetForm integration

Step 3: Create an AWeber List #

To create an AWeber list:

  1. Log in to your AWeber user account.
  2. Go to the Manage Lists.
  3. Click on the Create A List button.
  4. Set a List ID name and activate the list.

Step 4: Add Custom Fields #

MetForm supports custom fields for AWeber integration. You can add custom fields on the AWeber and use them to build Elementor forms with MetForm.

If you want to use custom fields on your Elementor form, firstly you have to add custom fields in the AWeber user dashboard. Secondly, define those custom fields according to the form field (described in Step 5)

To add custom fields:

  1. Go to List Options > Custom Fields from the AWeber user account dashboard.
  2. Click on the Add Custom Field button.
  3. Enter Field name.
  4. Enable Subscriber can update option.
  5. Click on the Add button.
Add custom fields for the List on AWeber user account

Step 5: Create a WordPress form with MetForm #

The next step is to create a WordPress form using MetForm.

  1. Navigate to MetForm > Forms from the WordPress dashboard.
  2. Click on the Add New button.
  3. Enter a form name.
  4. Set the form type to General Form.
  5. Select a template.
  6. Click on the Elementor Edit Form button.
  7. In the Elementor editor, design the form with different fields.
Create Elementor for using MetForm

Step 6: Integrate AWeber with Elementor form #

After that, you can integrate AWeber from Form Settings.

  1. Click on the Form Settings.
  2. Go to the Integration tab.
  3. Enable AWeber integration.
  4. Select the AWeber List ID.
  5. Now define the form fields according to the AWeber Custom Form Fields.
  6. Click on the Save Changes button.
Integrate AWeber with MetForm

Note: Carefully assign the Custom Form Fields. Because it will affect exporting the form submission data to the AWeber.

define Aweber custom form fields for the Elementor forms using MetFoerm

Finally, the AWeber integration with MetForn is completed. Form submission data will be exported to the AWeber subscriber list.

To see how it works, open the form in view mode and submit the form with the required information.

Now go to your AWeber user account dashboard, and navigate to Subscriber > subscriber. There you can see the list of subscribers and the details of those subscribers. Here is an example:

Submitted subscribers details with AWeber and MetForm integration

Like the AWeber integration, MetForm comes with hundreds of advanced features. Get MetForm and use those features for WordPress and Elementor form building.

What are your feelings
Updated on January 28, 2024