Help: Integration

You can include your ActiveCampaign subscription forms on your WordPress site in two different ways:

1. Use our official WordPress plugin.
2. Manually copy and paste your form HTML.

Also see the sections on subscription form redirects, using a shortcode, changing your form width, and applying advanced settings.

Use our official WordPress plugin

Download our plugin from the WordPress plugin directory, or click “Add New” and search for it in your WordPress “Plugins” section.

If you downloaded the plugin, go to your WordPress administrative section and visit the “Plugins” > “Upload” section, and upload the entire Zip folder (that you just downloaded):

On the Plugins page, click “Activate” for the “ActiveCampaign” plugin:

From the Appearance > Widgets page, drag the “ActiveCampaign” widget into a sidebar:

Type in your account URL and credentials, and then hit Save:

(To find your specific URL and API Key, visit the “Integration” > “ActiveCampaign API” section in ActiveCampaign.)

After clicking “Save” in WordPress, it will display the available forms that are set up in your ActiveCampaign software:

Choose a form and then hit “Save” again.

The public side of WordPress will then display that form in the sidebar:

Using the shortcode

You can also display your form anywhere WordPress shortcodes are allowed. Just use this shortcode once you have configured your form settings in the WordPress admin section:

[activecampaign]

An example in a blog post body:

And how that renders in the actual blog post:

Form width

The plugin will detect the form width you have set in ActiveCampaign (under Integration when creating the form). If you want to adjust the width, you must do this in ActiveCampaign, and then click “Refresh” in the widget area:

Advanced settings

There are some advanced settings that let you control the following aspects of your subscription form:

1. Option to Add subscriber (default behavior) or Sync subscriber (performs edit if the subscriber already exists).
2. How the form is submitted: standard page reload, or Ajax.
3. Whether or not to use the standard form CSS that ActiveCampaign supplies.
4. Whether or not to use your own custom form action URL.

Here are some key things to be aware of, regarding the advanced settings:

• If you choose Sync, that requires using Ajax to submit the form because our standard form process handler does not work with Ajax so we included a custom API script with the plugin that does the actual sync (through our API).
• You can also use Sync with your own custom action URL (with or without Ajax), presumably a script that you have set up to perform the add/edit via our API.
• Using the Ajax option requires that jQuery be enabled for your WordPress installation. Here is one way of enabling it.
• When using Ajax there will be a <div> that appears above the subscription form that contains the result message. You can style this element by targeting this ID: form_result_message in your CSS. Example below:

• Any time you use your own custom action URL you will have to use our API to submit the data.
• If you don’t keep the original form CSS, it will simply strip out all CSS that comes with the form. Example screenshot with CSS removed:

Manually copy and paste your form HTML

If you do not wish to use our plugin, you can still easily embed your ActiveCampaign subscription form on your WordPress site.

(Please note: There may be various ways of doing this – we are simply showing one way to accomplish this.)

Under the “Integrate with your site” section of your form settings, copy the “Embeddable HTML” content:

Next, visit the Appearance > Editor section of WordPress:

Choose what template you want to edit. For example, “Sidebar” would be a logical place to add a subscription form:

Paste in the form HTML directly in to the textbox:

Note: you may wish to remove the entire <style> element (and the content within) as that is known to cause issues with the existing WordPress CSS.

If successful, your subscription form should look something like this:

Subscription form redirects

If you want your WordPress-embedded subscription form to redirect back to your WordPress site after submission, you need to set this up in the ActiveCampaign software.

While editing the subscription form, under “Form settings,” click “subscription confirmation page.”

Next, click “Redirect to URL instead.”

You can then insert your own URL, presumably a WordPress URL that goes right back to the same site!