Integrate Acumbamail form in Wordpress

In this article you will find all the options available to integrate your WordPress website with Acumbamail, either by integrating a subscription form created in Acumbamail, or by connecting a form that you have already created on your website with one of your Acumbamail lists.

In this article:

What options are there to integrate Acumbamail and WordPress?

Given a list, Acumbamail allows you to create, design and publish subscription forms associated with it. The first option of integration with WordPress is to include this form on your website. In this way, once integrated, this form will be displayed on your website and the data filled in by users will be synchronized directly with your Acumbamail list.

However, that's not the only option. In case you have already created and designed a form on your website and do not want to replace it with another, it is possible to synchronize the information collected directly with an Acumbamail list.

Include a form created in Acumbamail in WordPress

This section describes the different methods you can follow to integrate and display a subscription form created in Acumbamail on your website created with WordPress.

Acumbamail plugin for WordPress (obsolete)

⚠️ The plugin is not compatible with the new block based widget editor introduced in WordPress 5.8. Therefore this option is only valid for WordPress installations prior to that version.

The first option is to use the Acumbamail WordPress plugin, which allows you to easily create a widget that loads an Acumbamail form. Simply add the widget to a specific area of your website (sidebar, header, footer, etc.) to load.

If instead of the classic WordPress themes you are using a specific plugin to build pages (also known as page builders), you should check if they are compatible with WordPress widgets. If they are compatible, you will only have to locate the element or block associated with the Acumbamail widget within the page editor and drag it on your page (having previously installed the Acumbamail plugin for WordPress).

For example, in the specific case of Elementor, you must locate the "WORDPRESS" section, where the Acumbamail widget is located.

This is the easiest integration option. However, if you are using a specific plugin for page creation that is not compatible with WordPress widgets, if you are using a WordPress version later than 5.7 or want to include more than one form on your website (since the plugin only allows you to integrate one form) you can explore the rest of the options.

HTML element in the WordPress Widgets editor

Since version 5.8, WordPress introduces a new block-based widget editor. If you use this editor to customize the theme of your website, you must follow these steps:

  1. First you must create your form in Acumbamail and get to step 4, where you will find the integration script generated by Acumbamail.
  2. In the WordPress widget editor, within the area where you want to include your form (sidebar, header, footer, etc.), create a new element of type "Custom HTML".
  3. In this element you must copy and paste the script (and the div if it is a classic form) generated for your form.
  4. And that's it! Save your changes and you'll see the form load on your website.

HTML element in plugins to build pages

Page builder plugins (such as Elementor, Gutenberg or Divi, among others) allow you to easily create pages by dragging content blocks. In case your page builder does not support the use of widgets (or you want to integrate more than one Acumbamail form into your website), the alternative is to locate a specific element or block of content that allows you to embed code on the page. It will have a different name depending on the page builder chosen, but all usually incorporate an element of this type. For reference, for the page builders mentioned would be the following:

The way to perform the integration is very simple:

  1. First you must create your form in Acumbamail and get to step 4, where you will find the integration script generated by Acumbamail.
  2. In the WordPress page editor, you must drag the element that allows you to embed code to the position of the page where you want to display the form (only for the classic, since the rest of the forms have a predetermined position and it will not matter where the element is located within the page). Within the element, you can copy and paste the generated script in Acumbamail (and the div element if it is a classic form). In the page builder preview the form will not appear, but when you publish the changes, you will see how the Acumbamail form does load on the page.

The following image shows an example of configuration with the "HTML element" of Elementor.

Third-party plugin such as Insert Headers and Footers

Another alternative is to install a plugin of type Insert Headers and Footers. With these you can easily incorporate into your website the necessary script to load the Acumbamail forms of popup, exit intent, bar or side type. This script is available in step 4 when you create your form in Acumbamail. Of all the existing plugins, we recommend the following:

In the case of the classic form (which requires also including an HTML element of type div) or in the case of the popup that opens when you click a button (which requires adding the form-trigger-acm attribute to that button on your page), it would also be necessary to add a small fragment of additional Javascript code that well, insert that div into the page in the desired position, or add that attribute to the button. Although it can be achieved with a few lines of code, if you do not have technical knowledge we recommend you review the rest of the options.

Connect a form created in WordPress with an Acumbamail list

This section describes the alternatives available to synchronize with an Acumbamail list the information entered in a form created on your WordPress page.

Connect through external integration services

Acumbamail is available in the following application interconnection services: Zapier, Integrately, Pabbly Connect or KonnectzIT.

That is why if you are a user of any of these services and the plugin you are using to build your website offers options for integrating your forms with these services through Webhook ( Zapier is usually the most common), you will only have to configure that form integration through said connector.

In this article you can review in detail how to perform the configuration through Zapier.

Connect via incoming webhooks

Apart from the API, in Acumbamail you can create incoming webhooks, which allow you to execute a series of actions in Acumbamail from an external system in the simplest way: simply by calling a URL.

If the plugin you are using to build your website offers options for integrating its forms through Webhook you will only have to:

  • First set up an inbound webhook in Acumbamail to add subscribers to your list.
  • Once created, it will generate a URL that you will have to copy when configuring the integration option through webhook of the form created with the page builder.
  • You just have to keep in mind that the information of the form is being sent in JSON format with one of these two "content-types": application/json or application/x-www-form-urlencoded, which are the ones with which Acumbamail is compatible.

As an example, for the specific case of Elementor, given a form, you must look for the Option of Actions after submit and within this configure the Option of Webhook.

Connect using the Forms plugin: 3rd-Party Integration

This method is only valid if you have created your form with one of the following WordPress plugins: Ninja Forms, Contact Form or Gravity Forms.

To use this method, the first thing to keep in mind is that, even if you are not showing it on your page, you will still have to create the form in Acumbamail (within the list of interest). You won't have to worry about the design, as it's irrelevant. You will only have to add to this form the same fields that you have in your WordPress form (and that you will have to have previously added as fields from the list itself).  This is required to enable an integration URL that you will need when you configure the plugin.

Once you have the form ready in Acumbamail, with the help of the Forms: 3rd-Party Integration plugin you can connect the fields of your form in Acumbamail with the fields of your form in WordPress, so that when a user fills in the form, the information will be synchronized with the Acumbamail form. For more details, you can consult the specific article where the integration used by the 3rd-Party Integration plugin explains.