Qualtrics Platform
Customer Journey Optimizer
XM Discover
Qualtrics Social Connect

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.

Dimensionamento

Por padrão, os criativos de feedback incorporados personalizados têm um tamanho específico. Este é o tamanho em que seu criativo será exibido, independentemente do tamanho da tela em que ele estiver.

Para redimensionar dinamicamente sua criativo para se ajustar a diferentes tamanhos e tipos de tela, marque Redimensione o destino para ajustá-lo ao tamanho do contêiner de inserção. O redimensionará automaticamente o criativo para corresponder ao tamanho (comprimento e largura) do contêiner que você configurou quando implementando feedback personalizado incorporado .

Atenção: Esta opção substitui o tamanho criativo definido no menu de edição. Se você quiser um tamanho criativo específico, não use opções de redimensionamento.

Qdica: Os contêineres em sites geralmente mudam de tamanho devido aos diferentes tamanhos de página e tipos de dispositivo, portanto, escolher esta opção permitirá que seu criativo seja redimensionado com base no tamanho da página e no tipo de dispositivo de cada usuário.

Quando Redimensionar o destino para caber no tamanho do contêiner de inserção estiver selecionado, há 2 opções adicionais que você pode selecionar:

Redimensione o destino para se ajustar à altura da pesquisa : Quando selecionado, a altura total do pesquisa é exibida, e a altura não é determinada pelo tamanho do contêiner.
Bloqueie a proporção do aspecto destino durante o redimensionamento: Quando selecionado, as proporções originais do criativo são mantidas.
Qdica: Selecionar esta opção impedirá que o texto, as imagens e os botões mudem de tamanho, mesmo quando o criativo for redimensionado para caber no contêiner.

Atenção: Os criativos não podem ser redimensionados quando Corrigir para página é selecionado em “Posicionamento personalizado”.

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.