# Embed a widget on Squarespace

Add your widget to a Squarespace page with a Code block, then save the page so visitors can see your testimonials.

Squarespace shows a ReTestimonial widget through its **Code** block, which runs custom HTML and scripts on a page. You copy the widget's code once, paste it into the block and save the page.

> **Note:** The widget's code includes JavaScript, which Squarespace runs in Code blocks on its Core, Plus and Advanced plans, the older Business and Commerce plans, and free trials. On its Basic plan, the code stays in the block but doesn't run.

1. **Copy your widget's embed code**

   In the widget builder, click **Get code**. Click **Publish and copy code**, or **Copy code** if the widget is already published. If you haven't made a widget yet, start with [Embed a widget on any website](/help/display/embed-a-widget-on-any-website).

   ![The Embed code dialog for a published widget, showing the snippet to copy](https://assets.retestimonial.com/app-statics/help/shots/widgets-embed-code-copy.170de072.webp)

2. **Add a Code block**

   Open the page in Squarespace and click **Edit** in the top-left corner. Hover over the section where the widget belongs, click **Add Block** and choose **Code**. On version 7.0 sites, and in sections that use the classic editor, click **+** instead of **Add Block**.

3. **Paste the code**

   Click the block, then the **pencil** icon. Check that **Type** is set to **HTML** and **Display Source** is off, or Squarespace shows the code as text. Replace the placeholder content with your code, all of it, down to the closing `</script>` tag.

4. **Save and check it**

   Click **Save** in the top-left corner, or **Exit** and then **Save** to close the editor. As a security measure, Squarespace sometimes hides a Code block's output while you're logged in, even though visitors see it. If the block looks empty, click **Preview in Safe Mode**, or open the page in a private window.

## Good to know

- **Check the phone layout.** Drag the Code block's edges to change its width. Resizing on the computer view doesn't change the phone layout, so click the **Mobile View** icon and check the block there too.
- **Change the widget's design in ReTestimonial.** The widget draws itself in its own isolated area, so your Squarespace styles don't restyle it. Once it's published, your changes in the builder reach your page with the same code. The exception is switching to a floating style: **Get code** then gives you new code to replace the old.
- **Floating widgets attach to the browser window,** not to the block. That's **Floating Proof** widgets, the **Floating Proof Tab** badge and the Video type's **Floating CTA** style. To show one on every page, use Squarespace's site-wide footer instead: in the Pages panel, click **Custom Code**, then **Code Injection** (under **Website Tools** on version 7.0), paste the code into **Footer** and click **Save**. Code Injection needs the same Squarespace plans.
- **Keep Script selected.** If **Get code** offers **Script** and **Iframe / Embed URL**, keep **Script**, the default. Some styles only work with it, and Squarespace restricts iframes in Code blocks just like scripts. See [Script or iframe](/help/display/embed-a-widget-on-any-website#script-or-iframe).
- **A Wall of Love works the same way.** Click **Embed code…** on its card, choose **Squarespace**, click **Copy** and follow these steps. See [Embed a Wall of Love on your website](/help/display/embed-a-wall-of-love).

## If the widget doesn't show

- **On the Basic plan,** Squarespace shows you a note, while you're logged in, that the code isn't supported.
- **The widget must be published** in ReTestimonial before your site shows it.
- **On a page inside an Index,** Squarespace says the code might not render. To test, remove the page from the Index, then view it logged out.
- **Ajax loading** can cause issues with custom code, Squarespace says. Turn it off to test.

For other causes, see [Widget not showing](/help/troubleshooting/widget-not-showing), and Squarespace's own [Code blocks](https://support.squarespace.com/hc/en-us/articles/206543167-Code-blocks) guide.

## Next steps

- [Embed a widget on any website](/help/display/embed-a-widget-on-any-website)
- [Embed a widget on Webflow](/help/display/embed-on-webflow)
- [Customize a widget](/help/display/customize-a-widget)