Web Chat Page
Appearance
Make your agent's web chat page look like your brand — pick a page layout, set your colours and logo, and write the words visitors read first.
If the web chat page is your shop front, this is the paint, the sign and the window display. Open your agent's Web channel, go to the Appearance tab, and everything you change shows up in the live preview beside you before anyone else sees it. The preview follows you as you scroll; its tabs switch between the sign-in screen, Welcome back, the empty chat and a chat in progress, and Expand opens it full size.
Pick a look
The six looks aren't colour schemes — each one is a different page. The messages sit somewhere else, the header behaves differently, and the reading feel changes with it.
Each look comes with its own light or dark default, which you can override.
Light, dark, and language
| Setting | What it does |
|---|---|
| Light or dark | Pin the page to light, to dark, or let it follow whatever the visitor's phone or laptop already uses |
| Let visitors switch light / dark | On by default. Turning it off pins your choice and hides the toggle entirely |
| Language | The sign-in screen and the chat wording — Spanish, English, or follow the visitor's browser |
Your identity
- Name in the header and a small line beside it (something like Support · 24/7). Leave them empty to use the agent's own name.
- Logo for the header, plus an optional logo for dark mode, and an avatar used when there's no logo.
- Logo description — the words a screen reader says in place of the image, so people using one still know whose page they're on.
- Show "shared by" credit — your name and picture on the sign-in screen, so visitors know who's behind the link.
Uploads apply the moment you pick them, so they appear in the preview before you press Save. Everything else on the tab is saved with the button at the bottom.
Your colours
Two colours: an accent (buttons, the send arrow, selected rows) and a second colour that only some looks use — the gradient header band on Órbita, for one. Leave either switched off to inherit the look's own colours.
Your colour is adjusted automatically so text stays readable in both light and dark. The hue itself is never changed, so your brand still reads as your brand.
The words visitors read
Every field below is optional — leave it empty and your agent's own name, description and suggestions are used instead.
| Field | Where it appears |
|---|---|
| Sign-in headline and sub-line | The first screen, above the email box |
| Welcome message | The empty chat, before anyone types. The only field that keeps line breaks; basic formatting works, images don't |
| Chat heading | The title over that welcome message |
| Message box placeholder | The grey hint inside the box where visitors type |
| Suggested questions | Clickable examples in the empty chat — use the agent's own, show none, or write your own, one per line |
| Privacy line | Rewords the notice about you being able to read conversations |
| Footer line | A line of your own under the chat, optionally linked to your site |
Visitors are always told that the owner of the assistant can read these conversations. You can change the wording; you can't turn it off.
Welcome pages
Two screens set the first impression: the sign-in screen and the empty chat before the first message. Each has its own options under Welcome pages, and every option redraws itself in the look you picked above.
Ana· Support · 24/7
·Get NirvaiAnaSales and support for outdoor clothing.Classic. Your agent, centred above the sign-in box.
Welcome back isn't an option you pick — it's automatic for email sign-in. When someone returns on a device they used before, the page greets them by name, shows their address half-hidden, sends the code in one click, and offers to reopen their last conversation. Turn it off with Welcome back returning visitors.
Ana· Support · 24/7·Get NirvaiYour order, your size and your exchange — sorted in minutes.How can I help you today?Simple. Your agent's picture and a heading. The default.
Each option fills in from a few short lists. Leave a list empty and that block simply doesn't appear.
| You write | Used by | Up to |
|---|---|---|
| What visitors get — short lines with a check mark | Split sign-in | 3 |
| Badges — short facts like Replies instantly | Split and Cover sign-in | 3 |
Greeting — write {first_name} to use the visitor's name | Greeting | 1 |
| What it helps with — a title and a line each (information, not buttons) | Welcome blocks | 3 |
Links — your website, Instagram, WhatsApp… (https:// only) | Cover sign-in, Welcome blocks | 3 |
| Human support hours | Welcome blocks | 4 rows |
| Frequently asked questions — answers open in place and never use credits | Welcome blocks, Hero | 6 |
| Cover image | Split, Cover, Hero | 1 |
The cover image
Without a photo, each look paints its own cover from your colours. With one, upload the size for where it shows and it fits exactly (2 MB max). Under the uploader, a Recommended size panel lists the shapes your chosen options use and checks your photo against each — here, a 2400 × 600 photo with all three in use:
Recommended size
Your photo: 2400 × 600 px
You use the cover in more than one shape, and one photo can't fill them all exactly. Upload the size of the one that matters most; the others are cut from the centre, so keep the subject in the middle.
If you use the cover in more than one place, one photo can't fill every shape. Upload the size of the one that matters most — the others are cut from the centre, so keep your subject in the middle.
You can upload any photo, light or dark, so any text on top of it is always white over a soft dark shade. It stays readable in both light and dark mode. The cover banner on the Cover sign-in has no text on it, so it's shown exactly as you uploaded it.
What stays Nirvai's
The Nirvai mark and the Get Nirvai button sit in the top-right corner of every screen, on the sign-in page and in the chat, whatever you set here. This is co-branding, not a white label:
You own the left. Nirvai owns the right. Your logo and name always come first — on a narrow phone it's the Nirvai button that shrinks to a single glyph, never your name.
The footer line is the space that's fully yours.
Troubleshooting
| Problem | Fix |
|---|---|
| My logo looks squashed or blurry | The header logo is small (around 132×24). Upload a wide, transparent version rather than a square one — the square image belongs in Avatar |
| My colour barely shows | Some looks use the accent sparingly by design. Try Órbita, which repaints the most |
| My logo disappears in dark mode | Add a logo for dark mode. Without one, the light version is reused |
| My cover is cut or blurry | Upload the recommended size for where it shows (see the cover image) and keep the subject centred. Under the uploader, Too small means it will look blurry |
| Returning visitors don't see "Welcome back" | It needs email sign-in and the same device and browser they used before. Signing out forgets them on purpose. Check Welcome back returning visitors is on |
| My welcome blocks don't show | Blocks with nothing written are hidden. Fill in at least one row, pick Welcome blocks or Hero, and save |
| Changes aren't live | Text and colours only apply when you press Save changes; images apply immediately |
| A visitor sees a different theme than my preview | You've left Light or dark on "follow the visitor's device", or they used the toggle. Pin it and turn the toggle off if the look must be fixed |