Hvordan tilføjer jeg ChatLab til min Webflow-hjemmeside?

Gå til fanen Deploy (Udrul) i ChatLab, vælg Webflow, og kopiér koden. Gå derefter til Site Settings (Webstedsindstillinger) > Custom Code (Brugerdefineret kode) i Webflow, indsæt koden i sektionen Head Code, og gem samt udgiv dit website.

Skal jeg have en betalt Webflow-plan for at tilføje en chatbot?

Dit website eller workspace skal have adgang til brugerdefineret kode (custom code). En kvalificeret Workspace-plan kan også give denne adgang; en betalt Site-plan er ikke den eneste mulighed.

Kan jeg tilføje chatbotten til en enkelt side i stedet for hele webstedet?

Ja. I stedet for at bruge Site Settings åbner du siden i Webflow Designer, går til Page Settings (Sideindstillinger) og indsætter koden i sektionen Head Code for den specifikke side.

Sådan tilføjer du din chatbot til en Webflow-hjemmeside

Når du tilføjer en ChatLab-chatbot til din Webflow-hjemmeside, kan de besøgende interagere med din AI-assistent direkte på dit website. Denne guide gennemgår trinene til at hente din integreringskode fra ChatLab og indsætte den i Webflow.

Før du går i gang

Før du går i gang, skal du oprette din chatbot og kontrollere, at dit Webflow-websted eller workspace understøtter tilpasset kode. Se Webflows krav til tilpasset kode. Du skal også have tilladelse til at redigere og udgive hjemmesiden.

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 platformspanelet til højre

Vælg Widget til header-installationen nedenfor. Hvis du ønsker en altid synlig chat, skal du vælge Iframe og følge iframe-instruktionerne nedenfor. 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 i Webflow

Når du tilføjer koden i Site Settings (Webstedsindstillinger), placeres chatbommen på alle sider af dit Webflow-websted.

Åbn dit projekt i Webflow Dashboard
Gå til Site settings > Custom code
Indsæt den kopierede kode i sektionen Head Code
Klik på Save Changes (Gem ændringer)
Vælg Publish (Udgiv) for at offentliggøre dit website, 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 site

Tilføjelse af en altid synlig iframe

I Webflow Designer placerer du et Code Embed-element dér, hvor du ønsker chatbommen, indsætter Iframe-kodestykket fra ChatLab og tilpasser bredde og højde til dit layout. Gem og udgiv sitet. En iframe hører til i sidens indhold, ikke i Head Code.

Kontrollér installationen

Når du har udgivet sitet, skal du åbne din Webflow-hjemmeside i en browser. Du bør se chatikonet dukke op i hjørnet af siden (for widget-tilstand) eller chatvinduet integreret direkte på siden (for iframe-tilstand). Klik på ikonet for at åbne chatten, og send en testbesked for at bekræfte, at alt fungerer korrekt.