Yotpo – Product, Site and Visual Reviews element and Review Badge element

In this article, you’ll learn about the Yotpo Product Reviews & Photos elements and how to use it.

In order to use this element, the Yotpo: Product, Site and Visual Reviews app has to be installed on your Shopify store. 

Install Yotpo Product Reviews & Photos

Install PageFly

About Yotpo Product Reviews elementsClick to copy

The Yotpo: Product, Site and Visual Reviews elements are designed to present testimonials of your product to convince visitors about the product’s quality and ultimately increase your conversion rate. You can use the Yotpo: Product, Site and Visual Reviews element to display reviews or ratings of a specific product.

Before using this element, you have to install the Yotpo Product Reviews & Photos app to your store and configure all options in the app and then come back to PageFly to use the element(s) for the corresponding product(s) you want.

Access Yotpo Product Reviews elementClick to copy

Step 1: Go to Add third party elements in the left toolbar > Click on the Edit your 3rd party elements button.

Step 2: In Integrations popup page, you can search “Yotpo Product Reviews” on the search bar

yotpo product reviews pagefly

Step 3: Click on Yotpo elements in the dropdown menu

Step 4: Choose the variant you want then drag and drop it to the editor page

Yotpo Product Reviews elements come in 6 variations divided into 2 categories:

Reviews & Rating:

  • Reviews Widget
  • Separated Q&A Widget
  • Star Rating
  • Reviews Highlight
  • Reviews Carousel

yotpo product reviews pagefly

Badges & Seals:

  • All Reviews Badge

yotpo reviews badges pagefly

Drag and drop a variation to your layout to set it up.

Yotpo Reviews element configurationClick to copy

Select the element in the layout to see its variation then easily drag and drop the element on to your page.

In the Product page, Yotpo: Product, Site, and Visual Reviews elements will depend on the chosen products you select in your Page Settings modal.

  • In the Product page:
    • All Yotpo review elements can work without staying inside the Product Details element
    • If you choose another product (not assigned product), you still have to put the Yotpo reviews element inside the Product Details element for that product.
  • For other page types: regular page, collection page, home page, etc, these elements must stay inside the Product Details element.
  • All elements can be used many times on a page.

Once you drag the element into the Editor, it will pull all reviews of the assigned product on your live page.

Reviews WidgetClick to copy

You can read more here about the parameters in the General tab.

You can use the Review Widget element many times on a product page.

Separated Q&A WidgetClick to copy

You can read more here about the parameters in the General tab.

Finally, hit Publish and check the result on your live page.

Star RatingClick to copy

You can read more here about the parameters in the General tab.

There is one more option in the General tab which is the App Key. To find your Yotpo App Key, please take a look at this article.

Finally, hit Publish and check the result on your live page.

Reviews HighlightClick to copy

You can read more here about the parameters in the General tab..

Finally, hit Publish and check the result on your live page.

Reviews CarouselClick to copy

CONTENT

  • Review logic: there are 2 options for you to choose such as Auto – Top Rated and Auto – Most Recent
  • Show: you can choose which kinds of reviews so they can be displayed with 4 kinds:
    • Site Reviews
    • Site & Product Reviews
    • Product Reviews – All Products
    • Product Reviews – Product Page
  • Number of Reviews: You can set up the number of reviews with the minimum is 3 reviews and the maximum is 9 reviews.
  • Autoplay Speed: You can adjust the speed when the reviews move automatically. The minimum and the maximum speed are 500 and 20000.
  • You can choose Show Navigation Arrows or not
  • You can choose to Show Total Reviews Count And Average Ratings for the Reviews Carousel or not.
  • You can choose to Show Total Reviews Count And Average Ratings for the Reviews Carousel or not.
  • You can choose to Header Customization for the Reviews Carousel or not.
  • You can choose to Enable Background Color for the Reviews Carousel or not.

Other parameters such as VISIBILITY, ATTRIBUTES, ANIMATION in the General tab, you can read more here.

Finally, hit Publish and check the result on your live page.

All Reviews BadgeClick to copy

This element belongs to the BADGES & SEALS section with the aim to display the Review Badge.

Select the element in the layout to see its variation then easily drag and drop the element Yotpo: Reviews Badge on to your page.

  • The Yotpo: Review Badges can work independently without staying inside the Product Details element in all page types.
  • In the Product page, Yotpo: Product, Site, and Visual Reviewselements will depend on the chosen products you select in your Page Settings modal.

You can read more here about the parameters in the General tab.

You can use the All Reviews Badge element many times on a product page.

Finally, hit Publish and check the result on your live page.

An online store really needs reviews as well as testimonials to build trust and credibility. This guide will show you the benefits of them specifically.

You can check the video tutorial below

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

PageFly Help Center is now available in Chinese, French and Japanese. Please check the flags on the page header.

I got it!
Discover the Shopify Invoice Generator by PageFly, a seamless solution for invoicing in your online store. Try it now!