Contact Form 7, Gravity Forms, and Ninja Forms

You can design your own forms with the Wordpress plugins Contact Form 7, Gravity Forms, and  Ninja Forms and integrate them directly into the subscriber lists created with Acumbamail. 

The way to do this is to install the Wordpress plugin Forms 3rd Party, which allows you to integrate forms created with Wordpress plugins with an external service, in this case, Acumbamail. 

To integrate your forms created with any of these three plugins, you need to follow these steps:

1. The first step is to configure your forms in Wordpress with the plugin you have chosen. For this, you can consult the integration section of your selected tool. 

2. Create a form associated with the list you want within Acumbamail. The form created in Acumbamail should ideally have the same fields as the one in Wordpress, but it is not mandatory. Below, you can see an example of a form where, to subscribe to the desired list, the user has to enter their city and email address. 

   

3. Once you have created both forms, you need to configure the Forms 3rd Party plugin to link the fields of the Wordpress form with the fields of the Acumbamail form. If you haven't installed it, click on the Plugins tab in your Wordpress and select "Add New". Search for the "Forms 3rd Party" plugin and install it. Once installed, go to the "Installed Plugins" section to activate it.
4.  When activated, in each tab created by each of the modules, you will see the option "3rd Party Services". From here, we can configure our integration.
5. In this section, we fill in the following information:

• Service name: The name we want to give to the service. In our case, "Acumbamail" or any identifying value we choose.
• Submission URL: This is the link to which the information will be sent once the user clicks the subscribe button on the form. This URL is dependent on the form you want to integrate. To obtain the URL, you need to access the forms of Acumbamail from one of your lists. In step 4 (Integration):
  • If it is a classic form, you need to copy the URL that appears in the "Integration with other external tools" box in the "Form Action" field.
  
  • If it is another type of form, you need to look at the <<src>> field of the integration script and adapt the URL as follows:    
    • This is the URL to load the script: https://acumbamail.com/newform/dynamic/js/XXX/YYY/
    • This is the URL you should use as <<submission URL>>: https://acumbamail.com/newform/subscribe/XXX/YYY/

  Enter the value of the URL in the "Submission URL" field.

• Attach to forms: Here you need to select which form from Contact Form 7, Gravity Forms, or Ninja Forms you want to link with the form in Acumbamail. 
  Here you can see an example we made with Contact Form 7 that we called "Acumbamail Integration". 

  

• Mapping: This section is essential to avoid integration issues. It is necessary to relate the names of the fields included in the Contact Form 7, Gravity Forms, or Ninja Forms form with the names of the fields in the form created in Acumbamail. To check the name of the field assigned by each form tool, you can view the source code (by clicking Control + U) of the page once the form is displayed. We need to obtain the "name" attribute of each field, which is basically the name we have assigned to the form fields.

  

  To know the "name" of the fields in the Acumbamail form, you need to go to the design step in the form creation. Then, click on any of the fields to see the field name: 

  

  On the right, in the Add New Field button, you will see the internal name of the field and the one you need to copy:

  

  In the case of the email field, since it does not allow the option to edit it, the internal name is email_1.
  
  Filling in this information would be sufficient to integrate both forms. If you need information about the other configurable fields, consult the documentation of Forms 3rd Party.
  When the integration is ready, every time a user submits the form created for Wordpress with any of the form tools, a subscription request will also be sent to Acumbamail.
  
  If there are any issues, you can go to the "Global Values" section within the plugin where you created the form. 

Check all the available integrations in Acumbamail.