How to Set Up Live Chat on Your Website with Vedain

Step 1: Open Live Chat settings

1. Go to Settings → Communication → Live Chat.
2. Set your Company name (shown in the widget header), button color, and greeting message.
3. Click Save Live Chat settings — this generates your embed code.

Step 2: Add the widget to your website

Copy the one-line embed code from the top of the Live Chat settings page and paste it just before the closing </body> tag on your website. It works on any platform — WordPress, Webflow, Shopify, or hand-coded sites. The bubble appears in the bottom-right corner immediately.

Step 3: Choose what visitors provide before chatting

In the Pre-chat Form section you control which fields visitors fill in before the conversation starts — name, email, and phone can each be shown, required, or hidden, and you can add one custom question such as "Order number". Keeping email required means every chat can become a lead and a support ticket later.

Step 4: Answer conversations from the Live Chat workspace

• •Open Live Chat in the left sidebar to see all conversations in real time.
• •Filters show Open, Needs human, Mine, Unassigned and Resolved queues.
• •Click a conversation to reply — the moment an agent replies, the AI steps back and the human owns the chat.
• •The right-hand panel shows the visitor's details, current page, linked lead, and private internal notes.

What happens automatically

• •Visitors who give a name and email are created as leads with source "Chat Widget".
• •Conversations appear on the lead's and contact's record pages under Live Chats.
• •New chats trigger a sound and browser notification for your agents.
• •If a visitor returns later, their conversation resumes where it left off.

Next steps

Once the widget is live, configure the AI assistant so it can answer questions about your business, set business hours and routing, and enable satisfaction ratings — each has its own guide in this knowledge base.