Install Vyro Chat On Your Website

You can add the Vyro chat assistant to your website with a single snippet — it works on any website and installs a chat launcher in the bottom corner without changing anything else on your site.

Get your snippet from Dashboard → Chat → Embed. That tab has ready-to-copy versions for each method below, filled in with your showroom's details.

Which method should I use?

Google Tag Manager — best if you (or your agency) use GTM. No code changes to your site.
HTML — if you can edit your site's pages or template directly.
React / Next.js — if your site is a React app.

All three load the same thing; pick whichever fits how your site is managed.

Google Tag Manager (recommended)

In Google Tag Manager choose Tags → New → Custom HTML.

Paste the snippet from Chat → Embed:

<script async src="https://embed.vyro.com.au/chat.js"
  data-vyro-showroom="your-showroom"
  data-vyro-host="https://your-site.com"
  id="vyro-chat-embed"></script>

Set the trigger to All Pages.
Click Submit to publish the container.

The launcher appears within a minute or two of publishing.

HTML

If you can edit your site's HTML, paste the same snippet just before the closing </body> tag on every page (or once in your site-wide footer or template).

React / Next.js

Add this component once — for example in your root layout — and render it on every page. It injects the loader on mount and is safe against double-mounting:

import { useEffect } from 'react'

export function VyroChat() {
  useEffect(() => {
    if (document.getElementById('vyro-chat-embed')) return
    const script = document.createElement('script')
    script.async = true
    script.id = 'vyro-chat-embed'
    script.src = 'https://embed.vyro.com.au/chat.js'
    script.setAttribute('data-vyro-showroom', 'your-showroom')
    script.setAttribute('data-vyro-host', 'https://your-site.com')
    document.body.appendChild(script)
  }, [])
  return null
}

In Next.js this works in a Client Component ('use client'). You can also use Next's <Script> component with the same src and data-* attributes.

The snippet attributes

Attribute	What it does
`data-vyro-showroom`	Your showroom code — scopes the chat and its inventory. Pre-filled in Dashboard.
`data-vyro-host`	The address that serves the chat. Pre-filled in Dashboard — leave it as provided.
`data-vyro-position`	Optional. Add `data-vyro-position="bottom-left"` to move the launcher to the left.
`id="vyro-chat-embed"`	Lets the loader find its own tag reliably (recommended, especially in GTM).

What your customers see

A chat launcher button in the bottom corner of every page.
Tapping it opens a chat that answers questions about your stock, finance and more, using your live inventory.
On a vehicle page, the chat knows which vehicle the customer is viewing.

Good to know

Your leads, your data. Conversations and leads flow into your Dashboard, and the widget is portable — it works on any website you move to.
Analytics. Chat events are pushed to your site's Google Analytics / dataLayer (vyro.chat_opened, vyro.lead_captured), so your agency can measure the chat alongside the rest of your site.
Turning it off. Remove the tag in GTM (or the snippet from your HTML) and the launcher disappears — no other cleanup needed.

Not showing up?

See Troubleshooting the chat embed — it covers the common causes, including Content Security Policy (CSP) blocks.

Learn more

How To Read Chat Analytics