How to Add Asyntai AI Chatbot to Foxy.io

Step-by-step guide for Foxy.io stores

Платформа:

Корак 1: Набавите свој код за уграђивање

Прво, идите на своју Asyntai контролну таблу и померите се до одељка „Код за уграђивање". Копирајте свој јединствени код за уграђивање који ће изгледати овако:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Напомена: Код изнад је само пример. Морате копирати свој јединствени код за уграђивање са своје Контролне табле јер садржи ваш лични ИД виџета.

Step 2: Understand How Foxy.io Works

Foxy.io is a hosted cart and checkout that you bolt onto your own website or CMS. Your product pages, content, and layout all live in your own site's HTML or templates. Foxy simply adds cart and checkout functionality on top through a small JavaScript loader.

Your Foxy loader script (loader.js, historically foxycart.js) is already added to your own site's HTML or template
It is typically placed just before the closing </body> tag, after your other scripts
The Asyntai chatbot is added the exact same way — in your own site's template, right beside your Foxy loader

Напомена: Because Foxy adds checkout to your existing site, you do not paste the Asyntai code into a Foxy admin screen. You add it to the same site template you already control — the one that loads Foxy.

Step 3: Add the Asyntai Code to Your Site Template

Open the HTML file or template of your own website — the same one that already contains your Foxy loader script:

Open your site's main HTML file or layout template in your CMS, code editor, or site builder
Locate your existing Foxy loader script (loader.js or foxycart.js), usually near the bottom of the page
Померите се да пронађете затварајућу </body> ознаку
Paste your Asyntai embed code on its own line, just before the closing </body> tag

<!-- Your existing Foxy loader -->
<script src="https://cdn.foxycart.com/YOUR_STORE/loader.js" async defer></script>

<!-- Asyntai AI Chatbot -->
<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
</body>

Савет: Adding the code before the closing </body> tag ensures optimal page load performance. Because this template is shared across your whole site, the chatbot will appear on every page — including your Foxy-powered product and checkout pages.

Step 4: Save, Publish, and Deploy

After adding the code, apply your changes the same way you normally update your site:

Save the template or HTML file you edited
If you use a CMS or site builder, click Publish to push the change live
If you host your own code, deploy the updated file to your web server
Clear any caching (CDN or page cache) so the new code is served to visitors

Напомена: Foxy does not host your site pages, so the exact save and publish steps depend on the platform your site is built on — for example a static site host, WordPress, Webflow, or a custom framework. Use whatever process you already use to update that template.

Step 5: Verify Installation

Након објављивања промена, отворите свој веб-сајт у новој картици претраживача или инкогнито прозору. Требало би да видите дугме виџета за ћаскање у доњем десном углу. Кликните на њега да бисте се уверили да се отвара и функционише исправно.

Не видите виџет? Make sure you saved and published all template changes. Clear your browser and CDN cache or view in incognito mode, as changes might take a few minutes to appear. Check the browser console (F12) for any JavaScript errors.

Потребна вам је помоћ?

If you're not comfortable editing your site's template files, whoever built or maintains your website can add the code alongside your existing Foxy loader in seconds. You can also contact Asyntai support for guidance on installing the chatbot on your Foxy.io store.

Савет: Because the Asyntai snippet sits right next to your Foxy loader in the same template, adding, updating, or removing it later is quick — no changes are needed inside your Foxy account.