ElevenAgents en WordPress
Descubre cómo implementar un agente de ElevenLabs en WordPress
Este tutorial te guiará para añadir tu agente de ElevenLabs Agents a tu sitio web de WordPress.
Requisitos previos
- Un agente de ElevenLabs Agents creado siguiendo esta guía
- Un sitio web de WordPress con una de estas opciones:
- Plan WordPress.com Business/Commerce, o
- Instalación de WordPress autoalojada
Guía
Obtén tu código de inserción
Visita el panel de control de ElevenLabs y busca el widget de inserción de tu agente.
Añade el widget a una página
- En WordPress, edita la página que quieras
- Añade un bloque de HTML personalizado
- Pega el fragmento
<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>en el bloque - Actualiza o publica la página
Añade el script de forma global
Opción A: Usar un plugin
- Instala Header Footer Code Manager
- Añade el fragmento
<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>a la sección Footer - Configúralo para que se ejecute en todas las páginas
Opción B: Editar el tema directamente
- Ve a Apariencia > Editor de temas
- Abre footer.php
- Pega el fragmento de script antes de
</body>
Resolución de problemas
Si el widget no aparece, comprueba lo siguiente:
- El fragmento
<script>se ha añadido de forma global - El fragmento
<elevenlabs-convai>está correctamente colocado en tu página - Has publicado tu sitio después de hacer los cambios
Próximos pasos
Ahora que has añadido tu agente de ElevenLabs a WordPress, puedes:
- Personalizar el widget en el panel de control de ElevenLabs para que encaje con tu marca
- Añadir más idiomas
- Añadir funciones avanzadas como herramientas y base de conocimiento