# 3.1.5 - Popups
Os **Popups de Entrada e Saída** são muito usados em ações de Marketing Digital nos e-commerce. Pensando nisso, trouxemos o nosso Popup com algumas personalizações interessantes.
{% hint style="danger" %}
**Sempre que você for trabalhar com imagens (logo, produto, banner, popup e etc) para a sua loja, não deixe de verificar as orientações abaixo:**
\
\- o nome do arquivo **não** pode conter espaço entre as palavras;\
\- o nome do arquivo **não** pode conter caracteres especiais;\
\- o nome do arquivo **não** pode conter acentos;\
\- **sugerimos** que o nome do arquivo seja curto;\
\- upload para atualizar/substituir uma imagem existente na sua loja, **nunca** use o mesmo nome do arquivo, pois o cache da plataforma vai dificultar a mudança da imagem no servidor da Tray. Se a imagem no site é logo.png agora você deve mudar para logo-nova.png
{% endhint %}
Exemplo: você pode mudar imagem, texto e posicionamento. Dessa forma, você tem mais liberdade para criar e executar mudanças sem depender de outros profissionais.
> Esse é o **Popup de Entrada** (desktop).
> Esse é o **Popup de Entrada** (mobile).
> Esse é o **Popup de Saída** (desktop).
> Agora chegou o momento de configurar os **Popups de Entrada e Saída** de sua loja online. Para isso, basta seguir os passos abaixo:
>
> 1. Com o **Painel de Edição do seu Tema** aberto;
> 2. Clique no item **Popups** do Menu lateral para selecionar e editar;
> 3. Para ativar (ou desativar) o **Popup**, clique em **Ativar popup**;
> 4. Para trocar a imagem, basta clicar na **Imagem existente** e na sequência escolher a imagem que deseja salvar;\
> **OBS:** *O tamanho ideal para essa imagem é de 830px x 555px (desktop) e 420px x 500px (mobile)*
> 5. No campo **Título**, digite o título de sua escolha;
> 6. No campo **Texto** digite o texto de sua escolha;
> 7. No campo **Observação** digite a observação de sua escolha;
> 8. Escolha o **Período** em que o Popup deve aparecer;
> 9. Escolha o **Posicionamento** do Popup;
> 10. **Redimensione** incluindo a Largura e Altura do Popup.\
> **OBS:** Caso não tenha conhecimento para trabalhar com medidas em px aconselhamos deixar os campos largura e altura vazios como estão, mantendo a configuração padrão.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://temaflatnatray.fabrikadeecommerce.com.br/3.-painel-de-edicao-do-tema/3.1-edicao-da-estrutura-e-elementos/3.1.5-popups.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.