Hoe u de Asyntai AI-chatbot toevoegt aan BigCommerce

Stapsgewijze handleiding voor BigCommerce-winkels

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: Kies een installatiemethode

Er zijn verschillende manieren om de chatwidget aan BigCommerce toe te voegen. Kies de methode die het beste bij u past:

Methode 1: Script Manager gebruiken (aanbevolen)

De Script Manager is de eenvoudigste en aanbevolen manier om aangepaste scripts aan uw BigCommerce-winkel toe te voegen. Het vereist geen programmeerkennis en blijft behouden bij themawijzigingen.

Log in op uw BigCommerce-configuratiescherm
Ga naar Storefront → Script Manager
Klik op de knop "Create a Script"
Configureer uw script met de volgende instellingen:
- Naam: Asyntai AI Chatbot
- Beschrijving: AI-aangedreven chatwidget (optioneel)
- Plaatsing: Footer
- Locatie: Alle pagina's
- Scriptcategorie: Functioneel
- Scripttype: Script
Plak uw Asyntai-insluitcode in het vak "Script Contents"
Klik op "Save"

Waarom Script Manager gebruiken? Scripts die via Script Manager zijn toegevoegd, worden apart van uw thema beheerd. Ze worden niet beïnvloed wanneer u uw winkelthema bijwerkt of wijzigt.

Methode 2: Page Builder gebruiken

U kunt de Page Builder van BigCommerce gebruiken om de chatwidget toe te voegen met een HTML-element. Deze methode is handig als u meer controle wilt over waar de widget verschijnt.

Log in op uw BigCommerce-configuratiescherm
Ga naar Storefront → My Themes
Klik op de knop "Customize" bij uw actieve thema
Zoek in de linkerzijbalk van de Page Builder het "HTML"-element
Sleep het HTML-element naar het footer-gedeelte van uw paginatemplate
Klik op het HTML-element en selecteer "Edit HTML"
Plak uw Asyntai-insluitcode
Klik op "Save HTML"
Click "Publish" to apply changes to your live store

Opmerking: Als u de chatbot op alle pagina's wilt, moet u deze toevoegen aan een globaal gedeelte zoals de footer. De Script Manager-methode is eenvoudiger voor een sitewijde installatie.

Methode 3: Themabestanden bewerken (Stencil-thema's)

Voor ontwikkelaars die Stencil-thema's gebruiken, kunt u de code rechtstreeks aan uw themabestanden toevoegen. Dit vereist toegang tot de bronbestanden van uw thema.

Via het BigCommerce-configuratiescherm

Ga naar Storefront → My Themes
Klik op "Advanced" bij uw actieve thema
Selecteer "Edit Theme Files"
Navigeer naar templates → components → common
Open footer.html
Scroll naar de onderkant van het bestand
Plak uw Asyntai-insluitcode net vóór de afsluitende tag
Klik op "Save & Apply File"

Stencil CLI gebruiken (lokale ontwikkeling)

Als u lokaal ontwikkelt met de Stencil CLI:

Open de lokale bestanden van uw thema
Navigeer naar templates/components/common/footer.html
Voeg uw Asyntai-insluitcode toe vóór de afsluitende tags
Push uw wijzigingen met stencil push

Belangrijk: Wijzigingen in themabestanden kunnen worden overschreven wanneer u uw thema bijwerkt. Gebruik de Script Manager-methode voor een permanente oplossing die behouden blijft bij thema-updates.

Stap 3: Installatie verifiëren

Bezoek na het toevoegen van de code uw BigCommerce-winkel in een nieuw browsertabblad of incognitovenster. U zou de chatwidgetknop in de rechteronderhoek van uw winkel moeten zien. Klik erop om te controleren of deze correct opent en werkt.

Ziet u de widget niet? Wis uw browsercache en probeer het opnieuw. Als u wijzigingen hebt aangebracht via de Theme Editor, zorg er dan voor dat u op "Publish" hebt geklikt om de wijzigingen op uw live winkel toe te passen.

Documentatie