ElevenAgents en Framer

Aprende a implementar un agente de ElevenLabs en Framer

Este tutorial te guiará para añadir tu agente de ElevenLabs a tu sitio web de Framer.

Requisitos previos

  • Un agente de ElevenLabs Agents creado siguiendo esta guía
  • Una cuenta y un sitio web de Framer; crea uno aquí
Proyecto de ejemplo de Convai para Framer

Guía

1

Visita tu editor de Framer

Abre tu sitio web en el editor de Framer y haz clic en el escritorio principal a la izquierda.

2

Añade el componente ElevenAgents

Copia y pega la siguiente URL en la página a la que quieras añadir el agente de ElevenLabs:

https://framer.com/m/ConversationalAI-iHql.js@y7VwRka75sp0UFqGliIf

Ahora verás un recurso de ElevenAgents en la barra «Layers» de la izquierda y los detalles del componente ElevenAgents a la derecha.

3

Rellena los datos del agente

Activa el agente de ElevenLabs introduciendo el ID del agente en la barra de la derecha. Puedes encontrar el ID del agente en el panel de ElevenLabs.

¿Tienes problemas? Asegúrate de que el componente ElevenAgents esté situado debajo del componente de escritorio en el panel de capas.

Proyecto de ejemplo de Convai para Framer
Proyecto de ejemplo de Convai para Framer

Siguientes pasos

Ahora que has añadido tu agente de ElevenLabs a tu sitio web de Framer, puedes:

  1. Personalizar el widget en el panel de ElevenLabs para que encaje con tu marca
  2. Añadir idiomas adicionales
  3. Añadir funciones avanzadas como herramientas y base de conocimiento.