Before jumping in, make sure you have the Opinew Product Reviews app installed on your Shopify store and GemPages Editor. Please read our article about How to integrate the Opinew Product Reviews app for the full instructions.
Configure Opinew In The Shopify Admin
As the Opinew Product Reviews element will fetch data from the Opinew app, you need to have it all configured before designing.
Step 1: Head over to Shopify Admin > Apps and click on the app.
Step 2: You will be taken to the Opinew Dashboard, where you can start configuring the app. Under the Help & Tutorials tab, you’ll find all the necessary materials - from videos, help docs to live chat support.
Set Up The Opinew Element In GemPages
Once you have set up your product reviews in Opinew, it’s time to put the element onto your page and show off your reviews.
Step 1: Go to the GemPages Dashboard, select one of your pages, and enter the Editor by clicking on the “Edit” button.
Step 2: Search for the Opinew Product Reviews element and drag & drop it onto your preferred spot.
The element’s configurations, which are covered in the next sections, will then be available on the left sidebar.
Configure The Settings Tab
Opinew offers a total of 6 widgets, depending on the position of the element: Reviews, Star Badge, Star Badge in Collection, Carousel, All Reviews, and All Reviews Badge.
All 6 widgets are available on Product pages or inside a Product module. Elsewhere, you can choose from 3 widgets: Carousel, All Reviews, and All Reviews Badge.
|Reviews||Show the product reviews imported from various sources.|
|Star Badge||Shows the number of reviews and the average rating for the product. This helps customers quickly assess the product quality.|
|Star Badge in Collection||Similar to Star Badge, but applicable to multiple listings in the Product List element.|
|Carousel||Displays reviews in a carousel layout with multiple slides.|
|All Reviews||Use this widget when you would like to create a separate page to showcase all of your reviews.|
|All Reviews Badge||
Shows the average rating of your store with 3 display options: Wide Average, Small, and Wide.
You can position the Opinew Product Reviews element as either: Left, Centered, or Right in this section.
Click on the small device icon at the top right corner of this section to switch between 4 views: Desktop, Laptop, Tablet, and Mobile.
If you want further customizations done by coding, feel free to add a class here and refer to it later in the CSS file.
Configure The Design Tab
Don’t forget to fine-tune the element’s look using the Design tab. Click here for a complete guide to the Design tab.
When you are happy with the look and feel of your element, the last step is to hit “Save” and “Publish” your page to update your front store!