Products Reviews in Searchanise widgets on Magento 2

Introduction

Searchanise supports integration with multiple extensions, which enable you to collect product reviews. The Internal Reviews integration is enabled by default after installing the extension.

If one of the integrations is switched on, product ratings and the number of reviews will automatically pop up in Searchanise widgets.

Integration instructions

Internal Reviews

Searchanise is integrated with the native Magento product reviews. This integration is enabled by default after installing the extension. See Using Products Reviews in the widgets.

To enable/disable the integration, follow these steps:

1. Go to the Searchanise control panel > Integrations section > Product reviews part.
2. Set the toggle for Internal Reviews to On/Off.
3. Apply the changes.
4. Re-index your store by clicking the Force re-indexation button in the Searchanise control panel > Dashboard section.

Yotpo

The Yotpo Product Reviews extension collects product reviews, photo reviews, site reviews, and ratings.

If you’ve installed the Searchanise extension after March 29, 2020, to integrate it with the Yotpo extension, follow these steps:

1. Go to the Searchanise control panel > Integrations section > Product reviews part.
2. Set the toggle for Yotpo to On.

   

3. Click the appeared Connect button. You will be redirected to the Yotpo extension.
4. Enter your credentials if it is the first time you log in.
5. Click the Authorize button to let the integration begin in the appeared Access request message form.

   

   You will be redirected back to the Searchanise control panel > Integrations section.

6. Re-index your store by clicking the re-force indexation link in the orange notice that appeared at the top or clicking the Force re-indexation button in the Searchanise control panel > Dashboard section.

That’s it. After the indexation is complete, you can view ratings and the number of reviews from the Yotpo extension in the Searchanise widgets. Besides, you’ll be able to filter and sort by reviews. See Using Products Reviews in the widgets.

If you’ve installed the Searchanise extension before March 29, 2020, to integrate it with the Yotpo extension, follow these steps:

1. Go to the Searchanise control panel > Integrations section > Product reviews part.
2. Set the toggle for Yotpo to On.
3. Go to the Yotpo admin panel and find your Yotpo App Key and Secret Key.
4. Paste your Yotpo App Key and Secret Key into the corresponding fields.

   

5. Apply the changes.
6. Re-index your store by clicking the Force re-indexation button in the Searchanise control panel > Dashboard section.

That’s it. After the indexation is complete, you can view ratings and the number of reviews from the Yotpo extension in the Searchanise widgets. Besides, you’ll be able to filter and sort by reviews. See Using Products Reviews in the widgets.

Stamped.io

The Stamped.io extension collects and showcases product reviews.

To integrate the Searchanise extension with the Stamped.io extension, follow these steps:

1. Go to the Searchanise control panel > Integrations section > Product reviews part.
2. Set the toggle for Stamped.io to On.
3. Paste your Stamped.io API Key Public and API Key Private into the corresponding fields. You can find the API keys in the Stamped.io dashboard > Settings > API keys tab. See the Stamped.io instructions.

   

4. If you want to enable search products by their reviews, select the Search products by reviews setting.
5. Apply the changes.
6. Re-index your store by clicking the Force re-indexation button in the Searchanise control panel > Dashboard section.

That’s it. After the indexation is complete, you can view ratings and the number of reviews from the Stamped.io extension in the Searchanise widgets. Besides, you’ll also be able to filter and sort by reviews. See Using Products Reviews in the widgets.

Shopper Approved

The Product Ratings & Reviews solution by Shopper Approved allows collecting product reviews and displaying them to your customers.

To integrate the Searchanise extension with Shopper Approved, follow these steps:

1. Go to the Searchanise control panel > Integrations section > Product reviews part.
2. Set the toggle for Shopper Approved to On.
3. Paste Shopper Approved Site ID and API Token into the corresponding fields. You can find them in the Shopper Approved dashboard > API docs.

   

4. Apply the changes.
5. Re-index your store by clicking the Force re-indexation button in the Searchanise control panel > Dashboard section.

That’s it. After the indexation is complete, you can view ratings and the number of reviews from Shopper Approved in the Searchanise widgets. Besides, you’ll also be able to filter and sort by reviews. See Using Products Reviews in the widgets.

Using Products Reviews in the widgets

Instant Search Widget

The Instant Search Widget shows product ratings in the product preview.

You can change the default color or size of the review stars using the Custom CSS feature and the div.snize-ac-results .stars-container CSS selector:

To use Custom CSS, follow these steps:

1. Go to the Searchanise control panel > Search & Navigation > Instant search widget section > Custom CSS tab.
2. Set the Custom CSS toggle to ON if it is switched off.
3. Paste the CSS rule to change the appearance of the review stars. For example, to change the color of the review stars, use the following CSS rule:

   div.snize-ac-results .stars-container:after {
       color: #841911;
   }

   To change the size of the review stars, use the following CSS rule: 

   div.snize-ac-results .stars-container {
       font-size: 20px;
   }

4. Apply the changes.

Search Results Widget

The Search Results Widget:

1. Filters products by ratings
2. Shows ratings and amount of reviews in the product preview
3. Sorts products by ratings or total reviews

You can change the default color or size of the review stars using the Custom CSS feature and the CSS selector: div.snize .stars-container.

To use Custom CSS, follow these steps:

1. Go to the Searchanise control panel > Search & Navigation > Search results widget section > Custom CSS tab.
2. Set the Custom CSS toggle to ON if it is switched off.
3. Paste the CSS rule to change the appearance of the review stars. For example, to change the color of the review stars on the page, use the following CSS rule:

   div.snize .stars-container:after {
       color: #fec602;
   }

   To change the size of the review stars on the page, use the following CSS rule: 

   div.snize .stars-container {
       font-size: 20px;
   }

4. Apply the changes.