How to Add Asyntai AI Chatbot to ExpressionEngine

Platform:

ExpressionEngine

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Docusaurus Hugo Kentico Volusion Craft CMS Contentful Strapi Joomla Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Statamic Umbraco Moodle SilverStripe Grav October CMS ProcessWire Sanity ExpressionEngine Sylius Backdrop CMS MODX Bagisto PayloadCMS e107 CrafterCMS Kirby MedusaCMS DatoCMS GoDaddy Framer Bubble Carrd Jimdo Strikingly Kajabi Teachable Thinkific ClickFunnels Hostinger Unbounce Leadpages Systeme.io Instapage

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:

Step 2: Add to Template Layout (Recommended)

The easiest way to add the chatbot to all pages is by editing your main layout template in the ExpressionEngine control panel:

1. In the EE control panel, go to Developer > Templates > Template Groups
2. Open your main template group (usually "site") and edit the layout template (or the template that wraps all pages)
3. Find the closing </body> tag
4. Paste your Asyntai embed code just before the </body> tag:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
5. Save the template

Alternative Method 1: Using EE Template Partials

ExpressionEngine Template Partials allow you to create reusable snippets that can be included across templates:

1. Go to Developer > Templates > Template Partials
2. Click "New" to create a new partial called _asyntai_widget
3. Paste your Asyntai embed code into the partial content:
   <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
4. Save the partial
5. Include it in your layout template just before the closing </body> tag:
   {embed="_asyntai_widget"} </body>

Alternative Method 2: Using EE's HTML Header/Footer

Some ExpressionEngine setups provide a global footer section for adding scripts:

1. Go to Settings > Content & Design > Global Template Preferences
2. If your EE setup has a global footer section, paste the Asyntai embed code there
3. If no global footer section is available, edit your main layout template directly and add the embed code before the closing </body> tag:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
4. Save your changes

Alternative Method 3: Using config.php

For advanced users, you can inject the chatbot script through ExpressionEngine's configuration or by creating a custom add-on:

1. Access your ExpressionEngine project files via FTP, SSH, or your code editor
2. Navigate to the system/user/config/ directory and open config.php
3. For custom JavaScript injection, consider creating a simple EE add-on/extension that hooks into the template_post_parse hook to inject the script on page render:
   // In your custom extension public function template_post_parse($final_template, $is_partial, $site_id) { $script = '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; $final_template = str_replace('</body>', $script . '</body>', $final_template); return $final_template; }
4. Replace YOUR_WIDGET_ID with your actual widget ID from the dashboard

Step 3: Verify Installation

After saving your changes, visit your ExpressionEngine website 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.