My Chatsimple
Search
K

General Websites

Setting up Chatsimple on your website has never been easier!

Install Chatsimple on General Websites

Welcome to the Chatsimple installation guide! Follow these step-by-step instructions to seamlessly integrate our chatbot into your website. Whether you're using plain HTML or popular frameworks like React.js and Next.js, we have you covered!

Video Tutorial

Video tutorial on how to install Chatsimple widget on your website

Step 1: Access Your Dashboard

Visit the Chatsimple Dashboard (https://app.chatsimple.ai) to find the unique script for embedding the chatbot on your site.

Step 2: Locate and Copy the Code

In the “Add to Website” section of the dashboard, click the “Copy” button to copy the script to your clipboard.
"Add to Website" section of the dashboard

Step 3: Find the Appropriate File for Your Website

  • For General HTML Websites: Paste the code before the closing </body> tag in your main HTML file.
  • For React.js: Add the script inside the public/index.html file, just before the closing </body> tag.
  • For Next.js: Create a _document.js file inside your pages folder, and include the script before the closing </body> tag.
  • For Other Websites Where Code Can be Accessed: Locate the file where HTML is rendered. Then include the script before the closing </body> tag.

Step 4: Insert the Code

Paste the copied code in the appropriate place as per your website type, as mentioned in Step 3.
<!-- Your existing HTML code here -->
<!-- Paste the Chatsimple code here -->
</body>
You can paste the code from Step 3 here

Step 5: Verify the Installation

Save your changes, and refresh your website to ensure the Chatsimple widget appears correctly.
After successful installation, you can see Chatsimple widget is on your website
Enjoy your chatbot!

All Set to Engage!

Congratulations! Chatsimple is now part of your website, ready to provide a delightful experience to your visitors 24/7.