Customer Experience
Employee Experience
Brand Experience
Core XM
Design XM

Criativo da caixa de diálogo responsiva

Sobre criativos de caixa de diálogo responsivos

O diálogo responsivo é um tipo criativo disponível para projetos de Website / App Insights. Esse tipo criativo permite que você crie criativos compatíveis com acessibilidade que respondam a diferentes tamanhos de dispositivo.

O criativo de diálogo responsivo fornece recursos de acessibilidade prontos para uso, sem a necessidade de atualizações adicionais baseadas em JavaScript que eram necessárias no passado.

Assim que você tiver acesso a esse recurso, a caixa de diálogo Responsiva estará disponível juntamente com outros criativos.

Depois de criar sua caixa de diálogo responsiva, há seis áreas que você pode personalizar antes de configurar seu interceptor: Tamanho & Estilo, Mensagem, Botões, Logos & Imagens, Animação e Traduções.

Tamanho & estilo

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

Tamanho padrão & opções de estilo

Estas são as opções que aparecem se você não usar um destino incorporado e deixa Exibir pesquisa diretamente na caixa de diálogo desmarcada.

Espaçamento de conteúdo: configurar a densidade do texto em seu criativo. Você pode selecionar Compacto, Médio ou Espaçoso.
Cor: configure a cor de fundo do criativo escolhendo a partir da paleta de seleção de cores.
Forma da borda: configure o raio da borda do seu criativo. Isso determina como os cantos são arredondados. Você pode escolher entre Nenhum, Levemente arredondado, Moderadamente arredondado, Muito arredondado.
Sombra projetada: configure a sombra projetada em torno do seu criativo. Você pode escolher entre Nenhum, Claro, Médio, Pesado.

Exibir pesquisa diretamente no diálogo

Quando você seleciona Exibir pesquisa diretamente na caixa de diálogo, a pesquisa será incorporada ao criativo, em vez de ser vinculada a um botão. Para testar a experiência completa e precisa da pesquisa no criativo, use o bookmarklet. Consulte Testar interceptores para obter mais informações.

Qdica: Esta configuração substituirá as opções de exibição definidas nos conjuntos de ações conectados a este criativo. Para obter mais informações sobre as opções de exibição do conjunto de ações, consulte Opções de exibição.

Selecionar essa opção remove as guias Mensagem e Botões porque você não terá mais uma mensagem ou botões na caixa de diálogo Responsiva, além do que já está definido na pesquisa de destino. A seleção desta opção também significa que você tem diferentes configurações de tamanho e estilo:

Redimensionar a caixa de diálogo automaticamente para se ajustar à sua pesquisa: redimensione automaticamente a caixa de diálogo responsiva para ajustá-la à pesquisa que você está exibindo na caixa de diálogo. A janela será redimensionada automaticamente de acordo com o comprimento da primeira página da pesquisa.

Qdica: Se você quiser que o criativo da caixa de diálogo responsiva seja dimensionado automaticamente para um tamanho maior, adicione mais perguntas à sua primeira página da pesquisa ou adicione mais espaçamento à sua pesquisa. Para reduzir o diálogo responsivo, mova as perguntas para outras páginas a seguir, adicione quebras de página ou diminua o espaçamento dentro da sua pesquisa.
Cor: configure a cor de fundo do criativo escolhendo a partir da paleta de seleção de cores.
Forma da borda: configure o raio da borda do seu criativo. Isso determina como os cantos são arredondados. Você pode escolher entre Nenhum, Levemente arredondado, Moderadamente arredondado, Muito arredondado.
Sombra projetada: configure a sombra projetada em torno do seu criativo. Você pode escolher entre Nenhum, Claro, Médio, Pesado.
Acessibilidade
- Título do iframe: Este texto será lido por um leitor de tela quando o visitante navegar para a janela embutida.

Qdica: Clique na seta na parte inferior esquerda para exibir os rótulos da seção. Para exibir somente os ícones de seção, clique em Ocultar etiquetas.

UTILIZAR UM MODELO

Se você quiser importar um tema de pesquisa para as configurações de estilo do criativo, clique em Usar um modelo.

Os temas são criados pelo Administrador da marca para o uso de usuários em sua marca. Selecione uma marca no menu suspenso e clique em Importar. Se você quiser adicionar um tema a esta lista, entre em contato com o Administrador da marca para obter mais informações.

A importação de um modelo de tema ajustará as seguintes configurações para o criativo:

Cor primária
Cor secundária
Cor de fundo
Tamanho do texto da pergunta
Tamanho do texto de resposta
Espaçamento da pergunta
Contraste do primeiro plano
Logotipo

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.

Mensagem

Na seção Mensagem, você pode configurar o Título e a Descrição que aparecem no seu criativo. A manchete deve ser geralmente uma frase curta que capta a atenção do visitante, enquanto a descrição dá mais detalhes sobre o motivo pelo qual o criativo apareceu para eles.

