Create a review section on the homepage for Shopify store

Requirements

In this tutorial, you will need the following requirements:

Install Ryviu app by going to Ryviu.com or Shopify app store
Upgrade to Ryviu's paid plans

Featured reviews are the most outstanding feedback on your online store. This article will present you with the way to create a review section on the Homepage and a reviews page on your Shopify store.

Note: With a Free plan, you can use "Type widget code" is "Specific product review"

‌

Please refer to the instructions below to create a featured reviews section for the homepage of your Shopify store.

‌

STEP 1: Log in your Shopify admin > Online store > Themes > Live theme > Actions > Edit code

STEP 2: In the Sections folder, click "Add a new section":

‌

STEP 3: In "Create a new section called" add "featured-ryviu"

STEP 4: Copy this code below and add to the featured-review.liquid file which you just created and click Save button

<div class="page-width container wrapper" style="overflow: hidden;">
  {% if section.settings.title_status %}
    <h3 class="center text-center section-header__title">{{ section.settings.title_heading | escape }}</h3>
  {% endif %}
  {% if section.settings.type_ryviu == 'default' %}
  <ryviu-widget feature="1"></ryviu-widget>
  {% elsif section.settings.type_ryviu == 'carousel' %}  
  <ryviu-feature-extend feature="1" carousel="1" id="r--ryviu-widget"></ryviu-feature-extend>
  {% else %}
  {% assign product = all_products[section.settings.product] %}
    <div class="lt-block-reviews"> 
        <ryviu-widget handle="{{product.handle}}" product_id="{{product.id}}" title_product="{{product.title}}" total_meta="{{ product.metafields.ryviu.r_count }}" image_product="{{ product.featured_image.src | img_url: '100x' }}"></ryviu-widget>
    </div>
  {% endif %}
</div>
{% schema %}
  {
  "name": "Ryviu Section",
  "class": "index-section",
    "settings": [
    {
        "type": "text",
        "id": "title_heading",
        "label": "Title",
        "default": "Happy Customer"
      },
    {
      "type": "checkbox",
      "id": "title_status",
      "label": "Show title",
      "default": true
    },
    {
        "type": "select",
        "id": "type_ryviu",
        "label": "Type reviews",
        "default": "default",
    	"info": "Featured reviews supports Ryviu's paid members only",
        "options": [
          {
            "label": "Masonry Featured Reviews",
            "value": "default"
          },
          {
            "label": "Carousel Featured Reviews",
            "value": "carousel"
          },
          {
            "label": "Product's Review",
            "value": "product"
          }
        ]
      },
      {
        "type": "product",
        "id": "product",
    	"info": "For Product's Review option",
        "label": "Select Product"
      }
  ],
    "presets": [
      {
        "name": "Ryviu Section",
        "category": "Ryviu App"
      }
      
    ]
  }
{% endschema %}
{% stylesheet %}
{% endstylesheet %}
{% javascript %}
{% endjavascript %}

STEP 5: Click on "Customize theme" at the top right of your screen

STEP 6: Click on Add section on the left bottom of your screen > click on Ryviu section > Select

STEP 7: Customize your section by changing the Title, select "Type of reviews widget" and please select a product if you select "Type of reviews widget" is "Product's Review"

STEP 8: Move the section to the place where you want by holding your left mouse button on that section and moving.

STEP 9: Adding reviews to Featured. You will need to go to your Reviews section, add reviews to featured then they will appear:

You can set one-by-one review as featured

Or set selected reviews as featured

Note: With a Free plan, please select the option Product's Review because featured codes do not support the Free plan.

‌

Do not forget to Save what you have done.

‌

You also can check the video below to get more details.

If you need more help or any question else then please feel free to contact us via Live chat.