DEV Community

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

Posted on • Updated on

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

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

Discussion (3)

Collapse
xhostcom profile image
Paul Anthony McGowan

Hi any tips for Wordpress/Woo etc? Thanks

Collapse
suchitra_13 profile image
Suchitra Author
Collapse
xhostcom profile image
Paul Anthony McGowan

Awesome thanks