Install Ryviu Product Reviews on the Shopify App Store
Before we start, make sure you have the Ryviu app installed on your Shopify admin.
Step 1: Find the Ryviu Product Reviews app on the Shopify App Store. Install the app by clicking on the “Install app” button.
Step 2: Hit “Install app” after reviewing the permissions.
Once the installation process is complete, you will be taken to the Ryviu Product Reviews’ Dashboard to configure the app.
Otherwise, you can always locate the app in your store’s app list, under Shopify Admin > Apps.
Add Ryviu element to the GemPages Editor
After the app has been successfully installed on your store, it’s time to install the element in the GemPages Editor.
Step 1: Go to the GemPages Dashboard, select one of your pages, and enter the Editor via the “Edit” button.
Step 2: In the Editor, click on the “Library” button on the top bar, then switch to the Elements tab. Search for “ryviu” using the search bar and toggle on the corresponding switch.
Step 3: Exit the Library and you will find the newly added Ryviu Product Reviews element on your left sidebar, under the Third Party section.
Configure Ryviu in the Shopify Admin
As GemPages will fetch data from the Ryviu Product Reviews app, you need to configure everything before designing.
Head over to Shopify Admin > Apps and open the app.
You will find all the necessary configuration tools in the Dashboard. If you need further assistance, the app provides sufficient help docs and customer support.
Set up Ryviu Product Reviews in GemPages
Once you have your product reviews set up, it’s time to show them off with the GemPages Editor.
Step 1: In the GemPages Dashboard, select one of your pages and enter the Editor using the “Edit” button.
Step 2: Search for the Ryviu Product Reviews element, then drag & drop it onto your preferred spot on the page.
When the element is clicked on, its configurations will be shown in the left sidebar, including the Settings and Design tabs.
Configure the Settings tab
The Ryviu Product Reviews element offers 5 widget options: Reviews, Star Badge, Star Badge in Collection, Carousel, and Masonry. Based on where you place the element, it will have different widget options:
- On a Product page or inside a Product module: All 5 widgets are available.
- Elsewhere: Only Carousel and Mansory widgets are available.
You can find descriptions for the 5 widgets in the table below.
|Reviews||Shows 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.|
|Masonry||Displays reviews in a column-based grid layout.|
Select the corresponding tab in this section to position the element as either Left, Centered, or Right. Click on the device icon to switch between 4 different views: Desktop, Laptop, Tablet, and Mobile.
If you excel in coding and would like to further customize the element, feel free to add a class in this field and refer to it later on in the CSS file.
Configure the Design tab
Don’t forget to fine-tune the element’s look using the Design tab before hitting “Save” and “Publish”.
And there you have it! Check out our list of integrations for more apps. If you need any further assistance, our GemPages Support Team is here to help. You can reach us via email or live chat.