Shopify Reviews Widget Generator – Add Customer Testimonials to Your Shopify Website

Use the widget creator below to create your free All-in-One Reviews widget for Shopify to embed customer testimonials from 50+ business review websites. Select a template and click “Continue with this template” to get started.

Do you want to add customer reviews widget to Shopify and others? No problem.

How to use the Online Reviews Widget Generator

All-in-one Reviews Widget
  1. Choose a template: Select a preferred template and click the “Continue with this template” button. Some available templates are Carousel Widget, Badge, Grid, List, Slider, and Sidebar Widget.
  2. Add review sources: There are 50+ supported review platforms, such as Google, Facebook, TripAdvisor, Booking.com, Airbnb, LinkedIn, Shopify, etc. You can add all your review sources to the review widget. You can also add reviews from custom sources, such as direct reviews.
  3. Filter content: The choice is yours. You may not want to display all online reviews on your Shopify website, and that’s okay. Widget filtering options are designed to give you the flexibility to filter in or out posts based on keywords and reviewer names. You can also set the maximum number of posts to display in the feed. If set to 0, all available posts will be displayed.
  4. Layout settings: You can choose a different layout for your customer reviews widget. There are seven options: Carousel, Grid, Masonry, List, Slider, Badge, and Floating Badge. You can customize the layout and set the width for the review widget.
  5. Header settings: Add a title, caption, and header style to your widget. If you display reviews from multiple sources, you can also group sources by platform.
  6. Review settings: You can select a review style and edit the visibility of review elements such as verified badge, rating, and business owner reply.
  7. Change appearance: Select a color scheme and ascend color to customize the appearance of the review widget’s elements. Use the custom CSS field if any customization is unavailable on the editing panel.
  8. Settings:  This includes language (and auto-translation reviews into selected language), Schema.org markups, rating format, and custom JavaScript.
  9. Once you’ve customized the widget, click the “Add to website for free” button. This will allow you to add a review widget to your website at no cost. You will also need to register to save your changes.

The Customer Review widget’s HTML embed code

Your All-in-One Review widget’s embed code includes two parts: An external JavaScript file and an HTML div tag with a class attribute that is unique to the widget you created. You can easily embed the customer reviews widget into your Shopify website using the “Custom Liquid” section in Shopify Editor. Here’s how to add review widget to a specific page in Shopify:

  1. Open your website’s visual editor: Log in to your Shopify admin panel and go to Sales Channels → Online Store:
Online Store Menu Item Shopify

Click the Customize button:

Customize Shopify Store
  1. Add Custom Liquid section to the target page: When you go to visual editor, the home page is opened by default. To select another page where you want to embed customer reviews on Shopify, find it in the dropdown list at the top of the page.

To install the widget, click Add Section:

Add Section to Shopify page

Then choose Custom Liquid from the list:

Custom Liquid Section in Shopify
  1. Paste the installation code: Paste the widget installation code to the Custom Liquid field. You can also change the Color scheme and set Top/Bottom paddings if needed. After this, Save the changes:
Embed Custom Codes in Shopify
  1. Save your changes and preview the widget on your Shopify page.

The best part is you can display your All-in-One Reviews widget on multiple websites regardless of whether they are made on Shopify.

How to Manage Your All-in-One Reviews Widget

Once you have created your embeddable review widget for Shopify, you can easily manage it on your account. In your dashboard, search for “All-in-One Reviews” app under list of apps. As you can see from the following screenshot, you can create more review widgets, edit existing ones, and get HTML embed code.

Manage Review Widgets

Related Tutorials