Loox Carousel Widgets

Want to spotlight your customers’ positive reviews and transform them into social-proof marketing? 

By using a Loox Carousel widget on your store’s pages, you will have the option to manually highlight and select your favorite reviews submitted by your happiest customers.

By highlighting your biggest advocates, you can build strong social proof to help direct new customers to your product pages.  

We also support the ability to display one specific product’s reviews to be showcased on your carousels, showing its newest reviews.

Below we will break down the three different Carousel widgets we offer, explain how to add them to your store's pages, and their customization options.

IN THIS ARTICLE


Carousel widgets overview

The Carousel widgets provide you with the option to showcase your store’s reviews in one of three different layouts:

Testimonials Carousel

Showcase only the text of each review in an eye catching display. This widget emphasizes only the text reviews and exludes any images and videos. 

Click here to learn more about the Testimonials Carousel.

Gallery Carousel

Spotlight your customers' user-generated images and videos and put them front and center for your customers to see. This widget will only showcase your customers' images and videos and excludes text. 

Click here to learn more about the Gallery Carousel.

Cards Carousel

This widget combines the text and the images or videos submitted by your customers to create a stylish carousel taking your brand’s social proof to the next level. 

Click here to read more about the Cards Carousel.


How to add the Loox Carousel widgets to your store's pages

To add a carousel widget to one of your store's pages, follow the instructions below:

Note: If you do not see all three Carousel widgets, re-integrate Loox with your theme -  Click here to learn how.

  1. Go to your Shopify Themes menu.
  2. Click the "Customize" button on the theme you'd like to add the widget to.
  3. Click "Add section" and choose the Carousel widget you would like to use:
  4. Position the widget where you'd like it to appear by dragging it up or down:
  5. Edit the settings of this widget and go back to the sections menu.
  6. Click "Save".

That's it, your Carousel is ready to be seen!  


Adding and removing reviews from the Carousel Widget

Select at least one review or product to display on your carousel for it to appear on your live store. 

To add/remove a review to your Carousel widgets, follow the steps below:

  1. On your Loox admin, go to the Reviews tab.
  2. Click "More actions" on the relevant review:
  3. Select "Add to Carousel":

To remove the review, follow steps 1+2 and select "Remove from homepage carousel".

Reviews displayed on the Carousel will include a small logo next to the review date:

The reviews selected will now appear on your Carousel widgets.

Note: The chosen reviews will appear on all Carousel widgets on your site. If you have adjusted the widget to showcase a specific product’s collection of review, it will override the reviews selected in your admin. 


Testimonials Carousel widget

This Carousel widget will only displays the text of your customers' reviews.

When added to your store, the Testimonials widget will showcase one review at a time, along with the rating given and the customer’s information.

You can customize the appearance settings of this widget through the 'app block' settings in the Shopify Theme Editor:

  • Maximum width: Adjusts the maximum width of the widget.
  • Desktop font size: Adjusts the font size of the widget's text when viewed on desktop.
  • Mobile font size: Adjusts the font size of the widget's text when viewed on mobile
  • Max number of characters: Adjusts the maximum number of characters available to each review showcased. 
  • Quote marks icon: Changes the style of the quotation marks visible on the widget.
  • Reviewer name color: Adjusts the color used on the name of the reviewer.
  • Text color: Adjusts the color of the review's text.
  • Stars color: Adjusts the color of the widget's star icons.
  • Quotes icon color: Adjusts the color of the widget's quotation marks.
  • Arrow color: Adjusts the color of the carousel's arrows.
  • Hide arrows on mobile: When enabled, the arrows will be removed when viewed on mobile.
  • Selected dot color: Adjusts the color of the dot that symbolizes the currently viewed review.
  • Dot background color: Adjusts the color of the dots currently in the "background".
  • Auto animation: When enabled, the widget will automatically move between the reviews.
  • Delay (sec): Adjusts the amount of time before the widget will move between its reviews.
  • Select product (optional): When a certain product is selected, the widget will display that product's first 10 reviews.

Spotlight your customers' user-generated images and videos and put them front and center for your customers to see. This widget will only showcase your customers' images and videos and excludes text. 

The Gallery widget will showcase up to 10 reviews in a horizontal grid. Each review display the image or video, the customer rating, and their details.

You can customize the appearance settings of this widget through the 'app block' settings in the Shopify Theme Editor:

Available customizations:

  • Maximum width: Adjusts the maximum width of the widget.
  • Corner radius: Adjusts the size of the widget's corner radius.
  • Number of reviews on desktop: Changes the number of reviews showcased on the widget when viewed on desktop.
  • Image ratio: Adjusts the ratio used to showcase the widget's reviews.
    Note: Any image larger than the image ratio defined will automatically be cropped and centered to fit.
  • Reviewer name color: Adjusts the color used on the name of the reviewer.
  • Stars color: Adjusts the color of the widget's star icons.
  • Arrow background color: Adjusts the background color of the widget's arrows.
  • Arrow color: Adjusts the color of the carousel's arrows.
  • Drop shadow style: Adjusts the type of drop shadow used on the widget's reviews.
  • Show border: When enabled, a border will be displayed around each review "box".
  • Border width: Adjusts the size of the widget's border.
  • Border color: Adjusts the color of the widget's border.
  • Select product (optional): When a certain product is selected, the widget will display that product's first 10 reviews.

Cards Carousel widget

This widget combines the text and the images or videos submitted by your customers to create a stylish carousel taking your brand’s social proof to the next level. 

Note: The Cards Carousel widget requires both text and image or video to be attached to a review for it to appear on the widget. Text-only reviews will not be visible on this Carousel widget.

You can customize the appearance settings of this widget through the 'app block' settings in the Shopify Theme Editor:

Available customizations:

  • Maximum width: Adjusts the maximum width of the widget.
  • Corner radius: Adjusts the size of the widget's corner radius.
  • Number of reviews on desktop: Changes the number of reviews showcased on the widget when viewed on desktop.
  • Max number of characters: Adjusts the maximum number of characters available to each review showcased. 
  • Image ratio: Adjusts the ratio used to showcase the widget's reviews.
    Note: Any image larger than the image ratio defined will automatically be cropped and centered to fit.
  • Reviewer name color: Adjusts the color used on the name of the reviewer.
  • Text color: Adjusts the color of the review's text.
  • Text background color: Adjusts the background color of the reviews' text.
  • Stars color: Adjusts the color of the widget's star icons.
  • Stars background color: Adjusts the background color of the widget's stars.
  • Arrow background color: Adjusts the background color of the widget's arrows.
  • Arrow color: Adjusts the color of the carousel's arrows.
  • Drop shadow style: Adjusts the type of drop shadow used on the widget's reviews.
  • Show border: When enabled, a border will be displayed around each review "box".
  • Border width: Adjusts the size of the widget's border.
  • Border color: Adjusts the color of the widget's border.
  • Select product (optional): When a certain product is selected, the widget will display that product's first 10 reviews.