General Websites

Video Tutorial (COMING SOON) #

Watch our comprehensive video tutorial on installing the ChatCloser widget on your website.

Step 1: Access Your Dashboard #

Visit the ChatCloser Dashboard to find your unique embedding script.

Step 2: Find and Copy Your Code #

Navigate to the "Add to Website" section in your dashboard and click the "Copy" button to copy the script to your clipboard.

<script src="https://static.chatcloser.ai/widget.js defer"></script>
<chat-widget agentId="YOUR_UNIQUE_CHAT_ID"></chat-widget>

Step 3: Locate the Appropriate File for Your Website #

• For General HTML Websites: Insert 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 in your pages folder, and include the script before the closing </body> tag.
• For Other Websites With Accessible Code: Find the file where HTML is rendered and include the script before the closing </body> tag.

Note: If you want your chatbot to appear only on specific pages, include the script only in those page files.

Step 4: Insert the Code #

Paste the copied code in the appropriate location as described in Step 3.

<!-- Your existing HTML code here -->


<!-- Paste the ChatCloser code here -->


</body>

Step 5: Verify the Installation #

Save your changes and refresh your website to confirm the ChatCloser widget appears correctly.

All Done! #

Congratulations! ChatCloser is now integrated with your website and ready to provide 24/7 support to your visitors.