# Embed a widget on Shopify

Add your widget to your Shopify store with a Custom Liquid section in the theme editor, on your home page, product pages or every page.

Shopify shows a ReTestimonial widget through a **Custom Liquid** section, which you add to your theme in Shopify's theme editor. You copy the widget's code once, paste it into the section and save. There's no Shopify app to install.

> **Note:** These steps are for themes with sections on every page, which includes every theme in the Shopify Theme Store today. On an older theme, see [On a vintage theme](#on-a-vintage-theme).

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. **Open the page in the theme editor**

   In your Shopify admin, go to **Online Store** > **Themes**, find your theme and click **Edit theme** (**Customize** on some screens). The editor opens on your home page. For another page, pick its template from the **Home page** menu at the top, such as **Products** > **Default product** for your product pages.

3. **Add a Custom Liquid section**

   In the sidebar, click **Add section**, search for "Custom Liquid" and select it. Drag the new section by its handle to the spot where the widget belongs.

4. **Paste the code and save**

   Click the section and paste the code into its code box in the sidebar. Paste all of it without changing it, down to the closing `</script>` tag. Then click **Save**. On your live theme, Shopify may ask you to click **Publish** to make the change live.

   The editor's preview draws the widget a moment after you add the section. Open your store to check how it looks to visitors.

## Good to know

- **A template covers every page that uses it.** A widget added to **Default product** shows on all your product pages. To show it on some products only, create a new product template in Shopify, add the section there and assign that template to those products.
- **Use the footer for every page.** Your header and footer are shared by all pages, so a **Custom Liquid** section added to the sidebar's footer area appears everywhere. That suits floating widgets: **Floating Proof** widgets, the **Floating Proof Tab** badge and the Video type's **Floating CTA** style attach to the browser window, not to the section.
- **Change the design in ReTestimonial.** Your theme's CSS can't restyle the widget. Only its text follows your theme's font, until you choose a font in the builder. See [Widget looks different on your website](/help/troubleshooting/widget-looks-different-on-your-site#the-font-is-different). Once the widget is published, your edits in the builder reach your store with the same code. The exception is switching to a floating style: **Get code** then gives you new code to replace the old.
- **Several widgets can share a page.** Give each one its own section.
- **No Custom Liquid section?** Not every theme offers one. Check your theme's documentation, or ask its developer, for a way to add custom HTML.
- **A Wall of Love works the same way.** Click **Embed code…** on its card, choose **Shopify**, click **Copy** and follow these steps. See [Embed a Wall of Love on your website](/help/display/embed-a-wall-of-love).

## On a vintage theme

If no **Add section** button appears below your product template's sections, your store uses a vintage theme, which can't take sections on its other pages. To place the widget there, the code has to go into your theme's code through **Edit code**. Do this only if you know HTML, or ask your theme's developer.

## Next steps

- [Embed a widget on any website](/help/display/embed-a-widget-on-any-website)
- [Widget not showing on your website](/help/troubleshooting/widget-not-showing)
- [Customize a widget](/help/display/customize-a-widget)