> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.alireviews.io/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).

# Adding the review box via app block

Adding the Review Box via app block allows you to select the page where you want to display this widget. This article guides you through the process of adding the Review Box widget using the app block and customizing it quickly in the theme editor.

## On this page

* [Adding the Review Box via app block](#2-add-the-review-box-in-the-theme-editor)
* [Customize Review Box in the theme (optional)](#2-customize-review-box-in-the-theme-optional)

|| **Heads-up:** 
|| If you are using Shopify Theme OS 2.0, then you can easily add the review box widget via the theme editor.
|| Before customizing the widget, you need to [enable the Ali Reviews Core Snippet](https://support.fireapps.io/en/article/initial-setup-guidelines-1tpnsoq/#2-enable-app-embed).
|| To let the widget appear on your storefront, remember to toggle it on the top right corner of the Review Box widget settings page in the Ali Reviews app.

## Add the Review Box via app block

**Steps**: 
1. From the Shopify Sales channels, click **Online store**, then click **Edit Theme** in the current theme section. This will open the theme editor.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/1/8/4/51849c8de000cc00/image_1yx71q4.png)
2. In the theme editor, select one page you want to add the Review Box on: Homepage, product page, or collection page.
3. On the left sidebar, click **Add block** > **Apps** > search “review box” > select **Review Box**.
4. You can also drag and drop the Review Box to the position you want.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/1/8/4/51849c8de000cc00/image_1vgm3g2.png)
## Customize Review Box in the Theme (optional)

|| Heads-up: This configuration is only applied for the previous widget version, not the latest version. For the newest widget version, read more about [customizing and displaying Review Box](/en/article/customizing-and-displaying-review-box-1bwrjgh/).

* **Select a specific product** from your store to display reviews in the Review Box.
* **Keep the name “Review Box”** or rename it.
* **Select a layout** for how the reviews will be displayed: list, grid, or carousel (slider).

To have more options to customize the Review Box widget, click **Customize setting** in Ali Reviews. This will open the Ali Reviews app in a new tab and allow you to customize this widget in more detail.

After adding the Review Box and customizing it, remember to click **Save** to show reviews in the previous version of the Review Box in your store. Read [this article](/en/article/upgrading-to-the-new-version-of-review-widgets-1mzo4ly/) for more information about upgrading to the new version of review widgets.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/1/8/4/51849c8de000cc00/image_33sf3o.png)
In case you are using theme OS 1.0 or using any page builder app/custom theme, please check this [article](/en/article/ali-reviews-new-widget-how-do-i-manually-add-the-review-box-by-copying-code-nkxdm1/) to add a Review Box manually by coding.

If you need more help, please feel free to contact us via live chat or email us at support@alireviews.io

**Related articles:**
* [Discovering all Ali Reviews review widgets ](/en/article/discovering-all-ali-reviews-widgets-azd3z9/)
* [Customizing and displaying Review Box](/en/article/customizing-and-displaying-review-box-1bwrjgh/)