Når du tilføjer en ChatLab-chatbot til din Webflow-hjemmeside, kan besøgende interagere med din AI-assistent direkte på dit website. Denne guide gennemgår trinnene til at hente din integreringskode fra ChatLab og indsætte den i Webflow.
Trin 1 - Kopiér integreringskoden fra ChatLab
- Log ind på ChatLab og vælg den chatbot, du vil integrere
- Klik på fanen Deploy (Udrul), og vælg derefter Webflow i platformsmenuen til højre
- Vælg mellem Widget (chat-popup, der åbnes via et chatikon) eller Iframe (altid synlig chat integreret direkte på siden). Se Hvad er forskellen mellem widget og iframe? for en sammenligning
- Klik på Copy to clipboard (Kopiér til udklipsholder)
Trin 2 - Tilføj koden til Webflow
Hvis du tilføjer koden under Site Settings (Webstedsindstillinger), placeres chatbommen på alle sider af dit Webflow-websted.
- Åbn dit projekt i Webflow Dashboard
- Gå til Site Settings > Custom Code (Brugerdefineret kode)
- Indsæt den kopierede kode i sektionen Head Code (Head-kode)
- Klik på Save Changes (Gem ændringer)
- Publish (Udgiv) dit websted, så ændringerne træder i kraft
Tilføjelse til en enkelt side
Hvis du kun ønsker chatbommen på en bestemt side frem for hele webstedet:
- Åbn siden i Webflow Designer
- Klik på tandhjulsikonet for at åbne Page Settings (Sideindstillinger)
- Rul ned til sektionen Custom Code
- Indsæt koden i feltet Head Code
- Gem og udgiv dit websted
Bekræft installationen
Når du har udgivet webstedet, skal du åbne din Webflow-hjemmeside i en browser. Du bør nu se chatikonet dukke op i hjørnet af siden (hvis du valgte widget) eller chatvinduet integreret direkte på siden (hvis du valgte iframe). Klik på ikonet for at åbne chatten og send en testbesked for at bekræfte, at alt fungerer.