Pievienojot ChatLab robotu savai Webflow vietnei, apmeklētāji var sazināties ar jūsu MI asistentu tieši jūsu vietnē. Šajā pamācībā ir aprakstīti soļi, kā iegūt iegulšanas kodu no ChatLab un ielīmēt to Webflow.
Pirms sākat
Pirms sākat, izveidojiet savu robotu un pārbaudiet, vai jūsu Webflow vietne vai darba vieta atbalsta pielāgotā koda (custom code) pievienošanu. Skatiet Webflow pielāgotā koda prasības. Jums ir nepieciešamas arī atļaujas rediģēt un publicēt vietni.
1. solis - Iegulšanas koda kopēšana no ChatLab
- Piesakieties ChatLab un atlasiet robotu, kuru vēlaties iegult
- Noklikšķiniet uz cilnes Deploy (Izvietot), pēc tam platformu panelī labajā pusē atlasiet Webflow
- Izvēlieties Widget (Logrīks) galvenes instalēšanai zemāk. Ja vēlaties vienmēr redzamu tērzēšanu, izvēlieties Iframe un izpildiet tālāk sniegtos norādījumus par iframe. Salīdzinājumu skatiet rakstā Kāda ir atšķirība starp logrīku un Iframe?
- Noklikšķiniet uz Copy to clipboard (Kopēt starpliktuvē)
2. solis - Koda pievienošana platformā Webflow
Pievienojot kodu sadaļā Site Settings (Vietnes iestatījumi), robots tiks izvietots katrā jūsu Webflow vietnes lapā.
- Atveriet savu projektu Webflow informācijas panelī (Dashboard)
- Dodieties uz Site settings > Custom code
- Ielīmējiet nokopēto kodu sadaļā Head Code
- Noklikšķiniet uz Save Changes (Saglabāt izmaiņas)
- Veiciet vietnes Publish (Publicēt), lai izmaiņas stātos spēkā
Pievienošana tikai vienai lapai
Ja vēlaties, lai robots parādītos konkrētā lapā, nevis visā vietnē:
- Atveriet lapu rīkā Webflow Designer
- Noklikšķiniet uz zobrata ikonas, lai atvērtu Page Settings (Lapas iestatījumi)
- Ritiniet uz leju līdz sadaļai Custom Code
- Ielīmējiet kodu laukā Head Code
- Saglabājiet un publicējiet vietni
Vienmēr redzama iframe pievienošana
Rīkā Webflow Designer ievietojiet Code Embed elementu vietā, kur vēlaties redzēt robotu, ielīmējiet Iframe koda fragmentu no ChatLab un iestatiet tā platumu un augstumu atbilstoši savam izkārtojumam. Saglabājiet un publicējiet vietni. Iframe ir jāievieto lapas saturā, nevis sadaļā Head Code.
Uzstādīšanas pārbaude
Pēc publicēšanas atveriet savu Webflow vietni pārlūkprogrammā. Lapas stūrī vajadzētu parādīties tērzēšanas ikonai (logrīka režīmā) vai lapā iegultam tērzēšanas logam (iframe režīmā). Noklikšķiniet uz ikonas, lai atvērtu tērzēšanu, un nosūtiet testa ziņojumu, lai pārliecinātos, ka viss darbojas.