π‘ This document provides guidance on integrating various CREMA Review widgets into your Shopify vintage theme.
Key Summary
- This guide provides detailed instructions for adding various CREMA Review widgets to your Shopify vintage theme.
- You will learn how to implement widgets such as the All Reviews Widget, Reviews Carousel, Visual UGC Grid, Media Grid, Product Grid, Social Media Widget, and Best Reviews Widget.
- Each widget requires you to add a specific code snippet to your theme's index.liquid file.
- This installation process is exclusively for merchants using a Shopify vintage theme.
This guide provides comprehensive instructions for integrating various CREMA Review widgets into your Shopify vintage theme. By following these detailed steps, you can easily display customer reviews, media, and product grids on your storefront to enhance your store's appeal and build customer trust.
β IMPORTANT
- This guide is specifically designed for merchants using CREMA Review with a Shopify vintage theme.
- If you are using Shopify Online Store 2.0, please refer to our dedicated Shopify Online Store 2.0 guide for relevant instructions.
- If you are unsure about which theme version you are currently using, you can find detailed information by referring to Shopify's official instructions.
In this article :
- All Reviews Widget
- Reviews Carousel
- Visual UGC Grid
- Media Grid
- Product Grid
- Social Media Widget
- Best Reviews Widget
All Reviews Widget
1. Go to your Shopify Themes menu and click Actions β Edit Code.
2. Add the following code snippet at the bottom of the file and click Save.
<div class="crema-reviews" data-widget-style="list_v3"></div> Reviews Carousel
1. From the Edit Code menu, locate and open the index.liquid file.
2. Add the following code snippet at the bottom of the file, and click Save.
<div class="crema-reviews" data-widget-style="horizontal_scroll"></div> Visual UGC Grid
1. From the Edit Code menu, locate and open the index.liquid file.
2. Add the following code snippet at the bottom of the file and click Save.
<div class="crema-reviews" data-widget-style="square_gallery"></div>Media Grid
1. From the Edit Code menu, locate and open the index.liquid file.
2. Add the following code snippet at the bottom of the file and click Save.
<div class="crema-reviews" data-widget-style="gallery"></div>Product Grid
1. From the Edit Code menu, locate and open the index.liquid file.
2. Add the following code snippet at the bottom of the file and click Save.
<div class="crema-products"></div>Social Media Widget
1. From the Edit Code menu, locate and open the index.liquid file.
2. Add the following code snippet at the bottom of the file and click Save.
<div class="crema-reviews" data-widget-style="external"></div>Best Reviews Widget
1. From the Edit Code menu, locate and open the index.liquid file.
2. Add the following code snippet at the bottom of the file and click Save.
<div class="crema-reviews" data-widget-style="best_gallery"></div>
For further information and visual examples of our various display widgets, please refer to our display widgets showcase page.
If you encounter any difficulties or require assistance with installing CREMA widgets on your vintage theme, please do not hesitate to contact us via email to support.global@cre.ma.
Frequently Asked Questions (FAQ)
What should I do if my Shopify theme is not a vintage theme, but an Online Store 2.0 theme?
π This guide is specifically for Shopify vintage themes. If you are using Shopify Online Store 2.0, please refer to our dedicated Shopify Online Store 2.0 guide for the correct installation instructions.
Why do I need to add the code to the index.liquid file?
π The index.liquid file is a fundamental template file within Shopify vintage themes that controls the content displayed on your store's homepage. By adding the widget code to this specific file, you ensure that the widget properly renders and is visible on your storefront's main page.