Add Live Chat in your website using Chatwoot in just 5 mins.
Suchitra

Suchitra @suchitra_13

About: I am enthusiastic about code and technology!!

Location:
India
Joined:
Aug 8, 2020

Add Live Chat in your website using Chatwoot in just 5 mins.

Publish Date: Mar 30 '22
18 3

You will need

  • A website for embedding Chatwoot
  • Valid email ID for creating an account on Chatwoot

Step By Step Instruction

Step 1: Create an account for free
Go to the official website and create an account.
In order to create an account, click “Create a free account” and then register yourself by filling out your basic details.

  • Full Name
  • Email ID
  • Account Name
  • Password
  • Confirm password

Image description

Step 2: Go to setting and then Inbox

Image description

After clicking “inbox” then clicking on “Add inbox”, you will see this kind of interface

Image description

Now, click on “Website” and enter some details about a website where you want to add live chat.
Like :

  • Website Name
  • Website Domain
  • Widget Color
  • Welcome heading etc..

Image description

See this is a Snapshot of the landing page where we are going to add a live chat system. (Landing page credit : Traversy Media)

Image description

Step 3: Add agents to create inbox
You can select yourself as an agent and get it all in your inboxes.
After that, you are just fewer steps to your destination!

Image description

Copy the code and paste it into your website code!

Result

Note: This website is statically built with plain HTML, CSS, and a bit of JavaScript, if you want to try similarly then you can just add your copied code into the body tag in the .html file!
Here is the link if you want to see:)
Image description

Thanks for reading, if any suggestions feel free to comment below!

If you want to support😀
image

Comments 3 total

Add comment