General Websites
Setting up Chatsimple on your website has never been easier!
Last updated
Setting up Chatsimple on your website has never been easier!
Last updated
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!
Visit the Chatsimple Dashboard (https://app.chatsimple.ai) to find the unique script for embedding the chatbot on your site.
In the “Add to Website” section of the dashboard, click the “Copy” button to copy the script to your clipboard.
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.
Note: If you want your chatbot to appear on specific pages, then include the script only in the files that correspond to those pages.
Paste the copied code in the appropriate place as per your website type, as mentioned in Step 3.
Save your changes, and refresh your website to ensure the Chatsimple widget appears correctly.
Congratulations! Chatsimple is now part of your website, ready to provide a delightful experience to your visitors 24/7.
