Hoe voegt u de Asyntai AI-chatbot toe aan Volusion

Stapsgewijze handleiding voor Volusion e-commercewinkels

Platform:

Stap 1: Uw insluitcode ophalen

Ga eerst naar uw Asyntai Dashboard en scroll naar het gedeelte "Insluitcode". Kopieer uw unieke insluitcode die er als volgt uitziet:

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

Opmerking: De bovenstaande code is slechts een voorbeeld. U moet uw eigen unieke insluitcode kopiëren vanuit uw Dashboard omdat deze uw persoonlijke widget-ID bevat.

Stap 2: Maak een back-up van uw thema

Voordat u wijzigingen aanbrengt in uw Volusion-winkel, is het belangrijk om een back-up te maken:

Log in op uw Volusion Admin Panel
Navigeer naar Design → File Editor
Klik op Archive Theme om een back-up te maken
Download een kopie van het archief om te bewaren

Belangrijk: Maak altijd een back-up van uw thema voordat u codewijzigingen aanbrengt. Hierdoor kunt u eenvoudig terugdraaien als er iets misgaat.

Stap 3: Code toevoegen aan template (aanbevolen)

Om de chatbot aan alle pagina's van uw Volusion-winkel toe te voegen:

Ga in uw Volusion Admin Panel naar Design → Template
U kunt ook naar Design → File Editor → Shortcuts gaan
Zoek het hoofdsjabloonbestand (meestal template_*.html)
Scroll naar beneden om de afsluitende </body>-tag te vinden
Plak uw Asyntai-insluitcode net vóór de </body>-tag
Klik op Save om de wijzigingen toe te passen
Bekijk een voorbeeld van uw winkel om te verifi\u00ebren dat de chatbot verschijnt

Tip: Het toevoegen van de code vóór de afsluitende </body>-tag zorgt voor optimale laadprestaties. Deze methode voegt de chatbot automatisch toe aan elke pagina van uw winkel.

Alternatieve methode 1: Header/Footer HTML-injectie

Volusion stelt u in staat aangepaste code toe te voegen via globale instellingen:

Log in op uw Volusion Admin Panel
Navigeer naar Settings → Design Settings
Zoek het gedeelte Custom HTML of Footer Code
Plak uw Asyntai-insluitcode in dit veld
Klik op Save
De code wordt nu automatisch aan alle pagina's toegevoegd

Opmerking: De exacte locatie van aangepaste HTML-instellingen kan variëren afhankelijk van uw Volusion-abonnement en -versie. Zoek naar instellingen gerelateerd aan "Custom Code", "Header/Footer" of "Global HTML".

Alternatieve methode 2: Paginaspecifieke installatie

Als u de chatbot alleen aan specifieke pagina's wilt toevoegen:

Ga naar Design → File Editor → Shortcuts
Maak een paginaspecifieke template aan of bewerk deze met de PageName-functie
Voeg voorwaardelijke code toe om het script alleen op specifieke pagina's op te nemen:

<!-- 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: Deze methode is handig als u de chatbot alleen op bepaalde pagina's wilt, zoals productpagina's, afrekenpagina's of ondersteuningspagina's. Vervang 'home' en 'products' door de daadwerkelijke paginanamen van uw Volusion-winkel.

Alternatieve methode 3: Aangepast CSS/HTML-artikel

U kunt de code ook toevoegen via een artikelblok:

Ga in Volusion Admin naar Articles → Articles
Maak een nieuw artikel aan of bewerk een bestaand artikel
Schakel over naar HTML-weergave in de artikeleditor
Plak uw Asyntai-insluitcode
Sla het artikel op
Voeg dit artikel toe aan uw paginatemplate of zijbalk
De chatbot verschijnt op pagina's waar dit artikel wordt weergegeven

Opmerking: Deze methode is minder gebruikelijk, maar kan handig zijn als u beperkte toegang hebt tot templatebestanden of de chatbot eenvoudig wilt in-/uitschakelen door het artikel te verbergen/tonen.

Stap 4: Installatie verifiëren

Open na het opslaan van uw wijzigingen uw Volusion-winkel in een nieuw browsertabblad of incognitovenster. U zou de chatwidgetknop rechtsonder moeten zien. Klik erop om te controleren of deze correct opent en functioneert.

Ziet u de widget niet? Zorg ervoor dat u alle templatewijzigingen hebt opgeslagen. Wis uw browsercache of bekijk de pagina in incognitomodus. Volusion kan templates in de cache opslaan, dus het kan een paar minuten duren voordat wijzigingen verschijnen. Controleer de browserconsole (F12) op JavaScript-fouten.

Hulp nodig?

Als u zich niet op uw gemak voelt bij het bewerken van templatebestanden, kan het klantenserviceteam van Volusion u helpen met aangepaste HTML- en CSS-verzoeken. U kunt ook contact opnemen met Asyntai-ondersteuning voor begeleiding bij het installeren van de chatbot op uw Volusion-winkel.

Professionele ondersteuning: Volusion biedt aangepaste coderingsservices als u professionele hulp nodig hebt bij thema-aanpassingen of complexe maatwerk.

Documentatie