Embed Chat | Arion

Website embed

Put booking chat on your website

Guests book straight from your site — no WhatsApp handoff, no backend code.

Enter your business slug
Pick a method & copy the snippet
Guests chat and book on your website

Your Arion business slug

www.arion.id/

Same slug as your booking URL — arion.id/your-slug. Chat must be enabled for live embed.

Embed URL: https://www.arion.id/yourwebsite/chat/embed

Floating chat button in the corner — same UX as the WordPress plugin.

01Open your page HTML file — find the closing </body> tag.
02Paste the snippet below right before </body>.
03Save and deploy — the floating chat button appears in the corner.

index.html (before </body>)

<script>
  window.ArionChatConfig = {
    slug: "yourwebsite",
    baseUrl: "https://www.arion.id",
    accent: "#16A34A",
    position: "right",
    label: "Chat",
    preload: "off",
    deferSession: true
  };
</script>
<script src="https://www.arion.id/embed/arion-chat.js" async></script>

Preview on your websiteWaiting for slug

yourwebsite.com

How it works

Enter your slug

Same slug as your Arion booking URL — e.g. arion.id/my-surf-school.

Copy the snippet

Choose WordPress, Next.js, inline iframe, or floating button — paste into your site.

Guests start chatting

Arion assistant answers, helps pick a package, and confirms bookings — without leaving your page.

Before you embed

Chat enabled

Chat booking must be turned on for your business in Arion admin.

Correct slug

Use the same slug as your public booking page.

HTTPS

Your host website should use HTTPS in production.

No API key

No API key needed — the iframe loads chat directly from Arion.

Get started

Keep bookings from getting stuck
in your WhatsApp threads

Online booking for surf schools, spas, tours, rentals, barbershops, and dozens of other service-based businesses in Indonesia and worldwide — guests book, get answers, and get confirmed automatically.

See pricing & plans →