Website chat widget
The chat bubble
that actually books.
A visitor asks a question, gets your real answer with its source, picks a time from your real calendar and books, or leaves a request you will see in your inbox. One line of code, no developer.
Below you can use the widget exactly as a customer would, on Harbor Paws Grooming, a fictional demo salon. Bookings you make there are demo bookings.
Try the interaction
Use it as a customer would.
A scripted walkthrough of the widget on the demo salon: pick what the customer says and watch how the assistant answers, checks a time, books, or hands off. Every line quotes the salon's seeded prices and rules.
What each path shows
- “How much is a bath and brush for a medium dog?”
- Sources shown
- “Book a full groom for my 40 lb doodle Saturday”
- Calendar + booking
- “He bit a groomer once”
- Handed to a person
- “Do you groom cats too?”
- Honest no, cited
Install
One line, before the closing body tag.
Copy it from Channels → Website chat & booking page with your slug and colors already filled in. Works on any site builder that lets you add custom code, and on hand-built sites.
Bubble on every page
<script defer src="https://amfionhq.com/embed.js" data-tenant="your-business" data-color="#1b4fd8" data-position="bottom-right"></script>Inline on a booking page
<div id="amfion-chat"></div>
<script defer src="https://amfionhq.com/embed.js" data-tenant="your-business" data-mode="inline" data-target="#amfion-chat" data-height="640" data-max-width="520px"></script>Attributes
- data-tenantyour business slug
- required
- data-colorbubble and accent color
- hex
- data-positionbubble corner
- bottom-right · bottom-left · top-right · top-left
- data-offset-x · data-offset-ydistance from the corner
- px
- data-mode · data-targetinline chat inside a container
- inline · selector
- data-height · data-max-width · data-radiusinline sizing
- css
No developer needed for the bubble; the inline mode needs a container on the page. Your hosted booking page and assistant email address work with nothing installed at all.
Inspect the outcome
What a conversation leaves behind.
Full Groom, Medium
- When
- Sat, Sep 12 · 9:45 AM
- Customer
- Dana Reyes · 954-555-0142
- Pet
- Biscuit · doodle · 40 lb
- Source
- Website chat · your-salon.com
- Sources cited
- Price list, first-visit notes
- Transcript
- 9 messages
Your inbox, your rules
Take over any conversation and the assistant pauses; hand it back and it resumes. Rules you write in plain sentences decide which requests reach you first. Read how the booking itself behaves on the booking assistant page.
Brand, badge, privacy
Set the color, position, welcome message, suggested prompts and teaser line. The “Powered by Amfion” badge disappears on Front Desk and above. No analytics or advertising tags run on your site; the widget keeps only its own conversation id in the visitor’s browser.
Setup
From nothing to answering, in one sitting.
Import your website
Services, prices and policies become the assistant’s knowledge; you approve every line.
Set the look
Color, position, welcome message, suggested prompts and the teaser, under Settings → Content and Appearance.
Paste the line
Copy the snippet from Channels → Website chat & booking page into your site. Refresh: the bubble is there.
Read the first conversations
They land in your Inbox. Add the answers it did not have in one click; they are live immediately.
Questions
Installing and living with it, answered plainly.
How do I install it?
Paste one script tag before the closing body tag of your site, with your business slug on it. Works on any site builder that lets you add custom code. There is also an inline mode that renders the chat inside a container on a page, for a dedicated “book now” page.
Will it slow down my site?
The script is small, loads after your page, and only creates the chat frame when a visitor opens it. The chat itself lives in an iframe on Amfion’s domain, so it cannot interfere with your page’s scripts or styles.
What can visitors do in it?
Ask anything you have taught the assistant, pick a service from cards, choose a time from a calendar, book, pay a deposit if you require one, attach photos and PDFs (up to 5 MB per image and 10 MB per PDF), come back to the same conversation later, and ask for a person at any time.
Can I match it to my brand?
Color, position, welcome message, suggested prompts and the teaser line are yours to set. The small “Powered by Amfion” badge disappears on Front Desk and above.
Does it track my visitors?
No analytics or advertising tags run on your site. The widget keeps only its own state in the visitor’s browser: the conversation id so they can return to the same chat, and whether they dismissed the teaser.
Where do the conversations go?
Into your Inbox, with the transcript, the sources the assistant cited, any booking or lead, and a Take over button. Questions it could not answer are listed so you can add the answer in one click.
Do I need a developer?
No. Import your website, approve what it learned, copy the one line from Channels → Website chat & booking page and paste it into your site. Most businesses are answering questions within the 14-day trial’s first hour.