Ved å legge til en ChatLab-chatbot på Webflow-nettstedet ditt kan besøkende samhandle med AI-assistenten din direkte på siden din. Denne veiledningen går gjennom trinnene for å hente innbyggingskoden din fra ChatLab og lime den inn i Webflow.
Trinn 1 - Kopier innbyggingskoden fra ChatLab
- Logg inn på ChatLab og velg chatboten du vil bygge inn
- Klikk på fanen Deploy (publiser), og velg deretter Webflow fra plattformpanelet til høyre
- Velg mellom Widget (chat-popup som åpnes via et chat-ikon) eller Iframe (alltid synlig chat bygd inn på siden). Se Hva er forskjellen mellom widget og iframe? for en sammenligning
- Klikk på Copy to clipboard (kopier til utklippstavle)
Trinn 2 - Legg til koden i Webflow
Legger du til koden i Site Settings (nettstedsinnstillinger), plasseres chatboten på hver eneste side på Webflow-nettstedet ditt.
- Åpne prosjektet ditt i Webflow Dashboard
- Gå til Site Settings > Custom Code (tilpasset kode)
- Lim inn den kopierte koden i delen Head Code (head-kode)
- Klikk på Save Changes (lagre endringer)
- Velg Publish (publiser) for at endringene skal tre i kraft
Legge til på bare én enkelt side
Hvis du vil ha chatboten på en bestemt side i stedet for hele nettstedet:
- Åpne siden i Webflow Designer
- Klikk på tannhjulikonet for å åpne Page Settings (sideinnstillinger)
- Rull ned til delen Custom Code
- Lim inn koden i feltet Head Code
- Lagre og publiser nettstedet ditt
Bekrefte installasjonen
Etter publisering åpner du Webflow-nettstedet ditt i en nettleser. Du skal se at chat-ikonet vises i hjørnet av siden (for widget-modus) eller at chat-vinduet er bygd inn på siden (for iframe-modus). Klikk på ikonet for å åpne chatten og send en testmelding for å bekrefte at alt fungerer.