Hoppa till navigering
GuiderUtan kod

ElevenAgents i Ghost

Lär dig hur du distribuerar en ElevenLabs-agent till Ghost

Den här handledningen visar hur du lägger till din ElevenLabs Agents-agent på din Ghost-webbplats.

Förutsättningar

  • En ElevenLabs Agents-agent som har skapats enligt den här guiden
  • En Ghost-webbplats (betald plan eller egenhostad)
  • Åtkomst till Ghosts administratörspanel

Guide

Det finns två sätt att lägga till widgeten på din Ghost-webbplats:

1

Hämta din inbäddningskod

Gå till ElevenLabs instrumentpanel och kopiera agentens HTML-widget.

<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>
<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>
2

Välj din implementering

Alternativ A: Lägg till globalt (alla sidor)

  1. Gå till Ghost Admin > Settings > Code Injection
  2. Klistra in koden i Site Footer
  3. Spara ändringarna

Alternativ B: Lägg till på specifika sidor

  1. Redigera önskad sida eller ditt önskade inlägg
  2. Klicka på + för att lägga till ett HTML-block
  3. Klistra in agentens HTML-widget från steg 1 i HTML-blocket. Se till att fylla i attributet agent-id korrekt.
  4. Spara och publicera
3

Testa integrationen

  1. Besök din Ghost-webbplats
  2. Kontrollera att widgeten visas och fungerar korrekt
  3. Testa på olika enheter och i olika webbläsare

Felsökning

Om widgeten inte visas kontrollerar du:

  • Att koden är korrekt placerad i antingen Code Injection eller HTML-blocket
  • Att din Ghost-plan har stöd för anpassad kod
  • Att det inte finns några JavaScript-konflikter med andra skript

Nästa steg

Nu när du har lagt till din ElevenLabs-agent i Ghost kan du:

  1. Anpassa widgeten på ElevenLabs instrumentpanel så att den matchar ditt varumärke
  2. Lägga till fler språk
  3. Lägga till avancerade funktioner som verktyg och kunskapsbas