# Review carousel

{% hint style="info" %}
**Who can use this feature?**

This feature is available in **all plans**.
{% endhint %}

## **1. Enable Review Carousel**

Go to '**Display Reviews**' in the Air Reviews app and click '**Setup**' in '**Review Carousel**" box.

<figure><img src="https://3743440187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVvJ89NUauGqmhX7UzkgE%2Fuploads%2FAzx9ys4kOvqkhOvCwHKq%2Fimage.png?alt=media&#x26;token=41d97bc7-7155-492d-9250-a158aad00335" alt=""><figcaption></figcaption></figure>

Ensure the '**Review Carousel**' button is toggled on.

<figure><img src="https://3743440187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVvJ89NUauGqmhX7UzkgE%2Fuploads%2FfozMlHhGMhyIiaBd4C6N%2Fimage.png?alt=media&#x26;token=45fa5cae-19a3-4adb-bde7-ec7b1096c13b" alt=""><figcaption></figcaption></figure>

## **2. Positioning the Carousel**

Navigate to '**Position Settings**', then click on '**Theme settings**'.

<figure><img src="https://3743440187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVvJ89NUauGqmhX7UzkgE%2Fuploads%2FgvQZrarZJ0opm1JnzLqq%2Fimage.png?alt=media&#x26;token=0c874d6b-c815-4b68-a076-ba398d0df2f0" alt=""><figcaption></figcaption></figure>

In the theme editor, select the **page** where you want to display the carousel.

<figure><img src="https://3743440187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVvJ89NUauGqmhX7UzkgE%2Fuploads%2FtZyAJiE6n8BBmcr5SL5D%2Fimage.png?alt=media&#x26;token=edb70adf-196f-43ca-ad44-dbaf661e721d" alt=""><figcaption></figcaption></figure>

Choose the desired location, click '**Add section**', then select '**Apps'.**&#x20;

Search '**Review Carousel Widget**' then click on it to insert.

<figure><img src="https://3743440187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVvJ89NUauGqmhX7UzkgE%2Fuploads%2F9tilIS4pDfRk1d3HCpcO%2Fimage.png?alt=media&#x26;token=5e0f6665-ffaa-4274-b01a-42552545dc72" alt=""><figcaption></figcaption></figure>

Edit the **Heading** on the right hand settings.

Have a look at the result, and don't forget to hit '**Save**' to apply your changes.

<figure><img src="https://3743440187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVvJ89NUauGqmhX7UzkgE%2Fuploads%2F6vSKOX8sobe0gWbh0FL3%2Fimage.png?alt=media&#x26;token=82362ec7-300c-4216-968b-14472fa1a11a" alt=""><figcaption></figcaption></figure>

## 3. Inserting Snippet Code:

**Copy** the provided code by clicking on the icon.

<figure><img src="https://3743440187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVvJ89NUauGqmhX7UzkgE%2Fuploads%2Fl4OgHOtN556YTWgp7kmb%2Fimage.png?alt=media&#x26;token=f39167a8-c550-43dc-bd2a-fca184ace56f" alt=""><figcaption></figcaption></figure>

Navigate to '**Theme**' under 'Online Store', select 'Actions' and click on '**Edit code**'.

<figure><img src="https://3743440187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVvJ89NUauGqmhX7UzkgE%2Fuploads%2FIoidCXxjWBrMS4A3TXCv%2Fimage.png?alt=media&#x26;token=5cc09d87-f1cc-428d-83b6-6ba3eda5914c" alt=""><figcaption></figcaption></figure>

**Locate** the file you wish to modify, **insert** the copied code at the desired location, and **save**.

<figure><img src="https://3743440187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVvJ89NUauGqmhX7UzkgE%2Fuploads%2F3ky6GOj5EiO6H37M72zJ%2Fimage.png?alt=media&#x26;token=f40f6b83-e78f-4b82-8d6d-35563e8353bb" alt=""><figcaption></figcaption></figure>

Have a look at the **carousel** display on the storefront.

<figure><img src="https://3743440187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVvJ89NUauGqmhX7UzkgE%2Fuploads%2FNvoAJUkjJX00ltvkvieU%2Fimage.png?alt=media&#x26;token=8a142522-54b3-4425-b594-40d8f770a92b" alt=""><figcaption></figcaption></figure>

## 4. Customize Carousel Widget:

**Heading Text:** Enter the carousel widget’s heading as you wish.

<figure><img src="https://3743440187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVvJ89NUauGqmhX7UzkgE%2Fuploads%2F8keQr0PqQsLwgLFgDenb%2Fimage.png?alt=media&#x26;token=722150c9-ac5c-4877-a565-92dc846c0742" alt=""><figcaption></figcaption></figure>

**Heading Color:** Choose the color for the carousel widget’s heading.

<figure><img src="https://3743440187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVvJ89NUauGqmhX7UzkgE%2Fuploads%2FZWtBWEvZh4dqEx0hXDCk%2Fimage.png?alt=media&#x26;token=ca445959-7b6f-40d2-aa0d-9386b1b25f5c" alt=""><figcaption></figcaption></figure>

**Hide Carousel Images:** Check this option if you prefer not to show review images.

<figure><img src="https://3743440187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVvJ89NUauGqmhX7UzkgE%2Fuploads%2F8lcfmBusSZt37xjihxo4%2Fimage.png?alt=media&#x26;token=3c51e795-1aa5-4371-a574-1af1fc6cfa3a" alt=""><figcaption></figcaption></figure>

**Hide Footer Section:** Check this to remove the footer section from the carousel widget.

<figure><img src="https://3743440187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVvJ89NUauGqmhX7UzkgE%2Fuploads%2FBWRxvtBohcE5wznL84tU%2Fimage.png?alt=media&#x26;token=fdf49413-de80-4daf-9e90-f7305629259d" alt=""><figcaption></figcaption></figure>

**Mobile Navigation:** Enable navigation buttons for mobile viewing to enhance user interaction.

<figure><img src="https://3743440187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVvJ89NUauGqmhX7UzkgE%2Fuploads%2FVQhCWIbpEDQMU5W63Ojl%2Fimage.png?alt=media&#x26;token=163ed9c2-5784-4ee7-b4cc-c58768f8f885" alt=""><figcaption></figcaption></figure>

*This guide ensures you can efficiently implement and customize the Review Carousel to significantly enhance your Shopify store's user experience.*