> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.skailama.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Show reviews and testimonials on checkout

This guide demonstrates how to display product reviews, testimonials, or store reviews directly on the checkout page. This feature enhances customer engagement and trust by showcasing positive feedback right before purchase.

${youtube}[Show reviews and testimonials on checkout](rv-_2mVQv5s)

Here's an example of how a testimonial appears on the checkout page:

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/172e5fb6-7d3b-4e04-9e3f-1e16417e5557.png)

Customers can scroll through multiple testimonials by clicking an arrow, or view them stacked vertically.

### Setting Up Testimonials on Checkout

**Step 1:** Navigate to the checkout wizard app and select **create extensions**.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/09b514b5-e25d-4abd-a413-f11f65e59662.png)

**Step 2:** When asked to choose where the extension appears, select **during checkout** and click **continue**.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/27917332-9b4f-4dd5-888a-d0332003cdfb.png)

**Step 3:** Go to the **customized content** tab and select the **testimonial section**.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/82fda4da-ec9e-475d-a61e-7e4f0ab907e8.png)

**Step 4:** Click on **create block**.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/381da672-01b3-435c-960e-f5d6f8c3254e.png)

**Step 5:** Assign a name to this block.

**Step 6:** Define rules for when to display this block. Rules can be based on products, collections, customer tags, discount codes, and more. If no rules are set, the block will be visible to all customers.

**Step 7:** Add reviews in the **add review** section.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/bfc1153f-8de7-480e-aa78-c99324740e0c.png)

Here, control the number of stars (from zero to five) for each review.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/666e0759-174f-4355-9768-0665862f1147.png)

**Step 8:** Change the reviewer's name and paste the review text.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/b82b36cc-13f7-4d9e-ac1f-60ed15ef6d55.png)

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/66b9d459-f15b-4b80-81c7-b61a1ce115b4.png)

**Step 9:** Add more reviews by clicking the **add review** button.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/edc92d8d-72da-4aaa-a7bc-04ef66b09839.png)

The **show block as a carousel** option allows reviews to be stacked horizontally. Customers can click a button to view subsequent reviews.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/c81345be-9a4a-43b4-85f8-acdb1e5c1a93.png)

Disabling this option stacks reviews vertically.

### Customizing the Review Block

**Step 10:** Customize the block in the **block configuration** section. Choose the border type, background color, banner type, and adjust padding, border radius, and spacing.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/e7552114-d6e3-4919-bae8-bca40dd4c0bf.png)

### Publishing the Review Block

**Step 11:** To take the block live, assign a location to it in the **publish block** section.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/4fb8da6f-0cdb-4a9c-b2ba-6ffa7f8a2ece.png)

Choose a number from one to twenty.

**Step 12:** Click **save**.

**Step 13:** Navigate to the Shopify settings and go to the checkout section. Here, edit either the live or draft checkout.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/faeaf3d5-7dc3-43da-961a-ebc9d6fdd07a.png)

**Step 14:** Click on **customize** in the profile to edit.

**Step 15:** Click on **add app block** and select **content block**.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/235f4326-ba74-4424-983e-ffd1402cf9c9.png)

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/ba4424ec-a5b1-4cf1-a26d-2a8bc41f6ee4.png)

**Step 16:** Enter the number assigned to the block in the app.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/cdcddd49-11ab-41d0-aba3-4ff1de60cf2d.png)

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/4fcbddf4-caa2-45d7-a460-1659ebbe751b.png)

The content block now appears in the editor.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/b2d9b66c-8760-449e-9895-f1c4ba9bc7b1.png)

Drag and drop it to the desired location. Preview it directly in the team editor or by clicking the preview button. If the block doesn't appear, clear the cookies from the cookies inside data and reload the page.

**Step 17:** Click **save** after making all changes.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/74f68b1a-c3b2-4592-aea1-a76c0fbde959/8b886cb8-f7f0-4ba3-8f71-6c16b9999946/images/7f0638cf-3626-4bf2-aad7-6af98e15a3be.png)

Now, preview the checkout flow to see the reviews. For any queries regarding implementation or customization, reach out via in-app chat or email surya@skyllama.com.