Botão Criativo de feedback

Sobre os criativos do botão Feedback

O botão de feedback é semelhante às guias e controles deslizantes de feedback, permitindo que você torne os criativos acessíveis responsivos a diferentes tamanhos de dispositivo. Este criativo torna muito mais fácil adicionar rapidamente botões de feedback para seus sites.

Botão Criar um feedback

Configurando o botão Criativo de feedback

Quando você tiver acesso a esse recurso, o botão Feedback estará disponível juntamente com outros criativos. Você pode optar por criar seu botão de feedback com a configuração guiada do Website Feedback ou pode criar seu botão de feedback sozinho, rolando para baixo até a seção peça a peça.

Depois de selecionar o botão Feedback, você terá a opção de nomear seu criativo.

Look & Sentir

Na seção Look & Feel, você pode personalizar a aparência geral do criativo da seguinte forma:

• Posição do botão: configurar onde o botão deve aparecer na página da Web.
• Texto do botão: especifique o texto no botão.
• Ícone do botão: selecione o ícone que você deseja exibir no botão à esquerda do seu texto.
• Cor do texto: escolha a cor do texto do botão.
• Cor do botão: selecione a cor do próprio botão.
• Forma do botão: Configure o raio da borda do seu botão. Isso determina como os cantos são arredondados.
• Use meu próprio botão: Carregue sua própria imagem para usar como botão. Você tem a opção de utilizar o tamanho da imagem tal como está ou redimensioná-lo para o tamanho apropriado. Se você utilizar seu próprio botão, irá obter um campo onde pode inserir texto alternativo para o mesmo, para utilização com a tecnologia de leitura de tela.
  

• Use um modelo: use um tema de pesquisa como modelo para as configurações de estilo do criativo. Isso importará as configurações primárias de cor e espaçamento de perguntas do tema da pesquisa.
  
  Qdica: as configurações no criativo estão desconectadas do tema usado como modelo. As configurações do criativo não serão atualizadas se o tema do modelo for alterado, e a alteração das configurações do criativo não alterará o tema modelo.
• Personalizar CSS : Personalize o CSS do botão de feedback conforme desejado. Você pode adicionar classes e propriedades personalizadas além das padrões. As edições feitas aqui podem não ser refletidas na visualização; lembre-se de teste sua interceptor antes da implantação concluindo a configuração guiada.
  Atenção: o seguinte código é fornecido como está e requer conhecimento de programação para ser implementado. O suporte da Qualtrics não oferece assistência nem consultoria em codificação customizada. Ao invés disso, você pode perguntar para nossa comunidade de usuários dedicados.
  Aviso: Se houver vários botões de feedback na mesma página, o CSS personalizado afetará todos os botões na página. O CSS da interceptor que foi carregada por último será aplicado a todas as interceptações na página. Recomendamos usar apenas 1 botão de feedback em uma página ao usar CSS personalizado.

  -Clique aqui para visualizar o CSS padrão para botões de feedback-

  Se você excluir os seletores ou classes CSS dentro do modelo predefinido, não poderá atualizar ou recarregar o modelo. Abaixo está este modelo caso você precise redefinir o CSS do seu intercept:
  /* Use as classes abaixo para substituir os estilos dos botões de feedback.
Atenção: O código a seguir é fornecido no estado em que se encontra
e requer conhecimento de programação para implementar.
O suporte da Qualtrics não oferece assistência nem consultoria em codificação customizada.
Ao invés disso, você pode perguntar para nossa comunidade de usuários dedicados.
Para obter ajuda com código personalizado, acesse https://community.qualtrics.com/custom-code-12
OBSERVAÇÃO: As alterações feitas aqui não serão refletidas no visualizador.
Não deixe de testar suas alterações manualmente. */
/* Contêiner pai do botão de feedback de estilo. Este é um contêiner que fica no topo da tela inteira e é quase totalmente transparente, abrigando o botão de feedback */
.Botão QSIFeedback {
/* z-índice: 1; */
/* espaço em branco: normal !importante; */
}
/* Botão de feedback de estilo */
#QSIFeedbackButton-botão div {
/* altura da linha: 1em !importante; */
/* margem: 0 0.5em 0 0 !importante; */
/* largura: auto !importante; */
/* tamanho da fonte: herdar !importante; */
/* espessura da fonte: normal !importante; */
/* estilo-de-fonte: normal !importante; */
/* exibir: inline !importante; */
/* cor: #000000 !importante; */
/* cor de fundo: #136ef6 !importante */
}
/* Contêiner iFrame de pesquisa de estilo. Isso abriga o iFrame e aparece ao clicar no botão de feedback */
#QSIFeedbackButton-pullup-container.QSIFeedbackButton {
/* exibir: bloco embutido !importante; */
/* margem direita: 5px !importante; */
}
/* Estilo de pesquisa iFrame */
#QSIFeedbackButton-pesquisa-iframe {
/* exibir: bloco embutido !importante; */
/* altura: 100% !importante; */
/* largura: 100% !importante; */
}

