Incrusta encuestas en tu sitio web

Actualizado 20 de abril de 2026

Añade una encuesta directamente en tu producto, landing page o centro de ayuda. Sin iframes que gestionar, sin problemas de diseño: simplemente funciona.

Usa una simple etiqueta de script o instala el SDK si prefieres trabajar con módulos.

La API completa y las opciones avanzadas están disponibles en la documentación del Embed SDK.

Elige el formato de presentación

Diferentes situaciones requieren diferentes puntos de entrada. Elige el que mejor se adapte a tu interfaz:

  • Widget integrado (inline): incrusta directamente dentro de una página.
  • Cuadro de diálogo (modal): abre la encuesta según sea necesario.
  • Panel lateral (drawer): se desliza desde un lateral.
  • Ventana emergente (popover): un panel flotante sutil.
  • Pestaña de feedback: siempre disponible, sin interponerse en el camino.

Inicio rápido

Opción 1: Etiqueta de script (la más rápida)

Añade esto a tu página y listo:

<script src="https://share.youropinion.is/embed/latest.js"></script>

Luego, abre una encuesta con una sola línea:

<button onclick="yo.createDialog('SURVEY_ID').open()">Dar feedback</button>

Si utilizas un dominio personalizado, también puedes descargar el SDK desde https://cname.tudominio.com/embed/latest.js para evitar cualquier petición a terceros.

Opción 2: Instalar a través de npm

Para configuraciones modernas:

npm install @youropinion/embed

Luego, úsalo en tu aplicación:

import { createWidget } from "@youropinion/embed";

createWidget("SURVEY_ID", {
    container: document.querySelector("#survey"),
});

¿Usas React? No hay problema.

Utiliza componentes listos para usar:

import { EmbedWidget } from "@youropinion/embed/react";

export default function Page() {
    return <EmbedWidget surveyId="SURVEY_ID" autoGrow />;
}

¿Tema oscuro? Por qué no.

Adapta la encuesta al diseño de tu producto con una sola línea:

yo.setTheme("auto"); // light | dark | auto

Dónde encontrar el ID de tu encuesta

Crea un enlace para compartir en tu panel de control con la opción “Allow embedding in websites” activada.

El ID es simplemente la parte que va después de /#/ en tu enlace.

Leer más: