Below are instructions for how to add our Reviews Carousel to your page to showcase your best reviews. These instructions assume you already have the Okendo Reviews app installed and have completed the basic installation. If you have not, please see our article Manually Install Okendo Reviews - Basic Setup.
Step 1: Create a New Section for the Carousel Code
Inside your Shopify theme, create a new Section file with the following specifications.
Suggested File Name: okendo-reviews-carousel.liquid
Install folder: Sections
Add the following code based on your widget version:
Widget Plus:
<div data-oke-carousel data-oke-header-badge-url="{{ section.settings.link }}" data-oke-header-text="{{ section.settings.heading }}"></div>
{% schema %}
{
"name": "Okendo Reviews Carousel",
"settings": [
{
"type": "text",
"id": "heading",
"label": "Heading"
},
{
"type": "text",
"id": "link",
"label": "Link"
}
],
"presets": [
{
"name": "Okendo Reviews Carousel",
"category": "Product"
}
]
}
{% endschema %}
Widget Version 1:
<div data-oke-reviews-carousel data-oke-reviews-carousel-link="{{ section.settings.link }}" data-oke-reviews-carousel-heading="{{ section.settings.heading }}"></div>
{% schema %}
{
"name": "Okendo Reviews Carousel",
"settings": [
{
"type": "text",
"id": "heading",
"label": "Heading"
},
{
"type": "text",
"id": "link",
"label": "Link"
}
],
"presets": [
{
"name": "Okendo Reviews Carousel",
"category": "Product"
}
]
}
{% endschema %}
💡 Any instance of Okendo installed after March 2022 uses Widget Plus. Navigate to Reviews > On-Site Displays within your Okendo admin. If the URL reads reviews.okendo.io/admin/#/displays-plus then you have Widget Plus.
See video below on how to create a carousel section.
Step 2: Include your Carousel Section Wherever You Would Like it to Appear
Note: If you are using an Online Store 2.0 theme, you can easily add and configure your carousel through Shopify's "Theme Editor."
If you are using a vintage theme, you can include sections in your theme by using the tag {% section 'section-file-name' %} where section-file-name is the name of the section file you want to include (without the .liquid suffix). Place this tag on your homepage or wherever you would like your carousel to appear.
See video below on how to include the carousel section on your site.