# Branding

### 1. Widget theme

Choose how widget colors are picked. There are two modes — switch between them using the **Preset** / **Custom** tabs.

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

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

#### Preset

Apply one of the ready-made themes to all widgets in one click. Available presets: Classic, Navy, Ocean Blue, Purple, Lime Green, Marble Red, Orange, Dark.

**Enable dark theme for widgets:**

You can enable the dark theme for your widget theme by selecting the last box (named Dark), here is the guide:

{% embed url="<https://app.arcade.software/share/kJ3dIpevboQCtuQP4pfg>" %}

#### Custom

Pick your own colors instead of using a preset:

* **Primary color** — the main accent used across widgets (stars, buttons, links).
* **Secondary color** — supporting color used for secondary elements. By default this auto-derives from the primary color, but you can override it.
* **Palette utility** — paste your store's logo URL in the input box and the app extracts colors directly from the logo so you can match your brand exactly.

### 2. General appearance

Branding assets shared across every widget and email.

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

**Shop's avatar:** Image shown next to your shop name when you reply to reviews and questions. Recommended size: **32×32 px**.

**Shop's logo in emails:** Logo shown in review-request and notification emails. Recommended size: **40×40 px**.

**Shop's logo format:** Pick how your shop's logo is displayed in widgets and emails. Options: Shop's logo, Default logo, No logo.

**Customer avatar:** Style of the avatar shown next to each reviewer's name. Options: Pastel, Gradient, Black & White, No avatar.

**Customer name format:** How reviewer names are written (using *John Doe* as the example). Options: John Doe, Doe John, John D, John D., JD, John, J\*\*\*\*\*\*, None.

**Customer name color:** HEX color used for reviewer avatar

**Replace AliExpress Shopper name:** When enabled, AliExpress reviewer names are masked as `A*****S` to keep the review source neutral on your storefront.

### 3. Review appearance

Controls how the review itself looks inside widgets.

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

**Star rating style and color:**

* **Star rating style** — choose between the available star shapes.
* **Star color** — hex color for filled stars. Default `#FFDC26`.

**Date format:** How the review date is written. Options: `DD/MM/YYYY`, `MM/DD/YYYY`, `YYYY/MM/DD`, `D/M/YYYY`, `M/D/YYYY`, `Month D, YYYY`, `D Month, YYYY`.

**Hide review date:** Hide the review date in specific widgets only. Tick any combination of: Review box, Review popup, Review carousel, Review sidebar, All reviews page.

**Verified review badge:** Toggle a small **Verified** badge on reviews. A review is automatically marked as verified when **the reviewer has a fulfilled order for the reviewed product** *and* **submitted the review while logged in**. No manual tagging needed.

**Country flag:** When enabled, the reviewer's country flag appears next to their name.

### 4. Advanced settings

Click the section to expand it.

* **Text font** — font used in widget text. Choose from your **theme fonts** or one of the bundled web fonts: Inter (default), Noto Sans, Open Sans, Montserrat, Roboto, Playfair Display, Raleway, Lora, Dosis, Lato.
* **Customize CSS** — free-form CSS box. Anything you write here is injected into every widget on the storefront. Use it for fine-tuning that isn't exposed as a setting (spacing, shadows, hover states…).

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

*This guide is designed to make the branding process as straightforward as possible, ensuring your store stands out with a unique and appealing visual presentation.*


---

# 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/display-reviews/branding.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.