How to Add Asyntai AI Chatbot to Plesk-Hosted Websites

Step-by-step guide for websites hosted on Plesk

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: Identify Your Website Type

The installation method depends on what platform your website uses. Plesk is a hosting control panel that can host various types of websites:

WordPress/Joomla/Drupal: If your site uses a CMS, refer to our specific guide for that platform (WordPress, Joomla, Drupal).

For Static HTML Websites

If you have a static HTML website hosted on Plesk, use the File Manager to edit your HTML files:

Method 1: Using Plesk File Manager

  1. Log in to your Plesk Control Panel
  2. Navigate to Websites & Domains
  3. Click on File Manager
  4. Navigate to your website's root directory (usually httpdocs or public_html)
  5. Find your main HTML file (often index.html or index.php)
  6. Click on the file name to open the editor menu
  7. Select Code Editor for HTML syntax highlighting
  8. Scroll to find the closing </body> tag
  9. Paste your Asyntai embed code just before the </body> tag
  10. Click "Save" or "OK"
  11. Repeat for other HTML pages if needed

Tip: Plesk File Manager offers multiple editors: Code Editor (with syntax highlighting), HTML Editor (WYSIWYG), and Text Editor. Use the Code Editor for best results when editing HTML files.

Method 2: Using FTP Access

  1. In Plesk, go to Websites & Domains
  2. Find the FTP Access section
  3. Note your FTP credentials or create a new FTP account
  4. Use an FTP client like FileZilla to connect to your server
  5. Navigate to your website's directory (httpdocs)
  6. Download the HTML files you want to edit
  7. Add your Asyntai embed code before the </body> tag
  8. Upload the modified files back to the server

For PHP-Based Websites

If your website uses PHP templates or includes:

  1. In Plesk File Manager, navigate to your template or include files
  2. Find the footer template file (commonly footer.php, footer.inc.php, or template.php)
  3. Open it with Code Editor
  4. Add your Asyntai embed code before the </body> tag
  5. Save the file

Note: By editing the footer template, the chatbot will automatically appear on all pages that use that template.

Creating a Backup

Before making changes, it's recommended to create a backup:

  1. In Plesk, go to Websites & Domains
  2. Click on Backup Manager
  3. Create a full backup of your website
  4. Store it safely before making any changes

Important: Always test your changes on a staging environment first if available. Make sure to backup your files before editing to avoid data loss.

Step 3: Verify Installation

After saving your changes, visit your website in a new browser tab or incognito window. You should see the chat widget button in the bottom right corner. Click it to ensure it opens and functions correctly.

Not seeing the widget? Clear your browser cache and any server-side caching in Plesk. Check the browser console (F12) for JavaScript errors. Verify the file was saved correctly by viewing it again in File Manager.