Az Asyntai AI Chatbot hozzáadása a Volusion-höz

Lépésről lépésre útmutató a Volusion e-kereskedelmi áruházakhoz

Platform:

1. lépés: Szerezze be a beágyazási kódját

Először lépjen az Asyntai Irányítópultra és görgessen le a „Beágyazási kód" szekcióhoz. Másolja le az egyedi beágyazási kódját, amely így fog kinézni:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Megjegyzés: A fenti kód csak egy példa. Le kell másolnia saját egyedi beágyazási kódját az Irányítópultról, mivel az tartalmazza személyes widget-azonosítóját.

2. lépés: Témájának biztonsági mentése

Mielőtt bármilyen módosítást végezne a Volusion áruházán, fontos biztonsági mentést készíteni:

Jelentkezz be a Volusion Admin Panel felületére
Navigáljon a Tervezés → Fájlszerkesztő menüponthoz
Kattintson a Téma archiválása gombra a biztonsági mentés létrehozásához
Töltse le az archívum egy másolatát biztonságos megőrzés céljából

Fontos: A kódmódosítások előtt mindig mentse el a témáját. Ez lehetővé teszi az egyszerű visszaállítást, ha valami rosszul sül el.

3. lépés: Kód hozzáadása a sablonhoz (ajánlott)

A chatbot Volusion áruház összes oldalához való hozzáadásához:

A Volusion Admin Panelben lépjen a Design → Template menüpontra
Alternatív megoldásként lépjen a Design → File Editor → Shortcuts menüpontra
Keresse meg a fő sablonfájlt (általában template_*.html)
Görgessen le a záró </body> tag megtalálásához
Illessze be az Asyntai beágyazási kódot közvetlenül a </body> tag elé
Kattintson a Mentés gombra a módosítások alkalmazásához
Tekintse meg az áruház előnézetét a chatbot megjelenésének ellenőrzéséhez

Tipp: A kód hozzáadása a záró </body> tag elé optimális oldalletöltési teljesítményt biztosít. Ez a módszer automatikusan hozzáadja a chatbotot az áruház minden oldalához.

Alternatív módszer 1: Fejléc/lábléc HTML injektálás

A Volusion lehetővé teszi egyéni kód hozzáadását a globális beállításokon keresztül:

Jelentkezz be a Volusion Admin Panel felületére
Navigáljon a Settings → Design Settings oldalra
Keressen Egyéni HTML vagy Lábléc kód szakaszt
Illessze be az Asyntai beágyazó kódját ebbe a mezőbe
Kattintson a Mentés gombra
A kód mostantól automatikusan hozzáadódik az összes oldalhoz

Megjegyzés: Az egyéni HTML beállítások pontos helye eltérhet a Volusion csomagjától és verziójától függően. Keressen „Egyéni kód", „Fejléc/Lábléc" vagy „Globális HTML" beállításokat.

Alternatív módszer 2: Oldalspecifikus telepítés

Ha csak bizonyos oldalakhoz szeretné hozzáadni a chatbotot:

Lépjen a Design → File Editor → Shortcuts menüpontra
Hozzon létre vagy szerkesszen egy oldalspecifikus sablont a PageName funkcióval
Adjon hozzá feltételes kódot, hogy a szkript csak bizonyos oldalakon szerepeljen:

<!-- 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>

Tipp: Ez a módszer hasznos, ha a chatbotot csak bizonyos oldalakon szeretné, például termékoldalakon, a pénztárnál vagy a támogatási oldalakon. Cserélje ki a „home" és „products" értékeket a tényleges Volusion áruház oldalneveire.

Alternatív módszer 3: Egyéni CSS/HTML cikk

A kódot cikkblokkon keresztül is hozzáadhatja:

A Volusion Adminban lépjen a Cikkek → Cikkek menüpontra
Hozzon létre egy új cikket, vagy szerkesszen egy meglévőt
Váltson HTML nézetre a cikkszerkesztőben
Illessze be az Asyntai beágyazási kódját
Mentse el a cikket
Adja hozzá ezt a cikket az oldalsablonhoz vagy az oldalsávhoz
A chatbot azokon az oldalakon jelenik meg, ahol ez a cikk megjelenik

Megjegyzés: Ez a módszer kevésbé elterjedt, de hasznos lehet, ha korlátozott hozzáférése van a sablonfájlokhoz, vagy egyszerűen szeretné be-/kikapcsolni a chatbotot a cikk elrejtésével/megjelenítésével.

4. lépés: Telepítés ellenőrzése

A módosítások mentése után nyissa meg Volusion áruházát egy új böngészőlapon vagy inkognitó ablakban. A jobb alsó sarokban látnia kell a chat widget gombot. Kattintson rá, hogy meggyőződjön a helyes működéséről.

Nem látja a widgetet? Győződjön meg róla, hogy minden sablonmódosítást elmentett. Törölje a böngésző gyorsítótárát, vagy nézze meg inkognitó módban. A Volusion gyorsítótárazhatja a sablonokat, ezért a módosítások megjelenése néhány percet igényelhet. Ellenőrizze a böngésző konzolját (F12) JavaScript hibák után.

Segítségre van szükséged?

Ha nem szeretne sablonfájlokat szerkeszteni, a Volusion ügyfélszolgálati csapata segíthet az egyéni HTML és CSS kérésekben. Az Asyntai ügyfélszolgálatát is megkeresheti a chatbot Volusion áruházba történő telepítéséhez.

Professzionális támogatás: A Volusion egyéni kódolási szolgáltatásokat kínál, ha professzionális segítségre van szüksége a téma módosításához vagy összetett testreszabásokhoz.

Dokumentáció