Adding Goodreviews widget to Weebly website

Looking for instructions on how to add your Goodreviews widget to your Weebly website? This step-by-step guide will walk you through the process for a seamless integration.

In This Article:

Adding a widget to a specific page (home page, contact page, etc.)
Adding your widget to all pages

This guide provides instructions for installing both inline and floating widgets. An inline widget is embedded at a specific spot on the page and disappears from view as users scroll through the content. In contrast, a floating widget is anchored to a certain position on a page and remains visible upon scrolling.

Adding Your Widget to a Specific Page (e.g., Home Page, Contact Page)

Go to Weebly's Website Editor
- Log in to your Weebly account and select the website where you'd like to add the widget.
- Click "Edit Site".
Add Code Element to a Page
- Drag and drop the "Embed Code" element from the left-hand menu to the location where you'd like the widget to appear.
Paste the Installation Code
- Click "Click to set custom HTML" to open the pop-up menu.
- Adjust the widget’s position, click "Edit Custom HTML", and then paste your Goodreviews widget installation code into the field that appears.
- The widget will be applied automatically when you click outside this field.
- Note: If the widget appears cropped in the website backend, publish the page and check it in Incognito mode to ensure it displays correctly.
Publish the Changes
- Click "Publish" in the upper right corner of your website to apply the changes.

Congratulations! You have successfully added the Goodreviews widget to a specific page of your Weebly website!

Adding Your Widget to All Pages

Go to Weebly's Website Editor
- Log in to your Weebly account and choose the website where you'd like to add the widget.
- Click "Edit Site".
Open the Code Editor of Your Website
- Choose "Theme" in the top navigation bar.
- Click "Edit HTML / CSS" at the bottom of the left-hand menu.
Paste the Installation Code
- For an inline widget: Click on the "header.html" file and paste the widget's installation code to the desired placement after the <body> tag.
- Repeat this step in the "no-header.html" file.
- For a floating widget: Simply add the installation code after the <body> tag within both the "header.html" and "no-header.html" files.
- Click "Save" in the upper right corner to apply changes.
Publish the Changes
- Click "Publish" in the upper right corner of your website to apply the changes.

Great! You have successfully added the Goodreviews widget to all pages of your Weebly website!