Att lägga till en ChatLab-chattbot på din Webflow-webbplats gör att besökare kan interagera med din AI-assistent direkt på webbplatsen. Den här guiden går igenom stegen för att hämta din inbäddningskod från ChatLab och klistra in den i Webflow.
Steg 1 - Kopiera inbäddningskoden från ChatLab
- Logga in på ChatLab och välj den chattbot du vill bädda in
- Klicka på fliken Deploy (Publicera) och välj sedan Webflow i plattformspanelen till höger
- Välj mellan Widget (chattpopup som öppnas via en chattikon) eller Iframe (alltid synlig chatt inbäddad på sidan). Se Vad är skillnaden mellan widget och Iframe? för en jämförelse
- Klicka på Copy to clipboard (Kopiera till urklipp)
Steg 2 - Lägg till koden i Webflow
Genom att lägga till koden i Site Settings (Webbplatsinställningar) placeras chattbotten på alla sidor på din Webflow-webbplats.
- Öppna ditt projekt i Webflow Dashboard
- Gå till Site Settings > Custom Code (Anpassad kod)
- Klistra in den kopierade koden i sektionen Head Code (Head-kod)
- Klicka på Save Changes (Spara ändringar)
- Välj Publish (Publicera) för din webbplats för att ändringarna ska träda i kraft
Lägg endast till på en enskild sida
Om du vill ha chattbotten på en specifik sida i stället för hela webbplatsen:
- Öppna sidan i Webflow Designer
- Klicka på kugghjulsikonen för att öppna Page Settings (Sidinställningar)
- Rulla ned till sektionen Custom Code
- Klistra in koden i fältet Head Code
- Spara och publicera din webbplats
Verifiera installationen
Efter publiceringen öppnar du din Webflow-webbplats i en webbläsare. Du bör se att chattikonen visas i hörnet av sidan (för widget-läget) eller att chattfönstret är inbäddat på sidan (för iframe-läget). Klicka på ikonen för att öppna chatten och skicka ett testmeddelande för att bekräfta att allt fungerar.