Hur lägger jag till ChatLab på min Wix-webbplats?

I ChatLab går du till fliken Deploy (publicera), väljer Wix och kopierar koden. I Wix går du till Settings (inställningar) > Custom Code (anpassad kod), klickar på '+ Add Custom Code', klistrar in koden, ställer in placeringen till Head och klickar på Apply.

Var hittar jag inställningarna för Custom Code i Wix?

I din Wix-instrumentpanel går du till Settings (inställningar) och öppnar sedan 'Custom Code' under Development & integrations. Klicka på '+ Add Custom Code' för att lägga till skriptet för din chattbot.

Kan jag lägga till chattbotten på endast specifika sidor?

Ja. När du lägger till anpassad kod i Wix kan du välja att lägga till den på alla sidor, en specifik sida eller endast vissa utvalda sidor via alternativet 'Add Code to Pages'.

Så lägger du till din chattbot på en Wix-webbplats

Genom att lägga till en ChatLab-chattbot på din Wix-webbplats kan besökare interagera med din AI-assistent direkt på sajten. Den här guiden går igenom stegen för att hämta din inbäddningskod från ChatLab och klistra in den på Wix.

Innan du börjar

Innan du börjar bör du skapa din chattbot och se till att din Wix-webbplats är publicerad med en ansluten domän. Wix beskriver dessa krav i Embedding custom code on your site. Du behöver också behörighet att redigera och publicera webbplatsen.

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 Wix i plattformspanelen till höger

Välj Widget för stegen med anpassad kod nedan. För en alltid synlig chatt väljer du Iframe och följer de separata instruktionerna för inbäddning på en sida nedan. 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 Wix

Gå till Settings (Inställningar) i din Wix-panel
Under Development & integrations (Utveckling och integrationer) klickar du på Custom Code (Anpassad kod). I äldre Wix-paneler kan detta ligga under Advanced (Avancerat).
Klicka på + Add Custom Code (+ Lägg till anpassad kod) längst upp till höger
Klistra in den kopierade koden i textrutan
Ange ett namn för din kod (t.ex. "ChatLab")
Under Add Code to Pages (Lägg till kod på sidor) väljer du vilka sidor som ska visa chattbotten - välj All pages (Alla sidor) för att visa den överallt
Under Place Code in (Placera kod i) väljer du Head
Klicka på Apply (Verkställ)

Lägga till en alltid synlig iframe

I Wix Editor lägger du till ett HTML-iframe-/inbäddningselement på sidan, klistrar in ChatLabs Iframe-kodavsnitt och ändrar storlek på elementet så att chatten fungerar bra på både dator och mobil. Publicera sidan. En iframe måste placeras i den synliga sidlayouten, inte i anpassad kod under Head. Se Wix guide för synligt inbäddat innehåll.

Verifiera installationen

När du har sparat öppnar du din Wix-webbplats i en webbläsare. Du bör se chattikonen visas i hörnet av sidan (för widget-läget) eller chattfönstret 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.