--- title: "Conteúdo no local" slug: "campaign-on-site" updated: 2026-06-12T10:30:48Z published: 2026-06-12T10:30:48Z canonical: "docs.xtremepush.com/campaign-on-site" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.xtremepush.com/llms.txt > Use this file to discover all available pages before exploring further. # Conteúdo no local Engaje os usuários navegando pelo seu site com nosso canal versátil no local Na aba **onsite** , você pode desenhar a mensagem que será enviada aos usuários do site quando um evento for acionado. Crie uma nova mensagem do zero, selecionando um dos dois estilos disponíveis: Alerta ou popup. Revise nossas [diretrizes de conteúdo](/documentation/docs/pt-br/on-site-creative-guidelines) para obter melhores resultados. ## Alerta Alertas são mensagens mais simples que aparecem no canto superior direito do navegador, semelhantes em aspecto a uma notificação push da web. Os alertas incluem um título, corpo e um ícone opcional. Se você não definir um ícone da campanha, o [ícone do seu site](/documentation/docs/pt-br/website-integration) será mostrado por padrão. Você pode selecionar a *ação padrão* que acontecerá quando o usuário final clicar no alerta: - **Nenhum**: selecionado por padrão. - **URL aberta** - **Vá para o deeplink**: leve os usuários a uma parte específica do app. Veja nosso guia [de deeplinks](/documentation/docs/pt-br/mobile-deeplinks) para mais detalhes. - **Mensagem dentro do aplicativo**: leve os usuários a uma mensagem dentro do app. Uma nova [seção de aba dentro do app](/documentation/docs/pt-br/campaign-in-app) será criada na campanha. - **JavaScript**: execute um comando JavaScript personalizado. > [!NOTE] > Ação padrão do JavaScript > > Não adicione tags HTML `<script>` aqui, apenas coloque o JavaScript que você quer executar. Por exemplo, se você quiser mostrar o prompt web push do navegador para pedir aos usuários que se inscrevam no web push em resposta a uma campanha onsite (leia mais sobre como criar um [prompt em duas etapas](/documentation/docs/pt-br/web-two-step-prompt#use-an-onsite-campaign) aqui), você precisará incluir o seguinte JavaScript: `xtremepush('prompt');` ### Uso de elementos de conteúdo Você pode adicionar emojis e conteúdo dinâmico à sua mensagem de alerta no site. Clique no ícone **sorridente** para exibir uma lista de emojis e clique no que você deseja adicionar à sua mensagem. Clique no ícone **do usuário** para adicionar dados dos seus [campos de atributo de usuário](/documentation/docs/pt-br/attributes-tags) . Digite o nome do campo que deseja usar, ou selecione-o da lista de seleção apresentada. Clique no ícone **do código** para adicionar [trechos de conteúdo](/documentation/docs/pt-br/snippets). Digite o nome do campo que deseja usar, ou selecione-o da lista de seleção apresentada. ## Popup Pop-ups são mensagens mais ricas e com mais opções. Você pode incluir os seguintes elementos na sua mensagem pop-up: imagem, título, texto, rodapé e até dois botões. Alterne entre o **modo conteúdo** (selecionado por padrão) e o **modo estilo** para personalizar o aspecto da sua mensagem. ### Forma Para usar um formulário específico para capturar informações, escolha o tipo aqui. Leia mais sobre como configurar um [formulário de captura de e-mail](/documentation/docs/pt-br/campaign-on-site#email-capture-form1). ### Botões Os botões incluem os seguintes elementos: - Rótulo: o texto que aparecerá no botão - Ação padrão: determina o que acontece quando o usuário clica no botão. Os campos disponíveis são nenhum, enviar, descartar, redirecionar para uma URL ou executar um JavaScript personalizado. - Salvar: [defina um atributo](/documentation/docs/pt-br/attributes-tags) contra esse perfil de usuário ou adicione-o a uma [lista de usuários](/documentation/docs/pt-br/create-a-user-list) (tanto atributos quanto listas de usuários precisam ter sido criados antes). - Assine: assine o usuário em uma categoria de assinatura. Essa opção só aparecerá para projetos que tenham [preferências de assinatura](/documentation/docs/pt-br/consent-management-1) ativadas. - Gatilho: acionar um novo evento ~~em tempo real~~ quando o usuário clicar no botão. > [!TIP] > Identificadores Xtremepush > > Somente listas de usuários que usam identificadores Xtremepush (*ID de Perfil* ou *ID de Dispositivo*) estão disponíveis para uso com a opção **Adicionar à lista** , pois outros identificadores (como ID de usuário e e-mail) são opcionais e podem não ser configurados para todos os perfis de usuário. > [!NOTE] > Enviar ação > > O tipo de ação *de enviar* deve ser usado apenas ao usar a opção [de formulário de captura de e-mail](/documentation/docs/pt-br/campaign-on-site#email-capture-form1) . ### Imagem Configure uma imagem para sua mensagem no local (enviando-a diretamente ou incluindo a URL da imagem) ou defina ícones pré-configurados diferentes para diferentes tipos de mensagem: sucesso, erro, aviso, informação e pergunta. ![1834](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/1731080-Screenshot_2022-10-06_at_13.11.54(1).png?sv=2026-02-06&spr=https&st=2026-11-04T09%3A29%3A09Z&se=2026-11-04T10%3A29%3A09Z&sr=c&sp=r&sig=9ckSolvwS7e0z%2Bu1gVUdEXAY%2FwhOiaxvMvLTkoQqyIQ%3D) A imagem de aviso foi selecionada neste exemplo. ### Elementos de texto Cada elemento de texto pode ser personalizado: você pode inserir HTML bruto, alterar cor, tamanho e formato, e incluir dados dos [seus atributos de usuário](/documentation/docs/pt-br/attributes-tags) para personalização clicando no ícone **de usuário** . ### Opt-in por Canal Inline Esta seção pode ser usada para reinscrever usuários cujos dados de contato você tem contato, mas que podem ter se desinscrito em algum momento. Para mais informações, consulte nosso [guia dedicado a casos de uso](/documentation/docs/pt-br/resubscribe-users). ## Pré-visualizar a mensagem Independentemente do estilo escolhido, o painel direito mostrará uma prévia da sua mensagem. Se você estiver usando [dados dinâmicos](/documentation/docs/pt-br/dynamic-programmable-content), será necessário enviar uma mensagem de teste para ver os dados renderizados. Depois de terminar de criar sua mensagem, você pode gerenciar o evento de gatilho a partir da [aba **Eventos**](/documentation/docs/pt-br/campaign-events). ## Formulário de captura de e-mail Para construir um formulário de captura de e-mail, você precisa selecionar o tipo de mensagem Popup e, no campo do formulário, escolher **Captura de E-mail**. Dois campos adicionais serão agora exibidos: - Opção de marketing: escolha se este usuário será automaticamente assinado por e-mail ou não ao enviar o envio. - Sobre enviar: defina o que acontece quando o usuário envia seu e-mail. Por padrão, o sistema mostrará uma confirmação, mas também é possível *descartar* a mensagem no local ou executar um comando *JavaScript* personalizado. > [!WARNING] > Inclua um botão de Enviar > > Você deve incluir pelo menos um botão cuja ação seja **Enviar** para capturar os endereços de e-mail e repassá-los para a plataforma. O e-mail só pode ser capturado para usuários com ID de usuário definido. Revise nosso [guia dedicado](/documentation/docs/pt-br/set-user-id) sobre como definir o ID de usuário para seus destinatários. ## Multilíngue e variantes É possível criar uma campanha [multilíngue](/documentation/docs/pt-br/campaign-setup#multi-language-support) com novos títulos e mensagens baseadas nos idiomas selecionados no nível da campanha. Também é possível fazer um teste dividido para ver qual [variante](/documentation/docs/pt-br/campaign-split-test) tem melhor engajamento. Ambas as opções são ativadas e configuradas na aba **Configuração** . Os idiomas que você selecionou, junto com as variantes selecionadas, são mostrados no lado esquerdo da campanha. Para poder identificar com qual variante e idioma você está trabalhando, essas informações são exibidas no topo da tela. ![2242](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/12d8c80-Screenshot_2022-10-10_at_12.21.38(1).png?sv=2026-02-06&spr=https&st=2026-11-04T09%3A29%3A09Z&se=2026-11-04T10%3A29%3A09Z&sr=c&sp=r&sig=9ckSolvwS7e0z%2Bu1gVUdEXAY%2FwhOiaxvMvLTkoQqyIQ%3D) Este exemplo mostra uma campanha multilíngue para falantes de inglês e sueco, combinada com testes divididos. Atualmente, o conteúdo mostrado é para a versão em inglês da variante A. ## Ações **O botão Ações** permite **aplicar um modelo** previamente criado a partir de **Conteúdo > Templates** a uma campanha e copiar o conteúdo de um idioma e variante específicos. Para copiar o conteúdo, clique em **Copiar de** quando estiver na variante e no idioma onde deseja aplicar o conteúdo. O sistema mostrará as opções disponíveis para copiar.