Incorporar uma Pesquisa no Seu Site Usando Widgets

O recurso Widgets permite incorporar sua pesquisa do Enquete diretamente no seu site como uma aba flutuante e interativa. Quando os visitantes clicam na aba, a pesquisa é aberta na página para que eles possam respondê-la sem sair do seu site.

Isso é ideal se você quiser coletar feedback de clientes, rodar pesquisas de satisfação, capturar leads ou engajar visitantes enquanto eles navegam pelo seu site. Você pode posicionar o widget em diferentes lados do seu site e personalizá-lo para combinar com a identidade visual da sua marca.

Etapa 1: Abrir sua Pesquisa e Ir para Distribute

Na página Overview, selecione a pesquisa que você deseja distribuir. No topo da seção principal, clique em Distribute. Isso leva você à página de Distribuição, onde todos os canais disponíveis serão exibidos.

Etapa 2: Ir para Distribuição no Site

Na página de Distribuição, localize On your webpage e clique em Get Code. Isso abre o painel de distribuição web, onde você pode configurar como sua pesquisa vai aparecer no seu site.

Etapa 3: Selecionar Widgets

O painel de distribuição web abre, por padrão, na seção Widgets. É aqui que você personaliza como sua pesquisa será exibida como uma aba flutuante no seu site.

Etapa 4: Personalizar seu Widget

Na seção Widgets, você pode ajustar a aparência e o comportamento do widget antes de gerar o código.

Posição

Para alterar onde o widget aparece, clique no menu suspenso Widget Position e escolha lado esquerdo, lado direito ou parte inferior. Isso determina onde a aba será exibida no seu site. À medida que você faz alterações, a pré-visualização ao vivo abaixo é atualizada automaticamente para mostrar exatamente como o widget ficará.

Cor da Aba

Para alterar a cor da aba, clique em Tab Color e escolha uma cor na paleta ou digite um código de cor específico. Isso ajuda a combinar o widget com a identidade visual do seu site. À medida que você faz alterações, a pré-visualização ao vivo abaixo é atualizada automaticamente.

Texto da Aba

Para editar o texto da aba, clique dentro do campo de texto e digite a mensagem que você quer que os visitantes vejam. Por exemplo, você pode usar “Responder Pesquisa” ou “Enviar Feedback”. À medida que você faz alterações, a pré-visualização ao vivo abaixo é atualizada automaticamente para mostrar exatamente como o widget ficará.

Na parte inferior do painel, você verá a seção Security and Tracking, onde pode ajustar configurações adicionais antes de gerar o código.

Etapa 5: Gerar o Código do Widget

Quando você estiver satisfeito com as configurações, clique em Save and Generate Code no canto inferior direito. Um pop-up com o título Widget Code Generated aparecerá. Esse pop-up contém o código JavaScript que você precisa para incorporar o widget no seu site.

Etapa 6: Copiar e Incorporar o Código

Clique em Copy Code. O botão mudará para Copied, confirmando que o código foi copiado com sucesso para a sua área de transferência.

Depois de copiar o código, clique em Done para fechar o pop-up.

Agora cole esse código no código-fonte do seu site, normalmente logo antes da tag de fechamento </body>.

Depois de incorporar o código e publicar o seu site, o widget aparecerá na posição que você selecionou. Ele exibirá o texto e a cor da aba escolhidos. Os visitantes poderão clicar na aba para abrir e responder sua pesquisa sem sair do seu site.