> For the complete documentation index, see [llms.txt](https://docs.a2rev.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.a2rev.com/my-reviews/a2reviews-block.md).

# A2Reviews Block

{% hint style="warning" %}
**Paid feature:** This is a feature of paid plans, requiring your connected store to upgrade to a paid plan. It includes Bike, Moto, Car.
{% endhint %}

### What is the Block?

A2Reviews Block is a single section used to display reviews of multiple products. Reviews are independently selected for display in this section.

See on [A2Reviews Demo](https://a2reviews.myshopify.com/)

![Block reviews](https://3056770170-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft7Ytd7d0OQtxGfB15lNj%2Fuploads%2FQRcI13ksiSrqsNurIMcZ%2Fblock-review-demo.png?alt=media\&token=787d9441-8b86-4162-9b68-be76afcbbdf3)

{% hint style="info" %}
Currently supports 5+ layouts to display reviews in Block Reviews: Slider SX, Masonry, Slider Default, Slider MS, Slider 01, ...
{% endhint %}

### How to create a Block Reviews

Creating and using Block Reviews is relatively easy. From the Block Reviews management page, click the “+ Add new” button.

<figure><img src="https://3056770170-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft7Ytd7d0OQtxGfB15lNj%2Fuploads%2FWpkqgH9TslSyvE4frApw%2Fa2reviews-block.png?alt=media&amp;token=30ecf7ad-161e-437a-b653-8dbb131b0439" alt=""><figcaption><p>A2Reviews Block</p></figcaption></figure>

<figure><img src="https://3056770170-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft7Ytd7d0OQtxGfB15lNj%2Fuploads%2FArbvHlHDVZuhIPIzUWZR%2Fadd-new-a2reviews-block.png?alt=media&amp;token=e4484a57-54e8-41f1-a9fd-74fffef726cf" alt=""><figcaption><p>Add new A2Reviews Block</p></figcaption></figure>

After created a "Block Reviews" we begin to select the reviews to be able to display them on the website.

Click the "Add Reviews" button to start the program select reviews *<mark style="color:red;">(The area that can be clicked to add is the area circled in red.)</mark>*

<figure><img src="https://3056770170-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft7Ytd7d0OQtxGfB15lNj%2Fuploads%2FkKWskK3MLcXjYI9N0DGH%2Fselect-reviews-to-block.png?alt=media&amp;token=cc0c3c61-9083-46b9-acae-c975e7078343" alt=""><figcaption><p>Click able section</p></figcaption></figure>

<figure><img src="https://3056770170-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft7Ytd7d0OQtxGfB15lNj%2Fuploads%2Fb297cHpygH3aAMIFyBBB%2Fselect-reviews-and-update.png?alt=media&amp;token=aff78a87-d50a-41f3-8b20-d087274b8832" alt=""><figcaption><p>Select reviews to display in the Block</p></figcaption></figure>

To select the appropriate reviews, you should use a filter to filter the desired reviews. Then click once on each review to select them.

### How to display the A2Reviews Block on your site

You can display Block A2Reviews anywhere on the website. Use the auto-generated Snippet snippet, and add it wherever you want it to appear.

<figure><img src="https://3056770170-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft7Ytd7d0OQtxGfB15lNj%2Fuploads%2FbbMYXclg52sRILk0gBka%2Fa2reviews-block-settings.png?alt=media&amp;token=84e60c1b-e7c6-4b3c-a6bf-2aff9c974471" alt=""><figcaption></figcaption></figure>

```html
// Copy the code in textaea then put this code to anywhere in the theme
<a2reviews-block block-id="90" name="Reviews Slider"></a2reviews-block>
```

#### Shopify Theme Customize

In ***\_\_myshopify/admin >> Online Store >> Themes***\
Click on **"Customize"** button to start edit theme

![Click to Customize to edit your theme](https://3056770170-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft7Ytd7d0OQtxGfB15lNj%2Fuploads%2F5mVEw6lJeUxsNRpbVCgy%2Fshopify-admin-theme-customize.png?alt=media\&token=847a6e6b-99f2-405d-94f4-0fba456ca000)

{% hint style="info" %}
On any page that supports “Add Section” you can add “A2Reviews Block”
{% endhint %}

<div align="center"><img src="https://3056770170-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft7Ytd7d0OQtxGfB15lNj%2Fuploads%2F6yylZ0pcwAXpEFFKeD7P%2Fa2-add-block-section.png?alt=media&amp;token=e1347b59-2856-4de0-b70b-2c26cd435d69" alt="Add new &#x22;A2Reviews Block&#x22; section "></div>

![Customize A2Reviews Block ID](https://3056770170-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft7Ytd7d0OQtxGfB15lNj%2Fuploads%2F5ukBhu5Sbiad19208tVl%2Fa2reviews-block-customize-id.png?alt=media\&token=e38edde9-226b-4f95-aea2-760c9d4c5915)

{% hint style="warning" %}
We need to change the Block id with the information you created on the A2Reviews app
{% endhint %}