circle-check-hollow4608FFE1-4420-41C5-B602-FE264E2D6F8D3E3E365B-80E8-4F6E-9288-3AF21C84374F086DDED4-C570-4A30-B5C2-0ACC4288D0B5restoresplit7B3B240D-B907-4145-8670-B2C9BE1E23A21194A048-5BA5-49C7-B176-32DBA6A5315A5990E9EA-4599-4220-A42D-68262CBA3687

How to Add Forms to Your Website

Learn about all the ways to integrate a form with your website, as well as other ways you can share a form with your audience, including adding a form to your Facebook page.

 

Once you’ve created your form, you have a few different options for displaying it: You can integrate it with your website either via embed code or WordPress plugin, you can link to it, and you can add it to your Facebook page.

imageThis guide will explain the process of integrating your form with your website, and all of your integration options.

Embedding a Form Into Your Website

The primary way to integrate a form with your website is to embed it. This option involves copying a snippet of code and pasting it into your website’s HTML code.

imageWhere exactly you should paste your form code depends on where you want your form to display on your website. And since every website is different, we won’t offer specific instructions in this guide and recommend consulting with your web developer. However, if you need additional guidance, you can visit the ActiveCampaign Forum, or join an upcoming Office Hours session.

When copying and pasting your code, you can use either the simple embed code or the full embed code:

  • Simple Embed – This code uses Javascript. Any changes you make to your form from the platform will be immediately reflected on your website. This simple embed code is available for all four form styles: inline, floating bar, floating box, and modal.
  • Full Embed – The full embed code uses CSS and HTML. You can think of it as a static form—any changes you make to your form from the platform will not be reflected on your website. Instead, you’ll need to re-paste your form code in order to see your updates, or make changes directly into your pasted form code. The full embed code is available for inline forms only.

Generally we recommend using the simple embed option, which makes the integration easy even if you don’t know how to code. The full embed option can be preferable for developers who want complete control of the form code, though it can be unwieldy if you’re less familiar with code.

Ultimately, we offer both to give you a broader range of options; depending on your web assets, sometimes one option might be better suited over another.

Adding a Form to a WordPress Site

If your website is hosted by WordPress, you can download our WordPress plugin and use it to add an ActiveCampaign form to your website. The process is simple and easy to complete; no coding knowledge necessary.

Note: The WordPress plugin will also enable ActiveCampaign site tracking on your website when you install it.

And like Simple Embed, this option allows any changes you make to your form to be immediately reflected on your website.

Read our Help Center article on WordPress plugins for step-by-step instructions for adding an ActiveCampaign form to your WordPress site.

This option works with all form styles: inline, floating bar, floating box, and modal.

Linking to a Form

This option allows you to share a link to your inline form. The other form types are designed to live on a website, but because the inline form can stand alone, you’re able to share unique links to it. So if you need to be able to link to your form, make sure you choose the “Inline Form” type when building it.

For example, if you created a form to survey only your current contacts, rather than add it to your website where anyone can find it and fill it out, you can send the form link in a campaign email to your current contacts or a segment of your current contacts.

The link option also gives you an easily shareable link for promotion on social media.

To share your form via link, simply copy the link provided and paste wherever you’d like to share.

image

Adding a Form to Your Facebook Page

If you have a Facebook page for your business, you can add an inline form as another tab on your Facebook page. For instance, you may decide to add your email subscription form to your Facebook page in addition to integrating it with your website, either via embed code or the WordPress plugin. This way, you can capture contact information directly from Facebook, without the extra step of first getting your Facebook followers to your website.

To add a form to your Facebook page, select the Facebook option, and click the Get Started button at the bottom:

image

A new window from Facebook will pop up. Select the page you’d like to add the form to, and click “Add Page Tab.”

image

Your form should now be added to your Facebook page. To confirm, go to your Facebook page and look for a Subscribe option in the left menu.

image

Click the Subscribe option to view your form:

image

Summary

To review, there are four form styles to choose from when you build a form: inline form, floating bar, floating box, and modal. (Note: Lite plan users can only use the inline form option.) To learn more about form styles, read our guide to building forms.

All form styles can be integrated with a website either via embed code or the WordPress plugin.

Additionally, you can share a link to an inline form, such as in a targeted campaign email to a segment of your contacts, or on social media in order to promote your subscription list. You can also add an inline form to your Facebook page to collect new subscribers directly from Facebook.

How do you use, or plan to use, these options for integrating your form to your website?