How to Use the Featured Review Widget
Showing the best reviews on your store is the best way to highlight the positive experience that shoppers have got so far with your brand. It instills confidence in prospects while buying.
With Automizely Reviews, you can add a featured review widget to your Shopify store with the utmost ease. Here are the steps:
Go to the ‘Display widgets’ section of your Automizely Reviews account > Choose the 2nd option of ‘Featured review’
Turn on the toggle button to activate the featured review widget
Once done, go to the ‘All reviews’ section and select those reviews that you want to mark as featured one
Voilà! It’s done. You can check featured reviews on your store now
Navigate to your ‘Featured review’ page and click on the ‘Customize’ button
You will see two sections: Settings and Style
It has 4 sections, which you can change as per your preferences
Featured reviews: If you have marked some reviews as featured ones and now want to make some changes, simply click on the ‘Manage featured reviews’ button. Otherwise, you can skip this part
Widget title: If you want to give the featured review widget a different title, mention it in this field. The maximum character limit is 30
Display rules: Specify what information you want to show via featured reviews. All you need to do is to click on the given checkboxes
Pages: Decide on which pages you want to show the featured review widget by simply clicking on the given options
It is all about selecting the right fonts and colors.
Display: Specify which font you want to use for the title of the featured review widget, its body content, and the button
Colors: Choose colors with respect to Widgets, Verified Badge, and Button
After making all the changes, tap on the ‘Save’ button to apply the changes in real-time.
Go to your Shopify admin dashboard
Click Sales channel > Online store > Themes
Click the Meatballs menu and select Edit code
Click Sections > Add a new section
Choose liquid > File name - am-featured-reviews-carousel.liquid and hit Done
Fill in the code given below
Save the file
Now go back to Online store > Themes and click Customize
Click Add section > AM Featured Review widget
Upon enabling the featured review widget, we add it to the bottom of the selected pages automatically. However, if you want to adjust its position, here’s what you need to do:
Simply, go to your theme editor page to drag and drop the section named ‘AM Featured Review Widget’ to adjust the position of the featured review widget. You can even set the desired width by tapping on the section to see the option
Go to the ‘Themes’ section of your Shopify store > click on ‘Actions’ and choose ‘Edit code’ from the dropdown menu
For collection page:
Now, look for this code <div id="automizely_reviews_featured-review--production"></div>
in these theme files: Sections/collection-template.liquid and Templates/collection.liquid
After finding the code block, make sure you move it to the preferred location
For home page:
You need to search the code block in this theme file: Templates/index.liquid
Once you find the code block, move it to your preferred location
In case you need any help, contact our chat support team
With Automizely Reviews, you can add a featured review widget to your Shopify store with the utmost ease. Here are the steps:
➡️ Steps to use the featured review widget
Go to the ‘Display widgets’ section of your Automizely Reviews account > Choose the 2nd option of ‘Featured review’
Turn on the toggle button to activate the featured review widget
Once done, go to the ‘All reviews’ section and select those reviews that you want to mark as featured one
Voilà! It’s done. You can check featured reviews on your store now
➡️ Steps to customize the featured review widget
Navigate to your ‘Featured review’ page and click on the ‘Customize’ button
You will see two sections: Settings and Style
⚙️ Settings
It has 4 sections, which you can change as per your preferences
Featured reviews: If you have marked some reviews as featured ones and now want to make some changes, simply click on the ‘Manage featured reviews’ button. Otherwise, you can skip this part
Widget title: If you want to give the featured review widget a different title, mention it in this field. The maximum character limit is 30
Display rules: Specify what information you want to show via featured reviews. All you need to do is to click on the given checkboxes
Pages: Decide on which pages you want to show the featured review widget by simply clicking on the given options
🎨 Styles
It is all about selecting the right fonts and colors.
Display: Specify which font you want to use for the title of the featured review widget, its body content, and the button
Colors: Choose colors with respect to Widgets, Verified Badge, and Button
After making all the changes, tap on the ‘Save’ button to apply the changes in real-time.
How to add the featured reviews widget in draft themes
Go to your Shopify admin dashboard
Click Sales channel > Online store > Themes
Click the Meatballs menu and select Edit code
Click Sections > Add a new section
Choose liquid > File name - am-featured-reviews-carousel.liquid and hit Done
Fill in the code given below
<div
id="automizely_reviews_featured-review--production"
data-rv-fr-public-styles="--fr_max_width:{{section.settings.fr_max_width}}%;"
{%if request.design_mode %}data-mode='preview'{% endif %}
>
</div>
{% schema %}
{
"name": "AM Featured Review Widget",
"settings": [
{
"type": "range",
"id": "fr_max_width",
"min": 0,
"max": 100,
"step": 1,
"unit": "%",
"label": "Maximum width",
"default": 100
}
],
"presets": [{
"name": "AM Featured Review Widget",
"category": "Reviews"
}]
}
{% endschema %}
{% stylesheet %}
{% endstylesheet %}
{% javascript %}
{% endjavascript %}Save the file
Now go back to Online store > Themes and click Customize
Click Add section > AM Featured Review widget
👀 Is there any way to adjust the position of the featured review widget?
Upon enabling the featured review widget, we add it to the bottom of the selected pages automatically. However, if you want to adjust its position, here’s what you need to do:
Scenario 1: Your Shopify theme lets you adjust sections
Simply, go to your theme editor page to drag and drop the section named ‘AM Featured Review Widget’ to adjust the position of the featured review widget. You can even set the desired width by tapping on the section to see the option
Scenario 2: Your Shopify theme doesn’t let you adjust sections
Go to the ‘Themes’ section of your Shopify store > click on ‘Actions’ and choose ‘Edit code’ from the dropdown menu
For collection page:
Now, look for this code <div id="automizely_reviews_featured-review--production"></div>
in these theme files: Sections/collection-template.liquid and Templates/collection.liquid
After finding the code block, make sure you move it to the preferred location
For home page:
You need to search the code block in this theme file: Templates/index.liquid
Once you find the code block, move it to your preferred location
In case you need any help, contact our chat support team
Updated on: 03/05/2023
Thank you!