How to Showcase Reviews on Shopify

Overview

Sendlane Reviews allows you to create a hand curated carousel or other testimonial layout for your Shopify store. Read on to learn how to highlight reviews in your Shopify store with layouts that perfectly match your store's branding!

In This Guide

• Save Images and Copy From Reviews
• Determine a Layout For Your Displayed Reviews
• Create Your Layout
  • Create a Slide Block
  • Create an Image With Text Block
  • Create a Multicolumn Block

1

 Save Content From Reviews

Use the Reviews Moderation page to search for review copy and images to promote on your hand curated layout. To find high quality reviews:

1. Click the Reviews icon
2. Click Moderation
3. Click the filter icon
4. Select With Images
5. Select 5 stars
6. Select a review with images and copy that best represents your brand
7. Click on the image preview
8. Right click on the image to save it to your desktop

Copy your selected reviews' text and the name of the reviewer to a document for easy reference and have that document plus your saved images handy before moving on to create your layout.

If you want to match the color of the stars in your reviews widget on your displayed reviews, navigate to the main widget styling page and copy the hex code of the star color:

2

 Determine a Layout For Your Displayed Reviews

Because we're using Shopify's existing theme blocks instead of a Sendlane-created carousel widget, you have multiple options for the layout of your carousel or other reviews display.

Click on the images in the table below to view examples of each layout type, then click on the layout type to see instructions on creating the layout in your Shopify store:

Layout	Preview
Slideshow
Image With Text
Multicolumn

3

 Create Your Layout

Create a Slideshow Block

Shopify's slideshow block is a great way to create a traditional carousel that can be set to auto-scroll or click to rotate the slides. Read about Shopify's slideshow block for detailed information about the available customization options!

To create a slideshow block like the one shown in the preview above:

1. Click Sales Channels
2. Click Online Store
3. Next to your active theme's name, click Customize
4. On the theme preview page, hover between section where you want to place your carousel and click Add Section
5. Click Slideshow
6. Click on the slideshow block to edit the first image slide
7. Drag the image you saved from your review into the image window
8. Copy the following text based star symbols and paste them into the Heading field: ★★★★★
9. Copy the text of the review and paste it into the Subheading field
10. To remove the optional button, clear the text from the Button label field
11. In the left sidebar, click the next Image slide and repeat steps 1-9 to set up your next review
12. In the left sidebar, click Add Image slide to add another slide to your carousel, then repeat steps 1-9 for each new slide

Check out the video below for a demonstration of creating the slideshow block and editing the first slide:

Create an Image With Text Block

Shopify's image with text block is a great way to display multiple hand picked reviews with images. Read about Shopify's image with text block for detailed information about the available customization options!

To create an image with text block like the example above:

1. Click Sales Channels
2. Click Online Store
3. Next to your active theme's name, click Customize
4. On the theme preview page, hover between section where you want to place your carousel and click Add Section
5. Click Image with Text
6. Click into the Image with Text block
7. Drag the image you saved from your review into the image window
8. Copy the following text based star symbols: ★★★★★
9. Click into the heading of the image with text block
10. Paste the stars in the Heading field
11. Copy the review's text
12. Click into the text area below the heading
13. Paste the review text into the Content field
14. To remove the optional button, click into the button and click the trash can icon
15. Scroll down the Image with Text block settings sidebar to Custom CSS
16. Click Custom CSS
17. Enter the following snippet into the custom CSS field
    

    h2 {
      color: ;
    }
    		

18. Paste the color hex code you copied from the reviews widget styling page (including #) between : and ;
19. Repeat steps 1-18 for each review

Check out the video below for a demonstration of creating an image with text block:

Create a Multicolumn Block

Shopify's multicolumn block is a great way to display multiple hand picked reviews with images. Read about Shopify's multicolumn block for detailed information about the available customization options!

To create a multicolumn block like the example above:

1. Click Sales Channels
2. Click Online Store
3. Next to your active theme's name, click Customize
4. On the theme preview page, hover between section where you want to place your carousel and click Add Section
5. Click Multicolumn
6. Drag the image you saved from your review into the image window
7. Copy the following text based star symbols and paste them into the Heading field: ★★★★★
8. Copy the text of the review and paste it into the Subheading field
9. Click out of the individual column and into the multicolumn block
10. Click Custom CSS
11. Enter the following snippet into the custom CSS field
    

    h3 {
      color: ;
    }
    		

12. Paste the color hex code you copied from the reviews widget styling page (including #) between : and ;
13. Repeat steps 1-8 for each review

Check out the video below for a demonstration of creating an image with text block: