Skip to main content

Quickstart

Five steps, roughly five minutes. At the end you will have a working chatbot trained on your website and embedded on a page.

You will need:

  • A website with content on it (or a document to upload)
  • The ability to paste a <script> tag into that website

You do not need to install anything, write code, or know what an embedding is.

Step 1 — Create your account​

Go to the SiteMesh dashboard and register with your email address and a password. You will be signed in straight away.

Step 2 — Create a chatbot​

From the dashboard, create a new chatbot. All it needs to start is a name — usually your business name, because that is what visitors see at the top of the chat window.

A description is optional and only for your own reference.

Your new chatbot starts with an empty knowledge base and a status of idle. It cannot answer anything yet.

Step 3 — Train it on your content​

Open the Training tab and add your first data source.

The fastest option is a website:

  1. Choose Website URL
  2. Paste your homepage URL, for example https://example.com
  3. Turn on recursive so it follows links and indexes your whole site rather than one page
  4. Start the crawl

The source moves through pending → processing → done. While it works, your chatbot's status shows training. Depending on the size of the site this takes anywhere from a few seconds to several minutes.

When it finishes you will see how many pages were indexed and how many searchable chunks were produced, and the chatbot status changes to ready.

Not a website?

You can upload PDFs, Word documents, slides, CSVs and text files instead, or simply paste text. See Training your chatbot for every source type.

Step 4 — Try it before anyone else does​

Open the Chat tab in the dashboard and ask your chatbot a few questions you know the answers to.

This uses exactly the same machinery as the live widget, so what you see here is what your visitors will get.

Ask it:

  • Something clearly covered by your site — it should answer accurately
  • Something you never wrote about — it should say it does not have that information, not invent an answer

If the answers feel off, do not embed yet. Read Improving answers first.

Step 5 — Put it on your website​

Open the Embed & API Keys tab.

  1. Generate a widget key. Copy it now — for security, the full key is only shown once.
  2. Set your allowed domains to the site you are embedding on, for example example.com. This stops anyone else from using your chatbot on their site.
  3. Copy the snippet. It looks like this, already filled in with your IDs:
<script>
  (function() {
    window.ChatbotConfig = {
      chatbotId: "YOUR_CHATBOT_ID",
      apiKey: "YOUR_WIDGET_KEY",
      apiUrl: "https://apimesh.byteleaps.tech/api"
    };
    var s = document.createElement('script');
    s.src = 'https://apimesh.byteleaps.tech/widget.js';
    s.async = true;
    document.head.appendChild(s);
  })();
</script>
  1. Paste it into your site, just before the closing </body> tag, on every page where the chat bubble should appear.

Not sure where that goes on your platform? There is a step-by-step guide for WordPress, Shopify, Webflow, Wix and Squarespace, React and Next.js, and plain HTML.

You are live​

Reload your site. A chat bubble appears in the corner; click it and the chat panel opens with your welcome message.

What next?​

Do thisWhy
Customize the appearanceMatch your logo and brand colours
Write a better welcome message and quick promptsGuide visitors toward the questions your bot answers well
Turn on lead captureCollect names and emails from interested visitors
Set up auto-refreshKeep answers in sync as your site changes
Watch the live inboxSee real conversations, and take over when it matters

If something is not working​

The chat bubble not showing up is nearly always one of three things: the snippet is on the wrong page, a field in the snippet is missing, or the domain is not in your allowed list. Widget troubleshooting walks through each one.