How to add customer reviews to your website (2026)

You can add customer reviews to your website in three ways: a review widget, your site builder’s testimonial block, or a reviews section you code in HTML.

A widget is the fastest of the three. You paste one snippet, and new reviews keep showing up without another edit.

This guide walks through each method step by step. It also covers where reviews work best on each page, and when they can earn star ratings in Google.

The short version:

• Review widget: bring your reviews into the tool, pick a layout, copy the embed code, and paste it into an HTML or embed block.
• Builder block: add your builder’s testimonials section and type in each quote by hand. Free, but nothing updates on its own.
• Hand-coded HTML: write the review cards, style them with CSS, and add Product schema if the page sells a product.
• Stars in Google: realistic on product pages. Reviews about your own business won’t show stars in search, whatever tool adds them.

Which way should you add reviews to your website?

A review widget is the best way to add reviews to most websites, since a widget works on any platform and updates automatically after one paste.

A builder block makes sense when you have a handful of quotes and no budget. Hand-coded HTML suits developers who want full control and no third-party script on the page.

Method	Best for	Setup time	New reviews	Watch out for
Review widget	Most sites, any platform	About 10 minutes	Appear automatically	Paid tool (WiserReview starts at $6.75/mo billed yearly, after a 7-day free trial)
Builder testimonial block	A few hand-picked quotes	5 to 10 minutes	Added by hand	No live rating, no review count, no way to collect
Hand-coded HTML	Developers, static sites	30 to 60 minutes	Added by hand	You maintain the markup and schema yourself

Whichever you pick, the payoff is real. Reviews can lift conversions by up to 270% once a product has five or more, per our online review statistics roundup.

Method 1: How to add reviews with a review widget (WiserReview)

To add reviews with WiserReview, create an account, import or collect reviews, publish them, build a widget, then paste the widget code into your website.

Here’s the full setup for any website, from a blank account to reviews live on your page. If your reviews already sit on Google or in a spreadsheet, it takes about 10 minutes.

Step 1: Create your WiserReview account

1. Go to app.wiserreview.com/signup.
2. Under Choose your site builder, pick your platform if it’s listed: WooCommerce, Squarespace, PrestaShop, Shopify, BigCommerce, or Wix.
3. For WordPress, Webflow, or any other website, pick the </> custom code tile.
4. Click Sign up with Email or Sign up with Google.

The 7-day free trial covers every feature. After it, plans start at $6.75 a month billed yearly.

Step 2: Import the reviews you already have

Google reviews:

1. Go to Manage reviews, then Import Reviews.
2. Under 3rd Party Platforms, find Google and click Integration.
3. Click Login with Google, sign in with the account that manages your Business Profile, and allow access.
4. Keep the Active toggle on. New Google reviews then sync on their own, usually within 48 hours.

Facebook reviews: click Integration in the left menu, find Facebook, click Integration, then Login with Facebook and pick your page.

Reviews in a spreadsheet:

1. In Import Reviews, choose Import Reviews Via CSV and click Integrate.
2. Set the source to Custom, name the task, keep UTF-8 encoding, and upload your file.
3. Map each column to a review field. Rating (1 to 5), review date (YYYY-MM-DD), and reviewer name are required.
4. Wait until the import status reads Completed.

CSV imports are open during your first 60 days, so bring old reviews over early.

Step 3: Collect new reviews with a review form

1. Go to Forms under Collect reviews in the left menu.
2. Click Customize on the default form to edit its questions and design.
3. Use the external link icon under Actions to copy the form URL, then share it by email, WhatsApp, or social media.
4. Download the form’s QR code from the same row for receipts, packaging, or your front desk.
5. Open the Products & QR tab for a store review link, or a separate link for each product.

Rather not send links by hand? Automate sends review requests after every order or booking, covered in the collection section below.

Step 4: Check and publish your reviews

1. Open Manage reviews.
2. Use the Published, Pending, and Archive tabs to see where each review stands.
3. Publish the reviews you want on your site. Widgets only show published reviews.
4. Click Moderation to hold new reviews for approval, such as ones with contact details or profanity.
5. Reply to any review from the same screen.

Held reviews publish on their own after 14 days if nobody acts on them, so no review stays hidden forever.

Step 5: Pick a widget

1. Click Widgets in the left menu.
2. Open the Review widgets tab.
3. Choose a layout. Carousel or Auto Slider suits a homepage, Review wall suits a reviews page, and Carousel Video suits video reviews.
4. Use Trust badge for a header or footer, or Sidebar Snippet for a review tab on the side of the screen.
5. Click Manage under the widget you picked.

Selling products? The Product-specific review widgets tab holds the product review section, star rating, and nudges. You can preview every layout on our review widgets page.

