All Collections
Copper Forms
Installing the Copper Forms widget on your website
Installing the Copper Forms widget on your website
C
Written by Copper Product
Updated over a week ago

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.

  1. Open the Code injection panel in Squarespace

    1. To navigate there from the Squarespace menu: Website > Utilities > Website Tools > Code Injection

  2. In the HEADER section, paste the code you copied from the Copper Forms builder

  3. If you click Preview (Command ⌘ + Shift ⇧ + P), you will see the Copper Forms widget on your website

  4. 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.

  1. Install and activate the free Insert Headers and Footers plugin by WPCode on your website

    1. This step is required by WordPress, not Copper.

  2. Once you install the plugin, a new menu item will appear on your WordPress dashboard called Code Snippets

  3. Navigate to Code Snippets > Header and Footer

  4. Click the Add New button on the All Snippets page

  5. Select the Add Your Custom Code (New Snippet) option

  6. Add a title for your snippet, such as “Copper widget”

  7. Paste the code into the Code Preview section

  8. Leave the default selections of Auto Insert method and Site Wide Header location

  9. Change the Device Type to Desktop Only

    1. This release of Copper Forms is not yet user-friendly for website visitors on mobile devices

  10. Click Save Snippet

  11. Navigate to the Code Snippets page from the left-hand navigation in WordPress

  12. Find the code snippet you just created for the Copper Forms widget and toggle the Status to on to activate the snippet

  13. Navigate to your website URL, and you will see the Copper Forms widget – you’re all done! 🥳

Did this answer your question?