Hur du lägger till ElevenLabs Conversational AI-widget på din Wix-webbplats

Vill du förbättra din kundsupport och engagemang genom att lägga till ElevenLabs’ Conversational AI på din Wix-webbplats. Du har kommit rätt. Den här guiden går igenom hela processen steg för steg och hjälper dig att undvika vanliga fallgropar.

Innan du börjar

Innan du börjar, se till att du har följande:

1. Wix premiumkonto: Inbäddning av anpassad JavaScript är endast tillgängligt på Premium-planer.
2. ElevenLabs-konto: Du behöver ett ElevenLabs-konto för att skapa Conversational AI-agenter. Registrera dig här.
3. Tillgång till Wix Editor med Dev Mode aktiverat: Du behöver Dev Mode för att lägga till anpassad kod på din webbplats.

Steg-för-steg-guide

Steg 1: Förbered din ElevenLabs-widget

1. Logga in på ditt ElevenLabs-konto.
2. Gå till Conversational AI-sektionen.
3. Ställ in din konversationsagent och kopiera den JavaScript-kod som tillhandahålls.

Steg 2: Aktivera Dev Mode i Wix

1. Öppna din Wix-webbplats i Editorn.
2. Klicka på Dev Mode i toppmenyn för att aktivera avancerade funktioner som att lägga till anpassad kod.

Notera: Om Dev Mode inte är synligt, se till att du använder den fullständiga Wix Editorn, inte Wix ADI (Artificial Design Intelligence).

Steg 3: Lägg till JavaScript-koden

1. Gå till Inställningar > Anpassad kod i Wix Editorn.
2. Klicka på + Lägg till anpassad kod.
3. Klistra in ElevenLabs JavaScript-kod i det angivna fältet.
4. Under Tillämpa kod på, välj Alla sidor (eller välj en specifik sida för widgeten).
5. Spara och publicera dina ändringar.

Vanliga problem och felsökning

Stött på ett problem med att lägga till en Conversational AI-widget på din Wix-webbplats? Följ dessa enkla steg för att lösa ditt problem.

Problem 1: Widgeten kopplas bort eller laddas inte

• Orsak: Felaktig Allowlist-konfiguration eller användning av en gratis Wix-plan.
• Lösning: Se till att din webbplats-URL antingen tas bort från Allowlist eller är korrekt konfigurerad i ElevenLabs-instrumentpanelen.

Problem 2: JavaScript fungerar inte

• Orsak: JavaScript-koden har inte lagts till korrekt.
• Lösning: Dubbelkolla att JavaScript är inklistrat i rätt fält under Anpassad kod.

Problem 3: Gratis Wix-plan

• Orsak: Inbäddning av anpassad JavaScript stöds inte på gratis Wix-planer.
• Lösning: Uppgradera till en Wix Premium-plan.

Avancerade tips

Om du vill skapa den bästa möjliga upplevelsen för dina webbplatsbesökare, kolla in dessa avancerade bästa praxis.

Justera allowlist

Om din widget fortfarande inte fungerar efter att ha bäddat in koden, följ dessa steg:

1. Logga in på ditt ElevenLabs-konto.
2. Gå till Allowlist-inställningarna för din Conversational AI-agent.
3. Se till att din webbplats domän är korrekt tillagd. Om problem kvarstår, försök ta bort din domän från Allowlist och testa igen.

Testa på en live-domän

Widgeten kanske inte fungerar korrekt i Wix förhandsgranskningsläge. Publicera din webbplats och testa den på live-domänen för att säkerställa att den fungerar som förväntat.

Test av webbläsarkompatibilitet

När din widget är live, testa den i flera webbläsare, som Chrome, Firefox, Edge och Safari. Vissa funktioner kan bete sig olika i olika webbläsare på grund av variationer i hur JavaScript hanteras.

1. Öppna din webbplats i varje webbläsare.
2. Interagera med widgeten och kontrollera dess responsivitet.
3. Leta efter problem som trasig stil eller fel i funktionalitet. Om problem uppstår, granska din JavaScript-kod eller kontakta ElevenLabs support för vägledning.

Mobil responsivitet

Verifiera att widgeten fungerar smidigt på mobila enheter, eftersom många användare besöker webbplatser via smartphones eller surfplattor.

1. Använd Wix’s Mobile Editor för att förhandsgranska din webbplats mobila layout.
2. Testa widgeten på fysiska enheter för att bekräfta dess funktionalitet och användarvänlighet.
3. Kontrollera om det finns överlappande element eller formateringsproblem. Om justeringar behövs, använd Wix’s mobila designverktyg för att optimera placering och storlek.

JavaScript-felsökningstips

Om din widget inte fungerar som förväntat kan webbläsarens utvecklarverktyg hjälpa till att identifiera problem.

1. Öppna din webbplats i en webbläsare (Chrome rekommenderas).
2. Högerklicka var som helst på sidan och välj Inspektera för att öppna DevTools.
3. Gå till fliken Konsol och leta efter felmeddelanden relaterade till widgeten.
4. Om du ser fel, kontrollera JavaScript-koden och se till att alla nödvändiga URL:er är tillagda i Allowlist. Denna metod kan också belysa saknade beroenden eller andra problem som hindrar widgeten från att fungera korrekt.

Slutliga tankar

Att integrera ElevenLabs Conversational AI-widget i Wix kräver noggrann installation, men med rätt steg kan du få det att fungera snabbt. Se till att du har en Wix Premium-plan, följ stegen ovan och felsök vanliga problem vid behov. Om du stöter på fler problem, kontakta ElevenLabs support för hjälp.

Eller, om du inte redan har gjort det, registrera dig för Conversational AI idag.