How to Embed Amazon Reviews on a Website

In this article you'll learn how to design and install a review widget on your website using Elfsight Amazon Reviews widget, which contains user reviews, rating badges, and an Amazon link to gather input.

In four simple steps, you may post reviews on your website:

Seems simple, doesn't it? Additionally, you may add reviews without any scripting, pre-made templates, and get total compatibility with any platform for website management.

Step 1. Create an Amazon Reviews plugin

We will first select a template for your particular instance. Simple and effective options for integrating reviews on a page are Slider or Grid.

For the bottom and sidebar, clean, uncomplicated design work best; rating badges are excellent for floating widgets. Once you have found the ideal option, select ‘Continue with this template’.

Add sources to the Amazon Reviews widget

You can integrate reviews from your Amazon profile into the widget by entering your address and business name in the widget's search field.

Afterwards, you may filter reviews by ratings, keywords in the review text, author, and URL to remove unfavorable and undesirable ones. Read an article for more information about reviews filtering.

Step 2. Configure the review plugin

The widget may be fully customized in a visual editor once it has been deployed. You may put up the additional Amazon Reviews and integrate them into a website with just a few simple clicks, giving them the appropriate style and feel.

Bonus: Examine the widget's pre-integrated Schema markup

To create a rich snippet, which will display stars for a website page in search results and, consequently, generate more clicks, micro-markup is required. In the article you can read more about how Schema markup functions.

In the Reviews widget, it is turned on by default. But if you'd like, you can always switch it off.

Modify layout

To make interacting with Amazon reviews as easy as possible, select List, Masonry, Grid, Carousel, Floating badge, or Embeddable badge. Then decide on a review style. Check to see which components are required, then turn them on or off. Last but not least, select a light or dark color scheme, an accent color, a typeface, and get a preview of your lovely customer reviews.

Step 3. Obtain an embed code

Save the generated widget, then copy the Amazon Review embed code into your Elfsight Apps account. You may now show it on your website.

You can now show the review widget you generated on your website by adding it.

Step 4. Insert the code into a webpage

Any platform that accepts custom HTML can accept the widget installation code by pasting it there. You can move on to the next steps after making sure your website builder or CMS supports this option.

  1. In your page or website template, add an HTML section.
  2. Input the embed code there.
  3. Save the modifications, then check the integrated widget.

It's really simple! The general procedure depends on the website building platform you choose. The more detailed instructions for inserting reviews into various website builders are provided below.

You may browse the collection of user manuals for the most well-liked website builders, including WordPress, Webflow, Wix, Weebly, Google Sites, and many others. If you want assistance with installation, click the link.

How to integrate reviews from Amazon to Shopify

  1. Go to the backend of your website, choose the necessary page, and then click "Customize" under the "Online Store" heading.
  2. Choose the "Custom Content" area, then click "Add Section" to add the Amazon Reviews integration.
  3. Remove any superfluous items from the "Custom Content" block by clicking the "Custom HTML" section, then click "Add content."
  4. In the 'Custom HTML' box, paste the widget's code after removing the heading and other elements, and set the container's width to 100%.
  5. Enjoy the integrated Amazon Reviews after you've saved your edits.

Check out a more thorough tutorial on adding reviews to a Shopify website.

How to include Amazon Reviews into Squarespace

  1. Access the Squarespace admin interface.
  2. Click Edit, add a Code section where the widget should be shown by clicking the plus (+) sign.
  3. there, embed the installation code.
  4. View the reviews on a Squarespace page by clicking "Save."

A more detailed tutorial on how to integrate Amazon Reviews into a Squarespace website is also available.

Adding Amazon Reviews to WordPress

  1. Select the Amazon Reviews page from the WordPress admin panel.
  2. Select the location on the page where you want the reviews to appear, then click +Add block.
  3. Find a Custom HTML block, then paste the stored code inside of it.
  4. Preview the outcome after saving the modifications.

Please familiarize yourself with a more detailed guide on how to add reviews to a WordPress website.

Add Amazon Reviews with iFrame

  1. Obtain the installation code
  2. Copy the ID of your widget. On the second line of code, you can see it.
  3. Transform the code
  4. To match the height of your widget, adjust the height:
  5. The finished code would be as follows:
<iframe src='https://sandbox.elfsightcdn.com/widget/cfd6efc3-1525-4ff0-9291-7ba6d8680f26' width='100%' height='1000' frameborder='0'></iframe>

Voila! Your Amazon installation code has been converted to an iFrame. You can also check a full instruction for widget installation in iFrame.

Tip: If you have reviews on different platforms and wish to publish them all in one gallery, you can easily do it with the help of an All-in-One Reviews widget. It can also help you to fetch reviews from Google, TripAdvisor, etc.

You're welcome to get in touch with our Support team if you run into any issues when trying to include Amazon reviews on your platform. We are always eager to assist!

Did this article answer your question? Share your feedback: Thanks for sharing your feedback. It helps us grow! There was a problem submitting your feedback. Please try again later.

Still looking for assistance? Contact Us Contact Us