---
title: "Diretrizes criativas no local"
slug: "on-site-creative-guidelines"
updated: 2026-06-12T10:30:57Z
published: 2026-06-12T10:30:57Z
canonical: "docs.xtremepush.com/on-site-creative-guidelines"
---

> ## 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.

# Diretrizes criativas no local

> [!NOTE]
> Tamanho máximo do arquivo
> 
> Todos os arquivos enviados para a plataforma devem ter menos que 2MB.

Mensagens no local podem ser criadas no estilo alerta ou pop-up. Diretrizes são fornecidas para cada estilo.

## Alerta

- **Dimensões sugeridas**: 256x256 px (deve ser quadrado)
- **Formatos de imagem válidos**: PNG, JPG (JPEG), GIF

![786](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/f61a51c-Screenshot_2022-10-12_at_17.28.45(1).png?sv=2026-02-06&spr=https&st=2026-11-04T09%3A29%3A04Z&se=2026-11-04T10%3A29%3A04Z&sr=c&sp=r&sig=nN9KunPtiJh3U8r3xdg14IosfSQL89tgREYAAww%2Bw%2B4%3D)

## Pop-up

Para pop-ups, recomendamos que você crie vários modelos que implementem suas diretrizes de marca para pop-ups, com diferentes tipos de botões (por exemplo, CTA de dois botões). Nesses modelos, você pode definir as cores da marca conforme descrito abaixo. Primeiro, navegue até a seção de modelos (**Conteúdo > Modelos**) e selecione mensagem no local:

![2854](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/a09dc61-Screenshot_2021-08-20_at_10.47.04(1).png?sv=2026-02-06&spr=https&st=2026-11-04T09%3A29%3A04Z&se=2026-11-04T10%3A29%3A04Z&sr=c&sp=r&sig=nN9KunPtiJh3U8r3xdg14IosfSQL89tgREYAAww%2Bw%2B4%3D)

Uma vez no editor, selecione pop-up e clique no pincel para editar a paleta de cores usada para os componentes-chave.

![1358](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/014e686-create_onsite_template_image(1).png?sv=2026-02-06&spr=https&st=2026-11-04T09%3A29%3A04Z&se=2026-11-04T10%3A29%3A04Z&sr=c&sp=r&sig=nN9KunPtiJh3U8r3xdg14IosfSQL89tgREYAAww%2Bw%2B4%3D)

Este gráfico ilustra como as configurações se mapeiam para os vários componentes do pop-up:

![1358](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/917c93c-onsite_colors_image(1).png?sv=2026-02-06&spr=https&st=2026-11-04T09%3A29%3A04Z&se=2026-11-04T10%3A29%3A04Z&sr=c&sp=r&sig=nN9KunPtiJh3U8r3xdg14IosfSQL89tgREYAAww%2Bw%2B4%3D)

Depois de configurar os templates com os valores de cor padrão, pode adicionar imagens ao criar campanhas pop-up individuais.

### Dimensões da imagem

- **Dimensões**: O tamanho máximo da imagem é 2000x2000 px. A configuração de altura da imagem (automática por padrão) redimensiona a imagem exibida proporcionalmente.
- **Formatos de imagem válidos**: PNG, JPG (JPEG), GIF (também animado)

![493](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/f0909d4-onsite_message_example(1).png?sv=2026-02-06&spr=https&st=2026-11-04T09%3A29%3A04Z&se=2026-11-04T10%3A29%3A04Z&sr=c&sp=r&sig=nN9KunPtiJh3U8r3xdg14IosfSQL89tgREYAAww%2Bw%2B4%3D)