> For the complete documentation index, see [llms.txt](https://ajuda.iset.com.br/inicio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.iset.com.br/inicio/minha-loja/personalizacao/pop-up-de-newsletter.md).

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