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 de pesquisa no contêiner e renderiza a pesquisa dentro do layout da sua página. Isso proporciona uma experiência de pesquisa sem interrupções na sessão de navegação do visitante.

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


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


• Insira um Selector de Embed. O seletor identifica o elemento HTML onde a pesquisa será renderizada.


• O Selector de Embed pode ser um seletor CSS ou um nome de seletor simples. Por exemplo, ao inserir my-survey, o alvo é automaticamente [data-qp-intercept="my-survey"].


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

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


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


• Comportamento de disparo é controlado por meio de regras configuradas. Consulte a documentação de 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 das regras de disparo.

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


• Copie o elemento de embed gerado usando o botão Copiar.


• O código de embed gerado aparece semelhante a: .
• Abra a página HTML onde 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.
• Múltiplas interceptações de Inline Embed podem ser usadas em diferentes páginas com seletores diferentes.