Add live chat to your site

Setup

1. 1

   Step 1: Create a free account

   Sign up, get your workspace and add your first site. No credit card.

   Sign up
2. 2

   Step 2: Copy your embed code

   In the Lunachat panel, open Websites, pick your site and copy the embed snippet. The public key inside it belongs to that one site.

   <script>
     window.lunachat = window.lunachat || function () {
       (lunachat.q = lunachat.q || []).push(arguments);
     };
     lunachat('init', 'pk_live_YOUR_KEY');
   </script>
   <script async src="https://cdn.lunachat.co/w.js"></script>

3. 3

   Step 3: Add the code to every page

   One insert into a shared template is enough. For platform-specific steps, open the guide for whatever your site runs on below.

4. 4

   Step 4: Register your domain in the panel

   Add your domain to the allowed list. The box only opens on those addresses, so another site that copies your snippet cannot use it.

5. 5

   Step 5: Set the look and the greeting

   Open your site under Websites and pick the colour, the corner it sits in and the greeting. If you have set working hours, the box turns into a contact form when nobody is around, and your answer reaches the visitor by email.

Worth knowing

• Under 40 KB gzipped and loaded async, so your page never waits for it.
• It runs inside a Shadow DOM: your CSS cannot break it, and it cannot touch your design.
• Visitors can send images, PDFs and documents, and emoji are supported.
• Full screen on phones, tucked into a corner on desktop.
• With an automation flow in place, the box can send the first message on its own.

Frequently asked