---
title: "Conteúdo de push na web"
slug: "campaign-web-push"
updated: 2026-06-12T10:30:48Z
published: 2026-06-12T10:30:48Z
canonical: "docs.xtremepush.com/campaign-web-push"
---

> ## 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 de push na web

Projete notificações push web para Safari, Chrome, Opera e Firefox

Na aba **Web Push** , você pode criar a notificação web push que será enviada aos usuários nos [navegadores suportados](/documentation/docs/pt-br/quick-start-web-push#supported-browsers).

## Construa seu push web

A notificação deve incluir um título da mensagem, corpo e uma URL. Opcionalmente, um [ícone e uma imagem](/documentation/docs/pt-br/images-for-push) que serão exibidos junto à mensagem também podem ser incluídos ([leia as melhores práticas](/documentation/docs/pt-br/web-push-creative-guidelines)).

Além disso, há uma opção para selecionar em qual categoria de push sua mensagem se enquadra. Cada categoria permite que os usuários configurem ações padrão e uma lista de botões para sua mensagem. Leia nosso guia dedicado para mais informações sobre [categorias de empurrar](/documentation/docs/pt-br/push-categories).

> [!NOTE]
> Ícone push do Safari
> 
> No Safari, não é possível definir um ícone diferente do ícone padrão do site que está configurado.

### Uso de elementos de conteúdo

Você pode adicionar emojis e conteúdo dinâmico ao seu push web, tanto para o título quanto para o corpo da mensagem.

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.

### Pré-visualizar a mensagem

O menu direito mostra uma prévia de como as notificações push serão apresentadas nos diferentes navegadores. Se você estiver usando [dados dinâmicos](/documentation/docs/pt-br/dynamic-programmable-content), precisará enviar uma mensagem de teste para ver os dados incluídos.

## 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/0c5fc78-Screenshot_2022-09-21_at_13.02.30(1).png?sv=2026-02-06&spr=https&st=2026-11-04T09%3A28%3A45Z&se=2026-11-04T10%3A28%3A45Z&sr=c&sp=r&sig=7LDwYnnjinBh3DWqOLwQMBuPpRdp8GQRoklxm7dDX04%3D)

Este exemplo mostra uma campanha multilíngue para falantes de inglês e italiano, combinada com testes divididos. Atualmente, o conteúdo mostrado é para a versão italiana da variante A.

> [!NOTE]
> Navegadores
> 
> Ao selecionar qual navegador enviar a mensagem, que estava disponível nesta página, agora ela foi movida para a [aba **Segmento**](/documentation/docs/pt-br/campaign-segment).