Yotpo Reviews Change Items Per Page With Javascript
In this article, you'll learn about the Yotpo Production Reviews & Photos elements and how to use it.
In society to use this chemical element, the Yotpo: Product, Site and Visual Reviews app has to exist installed on your Shopify store.
Install Yotpo Product Reviews & Photos
Install PageFly
About Yotpo Product Reviews elements
The Yotpo: Product, Site and Visual Reviews elements are designed to present testimonials of your production to convince visitors about the product's quality and ultimately increase your conversion rate. You lot tin can utilise the Yotpo: Product, Site and Visual Reviews element to display reviews or ratings of a specific production.
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 so come back to PageFly to utilise the chemical element(south) for the corresponding production(s) you want.
Access Yotpo Product Reviews element
Footstep one: Go toAdd 3rd partyelements in the left toolbar > Click on theEdit your 3rd party elements button.
Pace 2:InIntegrations popup page, you tin search "Yotpo Production Reviews" on the search bar
Stride 3: Click on Yotpo elements in the dropdown bill of fare
Step four: Choose the variant you want and thendrag and drib information technology to the editor page
Yotpo Product Reviews elements come up in 6 variations divided into 2 categories:
Reviews & Rating:
- Reviews Widget
- Separated Q&A Widget
- Star Rating
- Reviews Highlight
- Reviews Carousel
Badges & Seals:
- All Reviews Badge
Elevate and drop a variation to your layout to set it up.
Yotpo Reviews element configuration
Select the chemical element in the layout to run into its variation then easily drag and drib the element on to your folio.
In the Product page, Yotpo: Product, Site, and Visual Reviews elements will depend on the chosen products you lot select in your Page Settings modal.
- In the Product page:
- All Yotpo review elements can work without staying inside the Product Details element
- If yous choose some other production (not assigned product), you still take 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 within the Production Details element.
- All elements can exist used many times on a page.
In one case you lot elevate the element into the Editor, it volition pull all reviews of the assigned product on your live page.
Reviews Widget
Yous can read more hither about the parameters in the General tab.
You can utilise the Review Widget element many times on a product page.
Separated Q&A Widget
You can read more hither virtually the parameters in the General tab.
Finally, hitting Publish and check the result on your live page.
Star Rating
Yous tin can read more hither nigh the parameters in the General tab.
At that place is i 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 Highlight
You can read more here about the parameters in the General tab..
Finally, hit Publish and check the result on your live folio.
Reviews Carousel
CONTENT
- Review logic: there are two options for you to choose such equally Auto – Elevation Rated and Machine – Most Recent
- Show: you tin choose which kinds of reviews then they tin be displayed with 4 kinds:
- Site Reviews
- Site & Product Reviews
- Production Reviews – All Products
- Product Reviews – Product Page
- Number of Reviews: You lot can set up the number of reviews with the minimum is 3 reviews and the maximum is nine reviews.
- Autoplay Speed: You can adjust the speed when the reviews move automatically. The minimum and the maximum speed are 500 and 20000.
- Yous can choose Prove Navigation Arrows or not
- You can choose to Show Full Reviews Count And Average Ratings for the Reviews Carousel or not.
- You can cull to Testify Total Reviews Count And Boilerplate Ratings for the Reviews Carousel or non.
- You can choose to Header Customization for the Reviews Carousel or not.
- You can choose to Enable Groundwork Color for the Reviews Carousel or not.
Other parameters such as VISIBILITY, ATTRIBUTES, ANIMATION in the General tab, you tin read more here.
Finally, hit Publish and check the result on your live page.
All Reviews Badge
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 hands drag and driblet the element Yotpo: Reviews Badge on to your page.
- The Yotpo: Review Badges tin can piece of work independently without staying within the Product Details element in all folio types.
- In the Product page, Yotpo: Product, Site, and Visual Reviewselements volition depend on the chosen products you select in your Folio Settings modal.
Y'all can read more here about the parameters in the General tab.
You can use the All Reviews Badge element many times on a product folio.
Finally, hitting Publish and check the result on your live folio.
An online store really needs reviews as well equally testimonials to build trust and credibility. This guide will show yous the benefits of them specifically.
You can check the video tutorial below
Source: https://help.pagefly.io/manual/yotpo-product-site-and-visual-reviews/