# New review widgets design

{% hint style="info" %}
Get Air Reviews here: <https://apps.shopify.com/air-reviews/install>
{% endhint %}

### Introduction

We’ve revamped the front-end design for Air Reviews widgets, offering a modern and versatile look that better suits a wide range of stores and themes.&#x20;

First. let's have a look at this new preset that may level up customer experience:

{% tabs %}
{% tab title="New preset" %}

<figure><img src="/files/R6Rc80T9wGAIv6Rp76mT" alt=""><figcaption><p>New preset</p></figcaption></figure>
{% endtab %}

{% tab title="Old preset" %}

<figure><img src="/files/Zvs2KMdREMosSIFObijY" alt=""><figcaption><p>Old preset</p></figcaption></figure>
{% endtab %}
{% endtabs %}

### Major changes noted for you

Let's break down what's been updated in this new version of widgets:

{% hint style="info" %}
**Flat Border Design**

* Replacing the previous box shadow style for a cleaner look.
  {% endhint %}

{% hint style="info" %}
**Dark Theme Support**

* Available for the Review Box, All Reviews Page, Submit Form, and Review Detail Popup&#x20;
* Additional widgets like Carousel and Sidebar to follow soon
  {% endhint %}

<details>

<summary>How to enable dark theme for widgets?</summary>

You can enable the dark theme for your widget theme by selecting the last preset box in the Branding menu (named Dark), here is the guide: [Branding | Air Product Reviews](https://help.airreviews.io/display-reviews/branding#enable-dark-theme-for-widgets)

</details>

{% hint style="info" %}
**Improvements & Bug Fixes**

* Resolved text wrapping issue in review sorting.
* Updated the default font in detail popups to inherit store styles.
* Positioned the verified badge below the avatar if an avatar is set.
* Thumbnail images now display with a full border.
* Enhanced responsive design for the Review Box and All Reviews Page on mobile and desktop.
  {% endhint %}

### How your store will benefit from&#x20;

There are a variety of benefits this new widget design can offer your store:

{% hint style="success" %}
**Improved Compatibility**

Dark theme support ensures a seamless match with stores using dark-themed layouts, providing a cohesive brand experience.
{% endhint %}

{% hint style="success" %}
**Reduced Bounce Rates**

A user-friendly, attractive design keeps visitors on the page longer, potentially reducing bounce rates and enhancing overall store performance.
{% endhint %}

{% hint style="success" %}
**Improved User Experience:** Optimized for mobile and desktop, the responsive design and clear sorting make browsing reviews smoother for shoppers.
{% endhint %}

<table><thead><tr><th>Widgets</th><th data-type="checkbox">New design</th><th data-type="checkbox">Remain unchanged</th></tr></thead><tbody><tr><td>Review box</td><td>true</td><td>false</td></tr><tr><td>All Reviews Page</td><td>true</td><td>false</td></tr><tr><td>Review detail popup</td><td>true</td><td>false</td></tr><tr><td>Submit form</td><td>true</td><td>false</td></tr><tr><td>Review sidebar</td><td>true</td><td>false</td></tr><tr><td>Review carousel</td><td>true</td><td>false</td></tr><tr><td>Testimonials</td><td>true</td><td>false</td></tr><tr><td>Review popup</td><td>false</td><td>true</td></tr><tr><td>Store rating badge (coming soon)</td><td>false</td><td>true</td></tr><tr><td>Gallery carousel (coming soon)</td><td>false</td><td>true</td></tr></tbody></table>

### How to update to this new design

#### 1. Enable the update in the info banner

First, you may find a banner announcing the new preset design. If you can't find it, please contact to our support by clicking on the bot right corner bubble and request them an update.

Then click on the button **Update preset**

<figure><img src="/files/r432p0AKGBJHsD0yNrFk" alt=""><figcaption></figcaption></figure>

Now you can preview the comparison across different widgets by switching among tabs

Finally, hit the **Update new preset** button to change.

<figure><img src="/files/XpGmgvwB8IIWlYNvykwV" alt=""><figcaption></figcaption></figure>

#### 2. Request our Customer support agents

You can easily get the first access to this new widget design by requesting our agents. Just simply ask for an update in the right bottom corner bubble.

For example, you can ask:

```
I want to update my review widgets to the new design. Could you help me with this?
```

<figure><img src="/files/jRgXhqOOfcgbJNzW7fV1" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Remember that you can revert your widget design to **Old preset** whenever you want. Just click on the revert button, or contact our support for instant help.
{% endhint %}

### Conclusion

The new Air Reviews widget design enhances your store’s look and user experience with modern styling, dark theme support, and responsive design. Update to the new preset today, and reach out to our support team if you need any help.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.airreviews.io/product-roadmap/new-review-widgets-design.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.