How to Add Asyntai AI Chatbot to Teachable

Step-by-step guide for Teachable schools

Get Embed Code

Step 1: Get Your Embed Code

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Note: The code above is just an example. You must copy your own unique embed code from your Dashboard as it contains your personal widget ID.

Step 2: Using Code Snippets (Recommended)

Teachable has a built-in Code Snippets feature that makes adding custom scripts easy:

  1. Log into your Teachable admin
  2. In the left sidebar, select "Site"
  3. Click "Code Snippets"
  4. Paste your Asyntai embed code in the "Head Code Snippets" section
  5. Click "Save"

Tip: This adds the chatbot to all pages of your school including course pages and sales pages.

Step 3: Verify Installation

After saving your changes, visit your Teachable school in a new browser tab or incognito window. You should see the chat widget button in the bottom right corner. Click it to make sure it opens and works correctly.

Not seeing the widget? Make sure you clicked "Save" after adding the code in Code Snippets. Try clearing your browser cache or viewing in an incognito window. Changes should appear immediately on your Teachable school.