Incorpore Questionários no Seu Site

Atualizado 20 de abril de 2026

Adicione um questionário diretamente no seu produto, landing page ou central de ajuda. Sem iframes para gerenciar, sem problemas de layout - simplesmente funciona.

Use uma simples tag de script ou instale o SDK se preferir trabalhar com módulos.

A API completa e opções avançadas estão disponíveis na documentação do Embed SDK.

Escolha a forma de apresentação

Diferentes situações exigem diferentes pontos de entrada. Escolha o que melhor se adapta à sua interface:

Widget embutido (inline) - incorpore diretamente dentro de uma página
Caixa de diálogo (modal) - abra o feedback sob demanda
Painel lateral (drawer) - desliza a partir da lateral
Painel flutuante (popover) - painel flutuante sutil
Aba de feedback - sempre disponível, sem atrapalhar

Início rápido

Opção 1: Tag de script (mais rápido)

Adicione isto à sua página e você estará pronto para começar:

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

Em seguida, abra um questionário com uma única linha:

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

Se você estiver usando um domínio personalizado, também pode baixar o SDK a partir de https://cname.seudominio.com/embed/latest.js para eliminar quaisquer requisições de terceiros.

Opção 2: Instalar via npm

Para configurações modernas:

npm install @youropinion/embed

Em seguida, use-o no seu aplicativo:

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

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

Usa React? Sem problemas.

Use componentes prontos:

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

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

Tema escuro? Por que não.

Combine o seu questionário com o seu produto em uma linha:

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

Onde encontrar o ID do seu questionário

Crie um link de compartilhamento no seu painel com a opção “Permitir incorporação em sites” ativada.

O ID é simplesmente a parte depois de /#/ no seu link.