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.
Antes de começar
- Você deve ter concluído e salvo sua pesquisa.
- Você deve ter acesso ao seu site ou ao código-fonte para incorporar o widget.
- Sua pesquisa deve estar pronta para distribuição pública.
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.
