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.

Conversational AI

Lägg till röst till dina agenter på webben, mobilen eller telefoni på några minuter med låg latens, full konfigurerbarhet och sömlös skalbarhet

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änglig på Premium-planer.
2. ElevenLabs-konto: Du behöver ett ElevenLabs-konto för att skapa Conversational AI-röstagenter. 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-koden 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: Kontrollera att JavaScript är korrekt inklistrat i fältet 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 besökare, kolla in dessa avancerade bästa praxis.

Justera allowlist

Om din widget fortfarande inte fungerar efter att du har 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 att 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 kompatibilitet mellan webbläsare

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

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

Mobilanpassning

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 mobillayout.
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 mobildesignverktyg 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, dubbelkolla 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å den 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å ytterligare problem, kontakta ElevenLabs support för hjälp.

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

Conversational AI

Lägg till röst till dina agenter på webben, mobilen eller telefoni på några minuter med låg latens, full konfigurerbarhet och sömlös skalbarhet