ReComAI  -  AI Product Recommendation Engine Logo
Embed script
3 min read
Feb 11, 2026

How to Embed Your Chatbot in Your Website (ReComAI)

A step-by-step guide to embedding your ReComAI chatbot into your website so customers can start interacting with it.

Once you've configured your chatbot in ReComAI, the next step is to embed it into your website so customers can start interacting with it.

The Embed tab provides a script that you can easily copy and paste into your website code.

Step-by-Step Guide to Embed Your Chatbot#

Step 1

Go to the Embed Tab

#

From your chatbot setup page, click on the Embed tab located in the top navigation section.

Step 2

Copy the Script

#

Inside the Embed tab, you will see a block of JavaScript code.

Screenshot Preview
Inside the Embed tab...

Step 3: Copy the complete script provided.

Just before the closing \</body>\ tag

OR

Inside the \<head>\ section of the page where you want the chatbot to appear

For platforms like Shopify, WordPress, or Webflow, you can paste this script into:

Custom code editor
Theme settings
Header or footer code section
Step 4

Preview the Chatbot

#

Click on Show Preview to test how your chatbot will appear on your website before embedding.

This opens a live preview of your chatbot based on:

Current configuration
Selected colors
Avatar
Bot behavior

Once verified, save your changes and publish your website.

You're All Set 🎉#

Your ReComAI chatbot is now embedded and ready to assist customers on your website.

Still Need Help?

Our support experts are ready to assist you. Connect directly via WhatsApp or email for immediate assistance.

You may also like

Connect Your MCP Server to ReComAI
Integrations

Connect Your MCP Server to ReComAI

A step-by-step guide to connecting your Model Context Protocol (MCP) server with ReComAI so the platform can securely access your server tools.

Real-Time Streaming for LangChain Answers
AI Streaming

Real-Time Streaming for LangChain Answers

Deliver faster and smoother chatbot replies with real-time answer streaming to improve responsiveness and user engagement.

Customer Data Collection & Support Settings
Chatbot Settings

Customer Data Collection & Support Settings

Manage contact forms, support access, and chat notifications to deliver a smooth and professional support experience.