Add your ActiveCampaign form to your Squarespace site

```mediawiki Navigation: Main_Page > Forms > Integrations > Add your ActiveCampaign form to your Squarespace site

Add your ActiveCampaign form to your Squarespace site

Introduction

Integrating your ActiveCampaign forms into your Squarespace site is a vital step for collecting subscriber information effectively. This feature enables website owners to capture lead information seamlessly while maintaining an aesthetic layout that aligns with their website's design. By embedding forms, you can enhance your marketing efforts, grow your subscriber list, and ultimately build better relationships with your audience.

Whether you're running a blog, an e-commerce site, or any type of business page, collecting information through forms allows you to communicate more effectively with your customers.

How to Access this Feature

To use this feature, you need to have both an ActiveCampaign account and a Squarespace account. Ensure you have access to both platforms so that you can create forms in ActiveCampaign and embed them into your Squarespace pages.

Step-by-step Instructions

Follow these detailed steps to successfully add your ActiveCampaign form to your Squarespace site:

1. **Create a Form**: Start by creating a form within ActiveCampaign. For specific instructions, refer to the [creating a form article](https://help.activecampaign.com/hc/en-us/articles/115000844344).

2. **Get the Embed Code**: Once your form is created, navigate to your form's settings and click the **Integrate** button. This will allow you to access various integration options.

3. **Copy the Simple Embed Code**: In the integration settings, select the **Simple Embed** code option and copy it to your clipboard.

4. **Log into Squarespace**: Open a new window or tab in your browser and log into your Squarespace account.

5. **Select Your Site**: Choose the specific Squarespace site where you want to embed the form.

6. **Edit a Page or Post**: Open a page or blog post where you would like the form to appear and click the **Edit** button.

7. **Insert a Code Block**: At the desired insert point on the page, click **Code** from the block menu that appears.

8. **Select HTML**: Make sure that the **HTML** option is selected from the dropdown menu within the code block.

9. **Paste the Form Code**: Remove any default code that may be present and paste the ActiveCampaign form code you copied earlier into the code block.

10. **Apply Changes**: Once you've pasted your code, click the **Apply** button to save the changes.

By following these steps, your ActiveCampaign form should now be live on your Squarespace site.

Configuration Options and Settings

When embedding your ActiveCampaign form into Squarespace, you should be aware of the following configuration options:

• Simple Embed Code: This is the code provided by ActiveCampaign that you need to paste into your Squarespace code block.

• Code Block: In Squarespace, this component allows you to embed custom HTML or JavaScript code.

• HTML Selection: Ensures that the code is interpreted correctly when pasted into your Squarespace site.

Best Practices and Tips

To ensure optimum performance and user experience when embedding forms, consider these best practices:

• **Testing the Form**: After embedding, always test your form to ensure that it captures data correctly and that you receive submissions in ActiveCampaign.

• **Styling**: If needed, adjust your form's design to match your site’s branding. Modifying elements via CSS may enhance the overall user experience.

• **Placement**: Embed your form in locations that attract attention, such as the homepage or on high-traffic blog posts.

• **Mobile Responsiveness**: Ensure that your form displays correctly on mobile devices, as many users may access your site from their phones.

Troubleshooting

If you encounter issues while embedding your ActiveCampaign form into Squarespace, consider the following troubleshooting tips:

• **Check Code Accuracy**: Make sure you’ve copied the Simple Embed code correctly without altering any characters.

• **Squarespace Settings**: Ensure that your page is in a mode that allows code embedding. Check that you are using the correct block type.

• **Browser Compatibility**: Some existing browser extensions might interfere with code functionality; try disabling them to check if that resolves your issue.

Related Features

For more options related to forms and integrations, explore the following features in ActiveCampaign:

• Forms
• Integrations

FAQ

Q: Can I embed multiple forms on one Squarespace page? A: Yes, you can embed multiple forms by repeating the steps for each form you wish to add.

Q: What types of forms can I embed? A: You can embed any form created in ActiveCampaign, including signup forms and survey forms.

Q: Will embedded forms work on mobile devices? A: Yes, as long as your Squarespace design is mobile-responsive, the embedded forms will work on mobile devices.

Q: How do I change the look of the form after embedding it? A: You can adjust the appearance using custom CSS in Squarespace to ensure it aligns with your site’s branding.

Q: Will I receive submissions in ActiveCampaign after embedding the form? A: Yes, once users submit the form, their information will be sent directly to your ActiveCampaign account.

Q: Is there a limit on how many forms I can create in ActiveCampaign? A: There is no specific limit, but check the ActiveCampaign plan you have for any constraints regarding form usage.

Q: What should I do if my form does not appear on the Squarespace site? A: Ensure you’ve followed all embedding instructions correctly and check that the form code is still intact.

By integrating your ActiveCampaign form effectively into your Squarespace site, you're empowering your marketing strategy and providing valuable opportunities for audience engagement. ```