Step 6: Customize the widget

1. Open Filter Reviews to choose the review source, tags, or a minimum star rating.
2. Set the look in Layouts and Cards, including whether each card shows a photo and name.
3. Pick colors in Color, or let AI Design match your site.
4. Set the widget language in Language.
5. Switch the preview from sample to real data and check it on desktop and mobile.

Step 7: Copy the embed code

1. Click Install at the top right of the editor.
2. In the Embed your review widget window, open your platform’s tab, or Custom for any other website.
3. Copy the script code. It works on most sites.
4. Use the iframe code instead if your site builder strips scripts.
5. Grab the URL to show the widget on its own hosted page, such as behind a “See reviews” button.

Product widgets also show a WiserReview pixel in this window. Add the pixel once before the closing </body> tag, then place the widget code where it should appear.

Step 8: Paste the code on your website

1. Open the page in your site editor.
2. Add an HTML, code, or embed block where the reviews should appear.
3. Paste the code and publish the page.

Here’s where that block lives on popular builders. Each platform name links to a full walkthrough with screenshots.

Platform	Where the code goes
WordPress	Custom HTML block
WooCommerce	WiserReview plugin widgets or shortcodes
Shopify	WiserReview app blocks in the theme editor
Wix	Embed Code element
Squarespace	Code Block
Webflow	Embed element
BigCommerce	HTML widget in Page Builder
GoDaddy	HTML section
Joomla	Custom module
Drupal	Custom block with the Full HTML text format
Magento	CMS block
Leadpages	HTML widget

Step 9: Check that the widget is live

1. Open the published page in a private browser window.
2. Widget missing? Go back to Install and click Debug on site to check the setup.
3. Repeat Steps 5 to 8 for any other page that needs reviews.

From then on, every review you publish or sync shows up in the widget. You don’t touch the code again.

Method 2: How to add reviews with your site builder’s testimonial block

To add reviews without a separate tool, use the testimonials section most website builders include, then type in each quote, name, and rating by hand.

1. Open the page in your site editor.
2. Click to add a section or block, then search for “testimonials”.
3. Pick a layout and paste each quote with the customer’s name, photo, and star rating.
4. Get each customer’s permission before you publish their words or photo.
5. Publish, then check the section on a phone.

No testimonials section in your theme? A plain quote block with the customer’s name in bold does the same job.

What review sites give you for free

Review sites rarely hand you a free list of your reviews. Google Maps lets you embed a map of your business, and that map shows your star rating rather than the reviews themselves.

1. Search for your business on Google Maps and open the listing.
2. Click Share, then Embed a map.
3. Copy the HTML and paste it into an HTML or embed block.

Want the actual Google reviews on your page? Our guide to add Google reviews to your website covers the options.

What you give up with Method 2:

• Every new review means another manual edit.
• There’s no live average rating or review count.
• Visitors can’t leave a review from the section.
• There’s no review schema, so no chance of stars in Google.

Method 3: How to hand-code a reviews section in HTML

To hand-code reviews, write each review as an HTML card, style the cards with CSS, and add Product schema in JSON-LD when the page sells a product.

Step 1: Pick three to five reviews

1. Copy the reviewer’s first name, rating, date, and words.
2. Ask permission if the review came from an email or a call.
3. Pick recent ones. 73% of consumers don’t trust reviews older than a month, per the same statistics roundup.

Step 2: Write the HTML

Each review becomes a card with stars, the quote, and the reviewer’s name:

<section class="reviews">
  <div class="review-card">
    <div class="stars" aria-label="5 out of 5 stars">★★★★★</div>
    <p class="quote">Arrived fast and fits my 14 inch laptop.</p>
    <p class="author">Maya R., October 2026</p>
  </div>
  <!-- repeat for each review -->
</section>

Step 3: Style it with CSS

A few lines give you a responsive grid that wraps on phones:

