Inline Embed

Inline Embed permite que você exiba uma pesquisa diretamente dentro do conteúdo do seu site, em vez de mostrá-la como um popup ou widget deslizante. A pesquisa é renderizada dentro de um contêiner HTML específico na sua página, dando a você controle total sobre onde a pesquisa aparece.

O widget localiza o elemento alvo durante o carregamento da página, injeta um iframe da pesquisa no contêiner e renderiza a pesquisa dentro do layout da sua página. Isso proporciona uma experiência de pesquisa contínua sem interromper a sessão de navegação do visitante.

• Navegue até o Workspace apropriado e selecione o Project onde você deseja criar a interceptação.


• Clique em Criar Interceptação e selecione Inline Embed entre os tipos de interceptação disponíveis.


• Insira um Selecionador de Incorporar. O selecionador identifica o elemento HTML onde a pesquisa será renderizada.


• O Selecionador de Incorporar pode ser um seletor CSS ou um nome de selecionador simples. Por exemplo, inserir my-survey direciona automaticamente para [data-qp-intercept="my-survey"].


• Clique em Salvar para criar a interceptação de Inline Embed.

• Abra a seção de Regras de Disparo após criar a interceptação.


• Configure as condições que determinam quando a pesquisa deve aparecer.


• O comportamento de disparo é controlado por meio das regras configuradas. Consulte a documentação das Regras de Disparo para informações detalhadas sobre todos os tipos de regras e condições disponíveis.


• Clique em Salvar para aplicar a configuração da regra de disparo.

• Abra a seção de Configurações do Widget da interceptação.


• Copie o elemento de incorporação gerado usando o botão Copiar.


• Abra a página HTML onde você deseja que a pesquisa apareça e cole o elemento gerado na localização desejada.
• Quando a página carrega, o widget localiza o contêiner alvo, injeta um iframe e renderiza a pesquisa dentro da página.

• Use a configuração de Altura para controlar a altura do iframe da pesquisa em pixels.


• Use a configuração de Largura para controlar a largura do iframe da pesquisa em pixels.


• Use a configuração de Posição para alinhar a pesquisa horizontalmente dentro do contêiner usando alinhamento à Esquerda, Centro ou Direita.

A posição controla apenas o alinhamento horizontal dentro do contêiner e não determina onde a pesquisa aparece na página da web.

• O elemento HTML alvo deve existir na página da web para que a pesquisa seja renderizada.
• As condições de disparo devem ser atendidas antes que a pesquisa seja exibida.
• A pesquisa é renderizada dentro de um iframe no contêiner alvo.
• Várias interceptações de Inline Embed podem ser usadas em diferentes páginas utilizando diferentes seletores.