> For the complete documentation index, see [llms.txt](https://temaflatnatray.fabrikadeecommerce.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://temaflatnatray.fabrikadeecommerce.com.br/3.-painel-de-edicao-do-tema/3.1-edicao-da-estrutura-e-elementos/3.1.5-popups.md).

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

![Seção POPUPs - Popup de Entrada - Painel do Tema FLAT da Fábrika de E-commerce](/files/-MVvQXfB7MGqw38ET-vV)

> Esse é o **Popup de Entrada** (mobile).

![](/files/rQN8SP32RrJQxo2vR3qv)

> Esse é o **Popup de Saída** (desktop).

![Seção POPUPs - Popup de Saída - Painel do Tema FLAT da Fábrika de E-commerce](/files/-MVvQbx1OXfub7djl3Rf)

> 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)* <br>
> 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.

![](/files/4fdhRFRVfFXU5VOCsYfo)