.reviews { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.review-card { padding: 20px; border: 1px solid #e5e5e5; border-radius: 12px; }
.stars { color: #f2a516; letter-spacing: 2px; }
.author { font-weight: 600; }

Step 4: Add Product schema on product pages

Paste this into the page and change the values to match the reviews visible on it:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Canvas Tote",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.8",
    "reviewCount": "126"
  },
  "review": [{
    "@type": "Review",
    "author": { "@type": "Person", "name": "Maya R." },
    "reviewRating": { "@type": "Rating", "ratingValue": "5" },
    "reviewBody": "Arrived fast and fits my 14 inch laptop."
  }]
}
</script>

Skip this step on a homepage or services page. Google ignores review markup about your own business there, which the stars section below explains. Our guide to review rich snippets covers every field.

Step 5: Test the page

1. Paste the URL into Google’s Rich Results Test.
2. Fix any missing field the test flags.
3. Recheck after each edit, since one broken comma breaks the whole block.

What you give up with Method 3:

• No sync. Each new review means editing code.
• The rating and count in your schema go stale unless you update them.
• No filters, sorting, photos, or video unless you build them.

Where should you put reviews on your website?

Put reviews where visitors make a decision: star ratings beside product titles, a short review near the buy button, and the full review section on product pages.

The numbers in the image above map to the first five spots below.

1. Product title: the average rating and review count, so the first glance already says “people buy this.”
2. Add to cart button: one short review, right where doubt peaks. AI review stories do this job above the fold too.
3. Product summary: the full review section with photos, filters, and a way to write a review.
4. Homepage: a carousel of your best recent reviews, ideally from several products.
5. Footer: a small trust badge with your rating on every page.
6. Category pages: stars on each product tile, so shoppers compare before they click.
7. Service and pricing pages: reviews that answer the doubt that page raises, such as price, results, or support.
8. Landing pages: two or three reviews that match the offer. Here’s how to add reviews to landing pages.
9. A dedicated reviews page: a Wall of Love with every review. These testimonial page examples show what works.

Match the review to the page. Product reviews belong on product pages, while testimonials and Google reviews do more on service, about, and contact pages.

Can reviews on your website show stars in Google?

Reviews on a website can show stars in Google on product pages with valid Product review schema. Reviews about the business itself do not earn stars on the business’s own website.

Google stopped showing stars for reviews a business publishes about itself in 2019. That covers LocalBusiness and Organization markup, and it applies even when a widget adds the markup for you.

Product pages are a different story. Product review schema there can still earn stars, provided the page meets Google’s rules:

• A supported type: such as Product, with the item’s name.
• Visible reviews: the rating and reviews must show on the page, not only in the code.
• Your own reviews: don’t mark up reviews copied in from other sites.
• No fake or undisclosed incentivized reviews: Google added this line to its review snippet guidelines on July 24, 2026, covering both the page and the markup.

WiserReview adds Product review schema to your product pages, so the first two points are handled. Google still decides whether the stars appear, and they only show up after Google recrawls the page.

Run the Rich Results Test once the schema is live, then keep an eye on the Review snippets report in Search Console.

How do you keep reviews on your website trustworthy?

Keep reviews on a website trustworthy by showing a real mix of ratings, labeling where each review came from, keeping reviews recent, and replying to complaints in public.

• Show the count beside the rating: “4.6 from 312 reviews” says far more than “4.6”.
• Keep the 3-star reviews: a spotless 5.0 looks edited, and a few honest complaints make the praise believable.
• Don’t filter by rating where people leave reviews: in the US, the FTC review rule (16 CFR 465.7) bans hiding reviews over low ratings or negative sentiment while implying the ones shown are all or most of them.
• Label each source: verified buyer, Google, or imported, so nobody wonders where a quote came from.
• Reply to complaints: a calm public fix often does more for trust than another five-star review.
• Ask before reusing: get permission before a review moves into an ad or onto another page.

A hand-picked carousel on your homepage is fine. A product review section that quietly drops every 1 and 2 star review isn’t.

How do you get more reviews to show on your website?

Get more reviews for a website by asking every customer shortly after the purchase or service, with a short review form link sent by email, SMS, WhatsApp, or QR code.

1. Time the ask. For products, that’s a few days after delivery. For services, it’s right after the job.
2. Send one short message with a direct link to the review form.
3. Send one reminder a few days later.
4. Ask happy text reviewers for a photo or video.
5. Print a QR code for customers you meet in person.

WiserReview runs these steps for you after each order and adds approved reviews to your widgets. See how to collect customer reviews on autopilot, or borrow a tested review request email.

Reviews not showing on your website? Check these 5 things

1. Stripped script: some builders remove script tags on save. Swap in the Iframe code.
2. Wrong block: the code sits in a text or paragraph block. Move it into an HTML or embed block.
3. Empty filter: the widget is filtered to a product or tag with no reviews yet.
4. Pending reviews: moderation is holding new reviews until you approve them.
5. Cache: an old copy of the page is still served. Clear your site cache and check in a private window.

Wrap up

For most websites, a review widget is the way to add reviews. It takes about ten minutes, works on any builder, and keeps updating after you paste the code.

Use a builder block for a few hand-picked quotes, or hand-code the section if you want full control. Then place reviews where people decide, and expect stars in Google only on product pages.

Want to see every display option before you start? Here’s how WiserReview helps you display reviews on your website.