A fonte será adotada a partir do site que exibe o criativo. Para o título e a descrição, você pode personalizar o texto real, o tamanho da fonte e o peso da fonte.

Botões

Na seção Botões, você pode configurar opções específicas para o número, aparência e destino de cada botão.

Comece escolhendo o número de botões que deseja em seu criativo.
Especifique a forma do botão para cada botão escolhendo Nenhum, Ligeiramente arredondado, Moderadamente arredondado ou Completamente arredondado.
Especifique o tamanho do texto.
Para cada botão:
- Especifique seu texto. Isso é o que diz o botão.
- Selecione o botão Ação para abrir destino ou rejeitar interceptor. Abrir destino indica que esse botão abrirá o destino especificado nos critérios de interceptação. Dispensar Interceptor simplesmente fechará o interceptor.
- Escolha sua Cor do rótulo, Cor do plano de fundo e Cor da borda usando a paleta de seleção de cores.
- Designe uma etiqueta ARIA. Por padrão, os leitores de tela lerão o texto que você indicar para a etiqueta do botão. No entanto, em alguns casos, você pode querer que o leitor de tela leia um contexto adicional, como, por exemplo, “Clique neste botão para abrir uma nova janela de pesquisa”. Neste caso, você pode indicar a etiqueta ARIA para os controles de botão.

Logos & Imagens

Na seção Logotipos e imagens, você pode especificar 1 ou mais imagens/logotipos para incluir no seu criativo.

Você pode optar por carregar uma imagem separada para celular ou desktop, de modo que imagens diferentes sejam exibidas dependendo se o criativo for visto em um navegador para dispositivos móveis ou desktop. Você também pode carregar a mesma imagem, mas com resoluções diferentes para otimizar a exibição em qualquer um dos tipos de browsers de dispositivo.

Qdica: Se você carregar apenas uma imagem para dispositivos móveis, essa imagem será usada para navegadores de dispositivos móveis e de desktop. No entanto, se você carregar somente uma imagem para desktop, essa imagem só será utilizada para navegadores de desktop.

Para tornar a acessibilidade da imagem compatível, você também tem a capacidade de especificar o Texto alternativo para ir com as imagens. (Alt Text é um recurso que permite que os leitores de tela descrevam uma imagem para usuários com deficiência visual.)

Animação

Na seção Animação, você pode escolher o tipo de animação (Esmaecer ou Deslizar) que deseja para o seu criativo conforme ele aparece na tela.

Exibir diálogo após: o número de segundos após o usuário cumprir as condições de interceptação (por exemplo, clica no app) em que esse diálogo é exibido.
Defina o temporizador para fechar a caixa de diálogo: determine quanto tempo depois da caixa de diálogo ela deve ser fechada. Desmarque esta opção para forçar o usuário a fechar a caixa de diálogo para removê-la da tela.
Tipo de transição: escolha se o criativo desaparece ou desliza na tela quando aparecer. Se você escolher Deslizar na animação, também pode selecionar a posição final do criativo na tela (Superior esquerdo, Superior direito, Inferior esquerdo, Inferior direito).
Qdica: Usar o slide No tipo de transição faz com que este criativo se comporte como um Criativo deslizante.
Plano de fundo da fachada: A cor da tela do dispositivo atrás do criativo (Nenhum, Luz, Médio ou Escuro).
Exibição da pesquisa: onde a pesquisa será exibida (nova janela, janela incorporada, janela atual, janela de pop-under ou guia nova).

Conforme necessário, você também pode visualizar suas configurações de animação nesta tela, clicando em Visualizar animação.

Traduções

Você pode adicionar traduções para todo o texto em seu diálogo responsivo. Consulte a página Traduzindo Botões de Feedback & Diálogos Responsivos para obter instruções passo a passo.

Visualização do criativo da caixa de diálogo responsiva

Ao configurar o criativo de diálogo responsivo, você pode visualizar como o criativo ficará em diferentes tamanhos de tela (por exemplo, desktop, celular e tablet).

Salvando e publicando o Criativo de diálogo responsivo

À medida que você adiciona alterações ao criativo de diálogo responsivo, certifique-se de salvar periodicamente seu trabalho clicando no botão Salvar no canto inferior direito, logo acima da área de visualização.

Configurando interceptores

Criativos de diálogo
responsivos podem ser usados com interceptores padrão. Basta garantir que, ao definir o Criativo do interceptor, selecione o criativo da caixa de diálogo responsiva na seção Diálogo responsivo.

Muitas das páginas neste site foram traduzidas do inglês original usando tradução automática. Embora na Qualtrics tenhamos feito nossa diligência prévia para obter as melhores traduções automáticas possíveis, a tradução automática nunca é perfeita. O texto original em inglês é considerado a versão oficial, e quaisquer discrepâncias entre o inglês original e as traduções automáticas não são juridicamente vinculativas.