Todas as opções acima podem ser configuradas separadamente para controlar como o botão de feedback será exibido para navegadores web desktop vs. web mobile – usando as guias Web (Desktop) ou Mobile Web.

Para a web móvel, há também a opção de desativar completamente esse criativo, se necessário. Selecione Não mostrar este botão no navegador móvel para desativá-lo para dispositivos móveis.

Exibição da pesquisa

Na seção de exibição Pesquisa, você pode controlar como a pesquisa real é exibida assim que o usuário clicar no botão de feedback.

As opções de exibição de pesquisa para Web (Desktop) são:

• Exibição web:
  • Controle deslizante: a pesquisa será exibida em um controle deslizante que desliza de entrada e saída. Se você tiver adicionado um ícone para descartar o botão de feedback ativado, clicar no X descartará o controle deslizante e o botão de feedback (por exemplo, todo o criativo desaparecerá da tela).
  • Sobreposição: a pesquisa será exibida em uma janela incorporada. Você também poderá definir o nível de escuridão da sobreposição com o campo de fundo Desaparecer. Se você tiver adicionado um ícone para descartar o botão de feedback ativado, clique no X para descartar a pesquisa incorporada, mas você ainda verá o botão de feedback e poderá selecioná-lo novamente, se desejar.
  • Nova janela: a pesquisa será exibida em uma nova janela.
• Tamanho da pesquisa: controle o tamanho (altura) da pesquisa em sua página em termos de porcentagem da altura geral da página. Somente uma opção se você escolher Controle deslizante para exibição na Web.
• Adicione um ícone para descartar o botão de feedback: Adicione a opção para os usuários fazerem o botão de feedback sair.
• Título do Iframe: se você adicionou um destino incorporado ao interceptor correspondente, adicione um título que os leitores de tela possam interpretar.

As opções de exibição de pesquisa para a web móvel são:

• Exibição da web no celular:
  • Puxar para cima: a pesquisa será exibida em uma janela suspensa que cobrirá uma parte da tela. Se você tiver adicionado um ícone para descartar o botão de feedback ativado, clique no X para descartar a pesquisa incorporada, mas você ainda verá o botão de feedback e poderá selecioná-lo novamente, se desejar.
    Qdica: A aparência da janela de pull-up pode ser ajustada usando código personalizado que requer conhecimento de programação para ser implementado. O suporte da Qualtrics não oferece assistência nem consultoria em codificação customizada. Em vez disso, você pode perguntar para nossa comunidade de usuários dedicados. Se você quiser saber mais sobre nossos serviços de codificação personalizados, entre em contato com o seu Executivo de contas Qualtrics.
  • Nova guia: a pesquisa será exibida em uma nova guia do navegador. Se isso for selecionado, você não terá a opção de adicionar um título iFrame porque você navegará para uma nova guia do navegador para a pesquisa.
• Título do Iframe: se você adicionou um destino incorporado ao interceptor correspondente, adicione um título que os leitores de tela possam interpretar.

Traduções

Adicione traduções para o texto do seu botão. Consulte Traduzindo Botões de Feedback & Diálogos Responsivos para obter instruções passo a passo.

Salvando e publicando o botão Criativo de feedback

Ao adicionar alterações ao botão criativo de feedback, certifique-se de salvar periodicamente seu trabalho clicando no botão Salvar no canto superior direito, logo acima da área de visualização.

Quando estiver pronto para publicar seu criativo, clique em Publicar. Isso fará com que você possa enviar o criativo ao vivo para seu aplicativo móvel.

Configurando interceptores

Criativos de botão de feedback podem ser usados com interceptores padrão. Basta garantir que, ao definir o criativo do interceptor, escolha o criativo específico na seção do botão Feedback.

Botão Feedback Modificações

Perguntas frequentes