You only need to place the code for the Copper Forms widget onto your website one time. After that, any changes you publish to your form will automatically reflect on your website.
For most major content management systems, this line of code can be placed in the <head> tag (or header).
We’ve provided instructions for two of the most popular CMSs, Squarespace and WordPress, below.
Installing the Copper Forms widget on your Squarespace site
First, double-check the billing plan for your Squarespace site. Squarespace provides guidance for adding custom code depending on which billing plan your site is on. This guide provides instructions for installing the Copper Forms widget on a Squarespace Business plan site using code injection.
You want the Copper widget to appear on every page of your website. To achieve this, follow the steps below to paste the Copper widget code into the header of your Squarespace site.
Open the Code injection panel in Squarespace
To navigate there from the Squarespace menu: Website > Utilities > Website Tools > Code Injection
In the HEADER section, paste the code you copied from the Copper Forms builder
If you click Preview (Command ⌘ + Shift ⇧ + P), you will see the Copper Forms widget on your website
Hit Save – you’re all done! 🥳
Installing the Copper Forms widget on your WordPress site
First, double-check the billing plan for your WordPress site. WordPress provides guidance for adding custom code depending on which billing plan your site is on. This guide provides instructions for installing the Copper Forms widget on a WordPress site that is on the Creator or Entrepreneur plan.
You want the Copper Forms widget to appear on every page of your website. To achieve this, follow the steps below to paste the Copper Forms widget code into the header of your WordPress site.
Install and activate the free Insert Headers and Footers plugin by WPCode on your website
This step is required by WordPress, not Copper.
Once you install the plugin, a new menu item will appear on your WordPress dashboard called Code Snippets
Navigate to Code Snippets > Header and Footer
Click the Add New button on the All Snippets page
Select the Add Your Custom Code (New Snippet) option
Add a title for your snippet, such as “Copper widget”
Paste the code into the Code Preview section
Leave the default selections of Auto Insert method and Site Wide Header location
Change the Device Type to Desktop Only
This release of Copper Forms is not yet user-friendly for website visitors on mobile devices
Click Save Snippet
Navigate to the Code Snippets page from the left-hand navigation in WordPress
Find the code snippet you just created for the Copper Forms widget and toggle the Status to on to activate the snippet
Navigate to your website URL, and you will see the Copper Forms widget – you’re all done! 🥳