Publishing your ActiveCampaign form on WordPress helps you grow your email marketing lists, leverage site tracking (when enabled), and collect additional information from your contacts.
You can publish ActiveCampaign forms using the Gutenberg Block Editor or the Classic Editor.
Take note
- You must configure the WordPress plugin to use this feature.
- To learn how to install site tracking code on your WordPress site, visit Use ActiveCampaign Site Tracking with WordPress
Publish forms using the Gutenberg Block Editor
With the Gutenberg Block editor, any form you create in ActiveCampaign is automatically available for you to publish on your WordPress site. This means that you do not need to cache your forms locally on WordPress to publish them.
To publish a form to your WordPress site:
- Log into your WordPress account and navigate to the post or page where you want to publish an ActiveCampaign form.
- Click the name of the post or page to open the editor.
- Click the "Add Block" button.
- Locate the "AC Forms" embed block. You may need to scroll down the blocks menu to see this option.
- Click the "AC Forms" block to add it to your page layout.
- Use the dropdowns provided to select the form you wish to publish and if you want to use ActiveCampaign CSS.
Once the form is selected, you'll see it on your page layout.
If publishing a modal, floating bar, or floating box form, you may not see the form in the page layout. To view the form, save your changes first then preview the page.
Editing your form - Gutenberg Block Editor
If you need to make edits to your form:
- Log back into your ActiveCampaign account and navigate to the "Forms" section. To get there, click Website > Forms.
- Click the form you wish to make edits to.
- Make the desired edits to your form then click the "Integrate" button.
- Click the "Save & Close" button.
- Go back to WordPress and navigate to Settings > ActiveCampaign.
- Click the "Update Settings" button.
How to publish forms using the Classic Editor
If you're using the Classic Editor in WordPress, you'll first need to select each form you wish to publish. This will cache the form(s) locally in WordPress. Once complete, you can use the plugin to insert your cached form(s) into any page or post.
Step 1: Select your forms
- In WordPress, navigate to Settings > ActiveCampaign. Then locate the "Subscription Forms" section.
- Click the checkbox for each form you wish to be able to use on your WordPress site. You can choose one, some, or all forms.
- The "Use ActiveCampaign's form CSS" option is selected by default. If left checked, the form will use CSS styling provided by ActiveCampaign. If you don't wish to use this option, uncheck this box.
- When finished, click the "Update Settings" button.
Step 2: Insert your forms into pages or posts
- Locate the WordPress page or post to which you want to add the form.
- When the page opens, you'll see the ActiveCampaign button in the toolbar.
- Place your cursor where you want the form to appear and click the ActiveCampaign logo.
- A modal window will appear and list the forms you've created. Click the name of the form you'd like to insert. A shortcode will appear.
When the post is previewed or published, the shortcode will be replaced with your ActiveCampaign form.
Embed your form(s) with a shortcode - Classic Editor
You can also embed forms into your pages and posts using a shortcode. Each form listed on the ActiveCampaign WordPress plugin settings page has its own shortcode. Copy this code and paste the form's shortcode link into your WordPress page.
Editing your form - Classic Editor
If you need to make edits to your form:
- Log back into your ActiveCampaign account and navigate to the Forms section of your account. To get there, click Website > Forms.
- Click the form you wish to edit.
- Make the desired edits to your form then click the "Integrate" button.
- Click the "Save & Close" button.
- Go back to WordPress and navigate to Settings > ActiveCampaign.
- Click the "Update Settings" button.