Customer Experience
Employee Experience
Brand Experience
Core XM
Design XM

Feedback incorporado personalizado

Qdica: Se você não tiver acesso a nenhum dos recursos descritos nesta página, entre em contato com seu Executivo de contas. Para mais informações sobre as diferenças entre feedback digital e CustomerXM para digital, consulte Feedback digital vs. CustomerXM para Digital.

Sobre criativos de feedback integrados personalizados

O feedback incorporado personalizado permite que você crie conteúdo personalizado que é exibido como parte da sua página. Esse conteúdo personalizado pode ser qualquer coisa, desde um anúncio até uma pesquisa incorporada.

Exemplo: nesta captura de tela, uma pesquisa aparece incorporada na página da web depois que um visitante conclui um pagamento. A pesquisa é criada na plataforma de pesquisa e incorporada na página usando um criativo de feedback incorporado personalizado.

O feedback incorporado personalizado é mais perceptível do que um criativo mais passivo, como o botão de feedback, ao mesmo tempo que nunca sobrecarrega os visitantes do site interrompendo o que estão fazendo. Em um mundo em que os clientes são treinados para dar feedback rapidamente após uma interação, a incorporação de feedback personalizado diretamente em sua página permite que os entrevistados forneçam feedback durante uma experiência.

Criativos de feedback integrados personalizados também podem ser úteis para o gerenciamento de conteúdo, permitindo que você escolha quais pesquisas são mostradas para tipos específicos de visitantes do site.

Exemplo: por exemplo, você pode optar por exibir uma oferta de desconto somente para os visitantes localizados em áreas próximas a locais físicos da loja e material alternativo para todos os outros.

Exemplo: Na captura de tela abaixo, perguntamos aos visitantes o que eles estão comprando hoje. Se eles escolherem sapatos, podemos redirecioná-los diretamente para a seção Sapatos do nosso site.

Qdica: este recurso costumava ser chamado de criativo HTML personalizado.

Implementar feedback incorporado personalizado

Gere um criativo de feedback incorporado personalizado.
Atenção: o nome do seu criativo não pode exceder 100 caracteres.
Peça à sua equipe da Web para designar um “contêiner” em seu site onde seu feedback incorporado personalizado será inserido. Este espaço deve incluir um elemento HTML com um atributo de ID. Identifique e copie o ID HTML entre as aspas.

Em muitos casos, uma tag HTML com um ID já existe no local adequado e nenhuma modificação de site é necessária.

Qdica: Use a função “Inspect Element” do seu navegador para determinar o ID HTML de um elemento. Na maioria dos navegadores, basta clicar com o botão direito na parte da página que você deseja inspecionar e selecionar “Inspecionar” ou “Inspecionar elemento”.
Crie um interceptor.
No menu Opções da ação do interceptor, selecione Opções avançadas.
Cole o ID HTML do recipiente de destino no campo Ponto de inserção do criativo.
Clique em Salvar.
Quando um visitante chegar a esta página no seu site, a Qualtrics procurará o elemento HTML com a ID especificada e inserirá seu criativo nesse container de div.

Qdica: nos exemplos acima, estamos incorporando uma pesquisa da Qualtrics diretamente na página. Para alcançar um efeito semelhante, ao editar seu criativo, você simplesmente adicionaria um destino incorporado no tamanho e na forma que gostaria que a pesquisa participasse da página.

Opções de feedback incorporado personalizado

Na seção Opções do seu criativo, você encontrará configurações específicas para criativos de feedback integrados personalizados.

Posicionamento personalizado

Às vezes, o feedback incorporado personalizado pode ser menor do que o contêiner de destino em que será inserido no seu site. Nesse caso, você pode usar Posicionamento personalizado para especificar onde, em relação ao container de destino, seu HTML será exibido.

Para obter ainda mais controle sobre o posicionamento, você pode deslocar a posição X ou Y do criativo de sua posição inicial ou selecionar Corrigir na página para que o feedback incorporado personalizado siga o visitante enquanto ele rola.

Substituir conteúdo da área do destino

Por padrão, quando um criativo de feedback incorporado personalizado é inserido em uma página, ele substitui o conteúdo existente do elemento HTML de destino. Você verá esta opção selecionada como Substituir conteúdo do recipiente de destino.

Anexar à área do destino

Em vez de substituir o conteúdo do container de destino, você pode selecionar Anexar ao container de destino para colocar seu criativo no container de destino, mas após qualquer conteúdo existente.

Inserir antes da área do destino

Esta opção permite que você insira o feedback incorporado personalizado antes do container de destino.

Qdica: Isso ignorará as opções de posicionamento personalizado.

Inserir depois da área do destino

Esta opção permite que você insira o feedback integrado personalizado após o container de destino.

Qdica: Isso ignorará as opções de posicionamento personalizado.

Uma nota sobre o índice Z

O índice Z é uma característica CSS que especifica quais elementos na sua página da Web devem estar no topo quando os elementos se sobrepõem. Por padrão, os criativos terão um índice z mais alto do que outros elementos em sua página para que estejam sempre no topo.

Isso geralmente é melhor, mas em alguns casos isso pode não ser preferível. Por exemplo, um menu suspenso pode ser coberto pelo feedback incorporado personalizado.

Aviso: tenha cuidado! Você não deve adicionar o CSS de índice Z a um destino integrado. No entanto, a adição do índice Z a outros tipos de elemento está correta.

Para ajustar o índice z do feedback incorporado personalizado:

Vá para a sua página da Web que exibe o criativo e abra a ferramenta Ferramentas do desenvolvedor ou Inspecionar elemento.
Identifique a classe div começando com “QSI” e copie o que está entre as aspas. Em seguida, substitua o espaço entre “QSIUserDefinedHTML” e a cadeia que começa com “SI_” por um ponto final (.). No exemplo abaixo, copiaríamos:
```
QSIUserDefinedHTML SI_4PEs8K4EkCbmSdT_UserDefinedHTMLContainer
```
e, depois de substituir o espaço por um período, temos:
```
QSIUserDefinedHTML.SI_4PEs8K4EkCbmSdT_UserDefinedHTMLContainer
```
Em sua conta da Qualtrics, vá para Editar seção para seu criativo.
Clique duas vezes em qualquer elemento para modificá-lo ou criar um novo elemento em branco.
Aviso: recomendamos não adicionar o elemento CSS de índice Z a um destino integrado porque você pode ter problemas com outras partes da sua página que estão sendo cobertas acidentalmente. No entanto, a adição do índice Z a outros tipos de elemento está correta.
Clique em Fonte na parte superior do editor de conteúdo rico para entrar na visão HTML.
Use o código abaixo (incluindo as tags de estilo) e cole-o na fonte.
```
<style type="text/css"> .QSIUserDefinedHTML{z-index:1;} </style>
```
Substitua “QSIUserDefinedHTML” pelo ID que você recuperou na etapa 2 e substitua o valor do índice z pelo que for apropriado para sua página da Web.
```
<style type="text/css"> .QSIUserDefinedHTML.SI_4PEs8K4EkCbmSdT_UserDefinedHTMLContainer{z-index:1;} </style>
```
Se o código do projeto já estiver no código-fonte do seu site da Web, clique no botão Publicar para enviar suas alterações para seu site.
Se o código não estiver no código-fonte do seu site, você pode testar o criativo no seu site usando o Test Intercept e confirmar que tudo está em camadas corretamente.
Se a formação de camadas ainda não estiver correta, você pode considerar modificar o valor do índice z para um número maior para empilhar seu criativo mais alto na página, ou um número menor (até negativo) para empilhá-lo mais baixo.