How to Add Asyntai AI Chatbot to Plesk-Hosted Websites
Step-by-step guide for websites hosted on Plesk
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
- Log in to your Plesk Control Panel
- Navigate to Websites & Domains
- Click on File Manager
- Navigate to your website's root directory (usually
httpdocsorpublic_html) - Find your main HTML file (often
index.htmlorindex.php) - Click on the file name to open the editor menu
- Select Code Editor for HTML syntax highlighting
- Scroll to find the closing
</body>tag - Paste your Asyntai embed code just before the
</body>tag - Click "Save" or "OK"
- 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
- In Plesk, go to Websites & Domains
- Find the FTP Access section
- Note your FTP credentials or create a new FTP account
- Use an FTP client like FileZilla to connect to your server
- Navigate to your website's directory (
httpdocs) - Download the HTML files you want to edit
- Add your Asyntai embed code before the
</body>tag - Upload the modified files back to the server
For PHP-Based Websites
If your website uses PHP templates or includes:
- In Plesk File Manager, navigate to your template or include files
- Find the footer template file (commonly
footer.php,footer.inc.php, ortemplate.php) - Open it with Code Editor
- Add your Asyntai embed code before the
</body>tag - 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:
- In Plesk, go to Websites & Domains
- Click on Backup Manager
- Create a full backup of your website
- 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.
Weebly