Learn how to add a Top Rated Local® review widget or badge to your website. This guide covers how to build a new widget, add it to your site, and manage existing widgets.

Access review widgets and badges

To get started, you'll first need to find the Reputation section in your Marketing 360® dashboard.

1. Log in to Marketing 360®.

2. Open the App Bar drop down on the top-left corner of the page, and select Reputation to go to your Reputation Overview.
   

3. From the page menu, select Widgets. This page shows all existing widgets and their details, including ID, Domain, and Type.
   

4. To manage an existing widget, hover over it and click the pencil icon to edit or the vertical ellipses (⋮) to embed or delete it.
   

Build a new review widget

Click the blue New Widget button at the top-right corner of the page to create a new Top Rated Local® widget to display on your website.

Use the Edit Widget panel to configure your new widget. You can preview the look and functionality in the Widget Preview panel.

1. Enter your domain.
Note: When entering your domain, remember to include the full URL including http:// or https://

2. Select a Widget Type. An example of each option is included below for comparison.

Corner With Custom Text

Inline With Custom Text

Display Rating Score™

Display Overall Average

Large Reviews Widget

Large Ratings Widget

Broncos Business Pick

Eagles Business Pick

Huskers Business Pick

3. If you selected a widget type with custom text, enter your Header and Sub Header text.

4. Identify the Mobile Widget Type for any widget type except those that are in-line or large widgets. Preview the mobile type by selecting the mobile icon on the widget preview screen.

Pin Widget

Tab - Rating Score™

Tab - Overall Rating

Tab - Total Number of Reviews

5. Select a Business Type. This determines the text that's displayed in the widget.

6. Select a Left or Right position. This determines which corner of your website will display the widget.

7. Select a Click Behavior

8. If you selected a Popup Modal Behavior, select your Popup Content.

9. Once all your settings are configured, click the blue Save Widget button at the top right corner of the page.

Add a review widget to your website

Once your widget has been set up with all the necessary settings, its time to add it to your website! 

Websites 360®

If you have a Websites 360® website, you can add your widget to your website using one of two methods:

1. Pasting the embed code to your widget in your Google Tag Manager dashboard. This is recommended to prevent interference with your site's mobile footer (more on that below).
2. Creating an HTML Block in your website's Footer and pasting your embed code in the block.

Add the code to your footer

1. Open the Websites app and select Pages at the top of the page.
2. At the top-right corner, under Global Content, click on Footer.
3. Select the (+) button at the bottom of the page or in between the content blocks, where you'd like to add the HTML block.
   
   
4. Select HTML from the menu that appears.
   
5. Paste the code you want to embed into the new HTML block you have created, inside the text area circled in the screenshot below. Click Save when finished.
   
   

Turn off your mobile footer

If you have a "Custom Mobile Footer" set on your Websites 360® site, then your Top Rated Local® badge may not appear. You can bypass this interference by instead placing your Top Rated Local® widget code within Google Tag Manager; however, you can alternately turn off your Mobile Footer by following the steps below:

1. Select Settings at the top of the Websites app.
2. Select Mobile on the left-hand sidebar.
   
   
3. Scroll down to the section labeled Mobile Footer, and turn off the toggle switch labeled Use Custom Mobile Footer.
   

Other website platforms

For all other website platforms, follow the below instructions to embed your Top Rated Local® widget:

1. Click the Embed button in the top right corner of the page
2. When the modal with the HTML code appears, click the Copy Embed Code button
3. Navigate to your website platform's edit suite, and paste the code into the Footer script of your website.
   • If you are using a WordPress-based website, navigate to the Settings dashboard, find the Header & Footer Script dashboard, then paste the code in the Footer script field.

Edit an existing widget

To edit an existing widget, hover over the widget name on the Widgets page, then click the blue Edit icon that appears in the Action column. 

To learn more about how to edit a widget, look through the section above that outlines how widgets are built from scratch! The options are the same for editing an existing widget.

Once a widget is created, its embed code never changes. This allows you to make changes on the Edit Widgets page in Marketing 360®!

Delete a widget

If a widget is no longer needed, you can delete it from your account to keep things tidy.

1. Hover over the widget title and click the ⋮ icon next to the widget title.
2. Select the Delete option.
3. Confirm that you'd like to delete the widget by clicking Yes when prompted.