Het toevoegen van een ChatLab-chatbot aan je Wix-website zorgt ervoor dat bezoekers rechtstreeks op je site met je AI-assistent kunnen communiceren. Deze handleiding doorloopt de stappen om je embedcode uit ChatLab te halen en in Wix te plakken.
Voordat je begint
Voordat je begint, moet je je chatbot aanmaken en zorgen dat je Wix-site is gepubliceerd met een gekoppeld domein. Wix beschrijft deze vereisten in Aangepaste code insluiten op je site. Je hebt ook rechten nodig om de website te bewerken en te publiceren.
Stap 1 - Kopieer de embedcode uit ChatLab
- Log in op ChatLab en selecteer de chatbot die je wilt insluiten
- Klik op het tabblad Deploy (Implementeren) en selecteer vervolgens Wix in het platformpaneel aan de rechterkant
- Kies Widget voor de onderstaande stappen met aangepaste code. Kies voor een altijd zichtbare chat Iframe en gebruik de aparte instructies voor pagina-insluiting hieronder. Zie Wat is het verschil tussen widget en iframe? voor een vergelijking
- Klik op Copy to clipboard (Kopiëren naar klembord)
Stap 2 - Voeg de code toe aan Wix
- Ga in je Wix-dashboard naar Settings (Instellingen)
- Klik onder Development & integrations (Ontwikkeling en integraties) op Custom Code (Aangepaste code). Oudere Wix-dashboards kunnen dit groeperen onder Advanced (Geavanceerd).
- Klik rechtsboven op + Add Custom Code (+ Aangepaste code toevoegen)
- Plak de gekopieerde code in het tekstvak
- Voer een naam in voor je code (bijv. "ChatLab")
- Selecteer onder Add Code to Pages (Code toevoegen aan pagina's) op welke pagina's de chatbot moet worden weergegeven - kies All pages (Alle pagina's) om deze overal te tonen
- Selecteer onder Place Code in (Code plaatsen in) de optie Head
- Klik op Apply (Toepassen)
Een altijd zichtbare iframe toevoegen
Voeg in de Wix Editor een HTML-iframe/insluitelement toe aan de pagina, plak ChatLab's Iframe-codefragment en pas het formaat van het element aan zodat de chat goed bruikbaar is op desktop en mobiel. Publiceer de pagina. Een iframe moet in de zichtbare paginalay-out worden geplaatst, niet in de aangepaste code van Head. Zie de Wix-handleiding voor zichtbare ingesloten inhoud.
De installatie controleren
Open na het opslaan je Wix-site in een browser. Je zou het chat-icoon in de hoek van de pagina moeten zien verschijnen (bij widget-modus) of het chatvenster ingesloten op de pagina (bij iframe-modus). Klik op het pictogram om de chat te openen en stuur een testbericht om te controleren of alles werkt.