Review Widget Settings
On product pages, you can change the settings for the review widget. This will have an effect on both the visual aspects and the content of the reviews.
When you click the Widget tab on the dashboard, a list of Display Widgets appears, as shown below.
If your choice is Theme 2.0, then as the next step you should click Enable Reviewbit Block.
Then you’ll be redirected to the Shopify admin panel. Now you have to follow the given steps.
Steps:
1. Select Themes on the left
2. Click Customize in the Current theme block
For Installing Carousel Widget and Floating Widget on the Home page
- Carousel Widget
- Select Apps on the left under the Home page section
- Click Add block from the dropdown
- Select Highest rated reviews
4. Then click the Save button
- Floating Widget
- In the Home page section**,** select Theme settings at the left bottom corner.
2. Select App embeds
3. Now enable Floating Widget
4. Now click the Save button
For Installing Full Page Widget and Star Rating Badge on the Product page
- Full Page Widget
- Click Products, then select Default product
2. Go to Apps on the left, then click Add block and Product Review Full Page
- Star Rating Badge on Product page
- Click Products, then select Default product
2. Go to Product information on the left, then click Add block and then Star Ratings
3. Click the Save button
- Star rating Badge on collection pages
- On the left, click Online Store and then click Themes.
2. Click Actions in the Current theme block
3. Select Edit code from the dropdown menu.
4. Click the Layout folder on the left and look for theme.liquid
5. Copy the following code into theme.liquid template of your Shopify theme
<!-- Reviewbit star-rating snippet start -->
<script defer src="https://storage.googleapis.com/reviewbit/widget/v1/reviewbit-star-ratings.js"></script>
<!-- Reviewbit star-rating snippet end -->6. Paste the code just below the tag <head>
7. Click the Save button
8. Look for product card.liquid under Snippets on the left or use the search box to find the template.
9. Copy the following code into the product-card.liquid
<div
class="reviewbit_rating_stars"
data-avg-review="{{ product.metafields.reviewbit.average_rating }}"
data-total-raters="{{ product.metafields.reviewbit.total_reviews }}"
data-theme-config='{{ shop.metafields.reviewbit.theme }}'
></div>10. Paste the code just below the <price> tag
11. Click the Save button
Now Go to Widget Section on Reviewbit Dashboard
After setting up all the codes, go to Reviewbit dashboard for further widget settings.
- Preview- Check out Reviewbit on your theme with some sample review data.
- Show widget- You can choose; Show always, Hide always, or Hide when empty as per your requirement.
- Feed Layout- There are two types; Grid and List
4. Basic Settings- Here you can manage details like –Number of reviews in one section, Enable write a review button, Default sorting, Remove Reviewbit branding
5. Container Width- Here you can adjust the width of the widget.
Leave A Comment?