How to Add Asyntai AI Chatbot to Volusion

Step-by-step guide for Volusion e-commerce stores

Platform:

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: Backup Your Theme

Before making any changes to your Volusion store, it's important to create a backup:

Log in to your Volusion Admin Panel
Navigate to Design → File Editor
Click on Archive Theme to create a backup
Download a copy of the archive for safekeeping

Important: Always backup your theme before making code changes. This allows you to easily revert if something goes wrong.

Step 3: Add Code to Template (Recommended)

To add the chatbot to all pages of your Volusion store:

In your Volusion Admin Panel, go to Design → Template
Alternatively, go to Design → File Editor → Shortcuts
Find the main template file (usually template_*.html)
Scroll down to find the closing </body> tag
Paste your Asyntai embed code just before the </body> tag
Click Save to apply changes
Preview your store to verify the chatbot appears

Tip: Adding the code before the closing </body> tag ensures optimal page load performance. This method adds the chatbot to every page of your store automatically.

Alternative Method 1: Header/Footer HTML Injection

Volusion allows you to add custom code through global settings:

Log in to your Volusion Admin Panel
Navigate to Settings → Design Settings
Look for Custom HTML or Footer Code section
Paste your Asyntai embed code in this field
Click Save
The code will now be added to all pages automatically

Note: The exact location of custom HTML settings may vary depending on your Volusion plan and version. Look for settings related to "Custom Code," "Header/Footer," or "Global HTML."

Alternative Method 2: Page-Specific Installation

If you want to add the chatbot to specific pages only:

Go to Design → File Editor → Shortcuts
Create or edit a page-specific template using the PageName function
Add conditional code to include the script only on specific pages:

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

Tip: This method is useful if you only want the chatbot on certain pages like product pages, checkout, or support pages. Replace 'home' and 'products' with the actual page names from your Volusion store.

Alternative Method 3: Custom CSS/HTML Article

You can also add the code through an article block:

In Volusion Admin, go to Articles → Articles
Create a new article or edit an existing one
Switch to HTML view in the article editor
Paste your Asyntai embed code
Save the article
Add this article to your page template or sidebar
The chatbot will appear on pages where this article is displayed

Note: This method is less common but can be useful if you have limited access to template files or want to easily toggle the chatbot on/off by hiding/showing the article.

Step 4: Verify Installation

After saving your changes, open your Volusion store 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? Make sure you've saved all template changes. Clear your browser cache or view in incognito mode. Volusion may cache templates, so changes might take a few minutes to appear. Check the browser console (F12) for any JavaScript errors.

Need Help?

If you're not comfortable editing template files, Volusion's Customer Support team can assist with custom HTML and CSS requests. You can also contact Asyntai support for guidance on installing the chatbot on your Volusion store.

Professional Support: Volusion offers custom coding services if you need professional assistance with theme modifications or complex customizations.

Documentation