embent

Guías de instalación / Framer

Instala Embent en Framer

Añade el código a través del panel Custom Code de Framer — sin plugin, sin necesidad de un code override.

Antes de empezar

  • Acceso de edición a Project Settings del sitio.
  • Un plan Basic o Pro pago solo si quieres el widget en vivo en tu propio dominio en lugar del subdominio gratuito *.framer.app de Framer — eso es un requisito general de Framer, no específico de Embent.

Pasos

1

Copia tu código de inserción

En tu dashboard de Embent, abre la sección Overview de tu bot y copia el código de inserción. Se ve así:

<script src="https://api.embent.com/widget.js" data-bot="YOUR_BOT_ID" async></script>
2

Abre Custom Code en Project Settings

Abre Project Settings y selecciona la pestaña Custom Code en la barra lateral izquierda, luego haz clic en Add Script (el ícono + si ya tienes uno).

3

Pégalo, configúralo para cada visita, y publica

Pega el código en el campo de código, nómbralo, elige una ubicación (head o body, start o end — el final del body es la opción segura por defecto), configúralo para que se ejecute en cada visita a la página, y publica tu sitio.

Comprueba que funcionó

Publica y luego recarga tu sitio en una pestaña nueva del navegador: la burbuja de chat aparece en la esquina. Hazle una pregunta sobre tus propias páginas y debería responder con una cita.

Si no funciona

¿Lo intentaste y el widget no aparece? Esto soluciona casi todos los casos.

Añadí el código de inserción pero el widget no aparece — no hay burbuja de chat, ni botón, no se ve nada en mi sitioCuatro comprobaciones resuelven casi todos los casos de "el widget no aparece". Primero, abre tu sitio en vivo y mira el código fuente de la página (clic derecho → Ver código fuente de la página) y busca "embent" — si el script no está ahí, el código no se guardó en una página publicada. Segundo, asegúrate de que el ID data-bot de tu código coincida con el que aparece en tu dashboard, en Settings. Tercero, borra la caché de páginas de tu sitio y cualquier caché de CDN — una página en caché sigue sirviendo la versión antigua sin el widget. Cuarto, comprueba que el bot no esté pausado en el dashboard: un bot pausado deliberadamente no muestra nada a los visitantes.

Preguntas frecuentes

¿Esto funciona en el plan Free?Sí. Custom Code está en Project Settings en todos los planes de Framer. Solo necesitas un plan pago si además quieres tu propio dominio personalizado en lugar del subdominio framer.app.
¿Dónde debo colocar el código — head o body?El final del body es la opción más segura por defecto: el resto de la página se renderiza primero y el script se carga justo después, sin bloquear nada por encima.
¿Esto ralentiza mi sitio?No. El script se carga de forma asíncrona (async) y el widget pesa menos de 50KB comprimido (gzip), sin depender de ningún framework propio, así que nunca bloquea la carga de tu página.
Apunta Embent a tu sitio ahora.Un agente de IA que prefiere decir "no lo sé" antes que inventar algo. Plan Free, sin tarjeta — la mayoría de los sitios empiezan a responder en menos de dos minutos.

La burbuja de chat en la esquina es el propio Embent, funcionando en esta página — pregúntale lo que quieras sobre nosotros.