Passar para o conteúdo principal
Pop-up

Nessa documentação iremos mostrar como ativar e configurar o Pop-up em sua loja virtual.

Bruno Pacheco avatar
Escrito por Bruno Pacheco
Atualizado há mais de uma semana

Acesse o painel da sua loja virtual, no menu selecione Aparência>Temas e clique em "Personalizar".

Clique na Imagem para Ampliar.

No editor de aparência, selecione a opção "Configurações de Tema".

Clique na Imagem para Ampliar.

Em Configurações de tema, clique na seção "Pop-up".

Clique na Imagem para Ampliar.

Na seção de Pop-up, teremos as seguintes opções:

  • Exibir Pop-up: Essa opção serve para você ativar e desativar o Pop-up em sua loja virtual.

  • Estilo de pop-up: Permite selecionar o estilo que ficará a imagem do Pop-up na sua loja virtual.

  • Páginas para exibir o Pop-up: Poderá selecionar se deseja que o Pop-up apareça na "Somente Página inicial" ou "Em todos as páginas".

  • Ativar captura de e-mail: Essa opção serve para ativar o campo "Digite seu e-mail", e o campo "Digite seu nome" onde o visitante poderá digitar seu e-mail.

  • Imagem do logotipo: Permite adicionar a logo da sua loja virtual ou de outro.

  • Imagem desktop: Permite adicionar uma imagem no seu Pop-up que ficará em destaque no Desktop.

  • Imagem Mobile: Permite adicionar uma imagem no seu Pop-up que ficará em destaque no modo Mobile.

Clique na Imagem para Ampliar.

Mais abaixo, temos algumas outras opções;

  • Título: Permite adicionar um titulo que ficará em destaque no Pop-up

  • Texto: Poderá inserir um texto no Pop-up

  • Alinhamento do conteúdo: Permite escolher a posição que ficará o conteúdo que inseriu no Pop-up, terá as seguintes opções: "Centralizado", "Direita" e "Esquerda".

  • Texto do botão: Essa opção permite inserir um texto no botão do Pop-up.

  • Link do botão: Poderá inserir um link ou uma página, produto da sua loja virtual, para o visitante ser direcionado ao clicar no botão.

Clique na Imagem para Ampliar.

Abaixo mostraremos alguns exemplos:

Nesse exemplo, inserimos uma imagem com fundo escuro, em Estilo de layout deixamos a imagem adicionada como: Imagem de fundo.

Clique na Imagem para Ampliar.

Nesse exemplo, inserimos uma imagem, em Estilo de layout deixamos a imagem que adicionamos como: Imagem a esquerda.

Clique na Imagem para Ampliar.


No modo Mobile, inserimos uma imagem com fundo escuro, em Estilo de layout deixamos a imagem adicionada como: Imagem de fundo.

Clique na Imagem para Ampliar.

Em Personalização, teremos as seguintes opções:

  • Cores: Permite personalizar as cores dos textos, fundo e botão do Pop-up da sua loja.

  • Fontes: Permite escolher as fontes, espaçamento entre as letras, tamanho das palavras do seu Pop-up.

  • Bordas: Permite deixar as bordas do botão arredondadas.

Clique na Imagem para Ampliar.

Depois de concluir as modificações, clique em "Publicar" para estar sendo aplicado as alterações realizadas em sua loja virtual.

Lembramos que pode levar até 30min para estar sendo publicado as modificações.

Precisa de ajuda? Clique aqui e veja como falar conosco.

Respondeu à sua pergunta?