# Pop up de Newsletter

Você está aproveitando ao máximo o potencial dos pop-ups de entrada e saída em sua loja virtual? Se ainda não utiliza, este tutorial é para você! 

Aqui, você aprenderá mais sobre esses recursos e como eles podem ajudar a reter clientes em sua loja.

#### O que são Pop-ups de Entrada e Saída?

Os pop-ups de entrada e saída são ferramentas que se ativam automaticamente quando um visitante entra ou tenta sair da sua loja virtual pela primeira vez. 

Eles oferecem uma oportunidade valiosa para capturar a atenção do cliente, seja através de ofertas, inscrições em newsletters ou alertas sobre promoções.

#### Integração com Novos Temas

Vale destacar que todos os novos temas disponibilizados pela iSET já incluem esses pop-ups integrados ao código CMS, facilitando a implementação e personalização conforme as necessidades do seu negócio.

### **Como criar um banner pop-up**

**Acesso ao Painel de Criação**

1- **Acesso ao Painel Administrativo:** primeiro, acesse o painel administrativo da sua loja e clique em **Personalização** >> **Banners**.

<figure><img src="/files/2NMcdTOkUuTy9y5ZjXz4" alt=""><figcaption></figcaption></figure>

2- **Criação de um Novo Banner:** na página de Banners, clique no botão +**Novo** **Banner** para iniciar a configuração de um novo pop-up.

<figure><img src="/files/mgbAshRjstUBH2ypSBQT" alt=""><figcaption></figcaption></figure>

#### **Informações Principais**

1- **Definição do Título:** na página **Novo** **Banner**, comece inserindo um título para o seu pop-up no campo **Título** **do** **Banner**.

<figure><img src="/files/fhLjMUStARAVsf5ZuMB8" alt=""><figcaption></figcaption></figure>

2- **Seleção do Grupo:** em **Grupo** **do** **Banner**, escolha a opção **Pop-up** para definir o tipo de banner que está criando.

<figure><img src="/files/eunvHgENmgSMq5Mn3IRd" alt=""><figcaption></figcaption></figure>

4- Na área chamada **Carrossel** você deve escolher imagem será exibida como pop-up, para isso basta clicar no botão **Enviar Imagem** e localizar a imagem do banner que deseja.

<figure><img src="/files/4CcpmCas1maE5i97vIMQ" alt=""><figcaption></figcaption></figure>

5- Em seguida **desmarque** todas as opções marcadas como SIM, basta clicar sobre os botões e **desativa-los**.

As opções precisam ser desativadas para que o pop-up siga o padrão correto de exibição, caso contrário, o pop-up será exibido como carrossel.

<figure><img src="/files/LYq02peF5SXTabgXnT37" alt=""><figcaption></figcaption></figure>

Após definir os parâmetros básicos, você terá acesso às seguintes configurações adicionais para personalizar seu banner:

**A- Itens Visíveis:** defina o número de imagens que serão visíveis simultaneamente no banner.

**B- Itens Visíveis em Mobile:** especifique o número mínimo de imagens visíveis simultaneamente no banner, mas apenas para resolução mobile.

**C- Tempo de Transição:** ajuste o tempo de espera, em segundos, para a transição de uma imagem para outra.

**D- Velocidade de Transição:** defina a velocidade do efeito de transição entre as imagens, com o padrão sendo 1000 milissegundos.

**E- Tipo:** escolha o tipo de efeito que será utilizado nas transições das imagens no banner.

<figure><img src="/files/GkQTxbJ6ebUsKqNnWWdT" alt=""><figcaption></figcaption></figure>

6- Na seção **Agendamento**, você tem a opção de definir datas específicas para a ativação e a expiração do seu pop-up:

* **Programado para:** defina uma data para que o pop-up seja ativado automaticamente. Insira a data desejada neste campo para que o pop-up comece a aparecer na sua loja virtual conforme programado.
* **Expira em:** escolha uma data para que o pop-up seja desativado automaticamente. Após esta data, o pop-up não será mais exibido aos visitantes da loja.

<figure><img src="/files/7E3vSSejPcxqVbMFMFqP" alt=""><figcaption></figcaption></figure>

7- Na área **Exibir em uma ou mais categorias** você não precisa selecionar nenhuma opção.

<figure><img src="/files/cTDIZlpMwkDNYZpQbW8C" alt=""><figcaption></figcaption></figure>

8- Já no campo **Referenciamento** **do** **Banner** você deve preencher apenas o campo **Tag/Keywords**, nele você deve digitar Pop-up entrada ou pop-up saída de acordo com a sua preferência.

<figure><img src="/files/xePc8037vKqxOCh0Xisw" alt=""><figcaption></figcaption></figure>

9- Em sequência basta clicar no botão **Inserir** e pronto! Seu pop-up foi criado com sucesso.

<figure><img src="/files/j6NqdGI25shY9P8Uzccb" alt=""><figcaption></figcaption></figure>

### **Personalização do pop-up**

1- Para personalizar os pop-ups da sua loja virtual basta acessar o painel da sua loja virtual e clicar em **Personalização** >> **Banners**.

<figure><img src="/files/2NMcdTOkUuTy9y5ZjXz4" alt=""><figcaption></figcaption></figure>

2- Na página **Banners** você terá acesso a todos os banners criados em sua loja virtual. Nela, basta selecionar qual pop-up você deseja editar e clicar no ícone de **Lápis.**

<figure><img src="/files/cH5pG4KeRD21YpcEspfG" alt=""><figcaption></figcaption></figure>

#### **Editar Banner**

1- Na página **Editar Banner** é possível escolher as configurações do seu pop-up conforme suas necessidades. (Todos os campos desta página foram apresentados a cima durante o tutorial).

2- Em seguida basta clicar em **Atualizar** e pronto, todas as alterações feitas em seu pop-up serão salvas.

<figure><img src="/files/RJ3RuBGGMEpEyppd3YZq" alt=""><figcaption></figcaption></figure>

Espero que o conteúdo tenha sido de grande utilidade para você. Caso precise de ajuda, basta entrar em contato com o nosso time de suporte!


---

# 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://ajuda.iset.com.br/inicio/minha-loja/personalizacao/pop-up-de-newsletter.md?ask=<question>
```

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.