dawn theme pop up

Como adicionar um pop-up no Shopify com temporizador

Log in or Sign up to ensure access to purchased code across multiple devices.

Como ver o código

1. Faça login/crie uma conta primeiro. Isso é para garantir que todas as compras estejam conectadas a uma conta e possam ser visualizadas em diferentes dispositivos.

2. Adquira o código através da “caixa de compras” na página específica do código desejado.

3. Após a compra, atualize a página.

Compatibilidade: compatível com a maioria dos temas do Shopify, do Debut ao Dawn 2.0

O pop up deve ajudar sua loja e não incomodar seus clientes. Já criei um modal pop up antes e resolvi fazer um atualizado.

O modal possui três botões. O primeiro botão, que é de inscrição, poderá adicionar o e-mail do cliente na sua lista de clientes assinantes. Se o usuário se cadastrar, não será solicitado novamente mesmo que feche o navegador, a menos que se cadastre com um dispositivo diferente. Para o segundo botão, você pode definir um cronômetro quando quiser que o usuário pergunte novamente. O último é o botão "Não, obrigado" que tentei diminuir, isso irá optar pelo cliente e não será solicitado novamente a menos que ele reabra o navegador novamente.

O que você está comprando:

  • Adicione um modal pop-up sem um aplicativo
  • O pop-up não será exibido novamente se o cliente recusar
  • Tem a opção de perguntar mais tarde

O que torna nosso código melhor:

  • Não usamos bibliotecas externas, com isso dito, nosso código não terá nenhum efeito mínimo no desempenho de velocidade do seu site
  • Não deixamos nem adicionamos códigos para anunciar em nosso site
  • Nosso código é compatível com dispositivos móveis

Quaisquer problemas relacionados ao código serão corrigidos sem custo adicional, excluindo solicitações de customização de código. Basta entrar em contato conosco em "Converse conosco". Estamos a apenas um botão de distância.

Para iniciar:

1. Vá para sua loja online > Temas > Clique em Ações > Editar código.

2. Abra a pasta Seção e crie um novo arquivo. Nomeie-o como "pop-up" e cole o código abaixo. Em seguida, clique em SALVAR.

3. Vá para a pasta Layout, abra theme.liquid e cole o código abaixo antes de {% section 'announcement-bar' %} .

Atualização 12/07/2022: Corrija o bug com o botão "Talvez mais tarde"

É isso (",)

Copied!
Voltar para o blogue

5 comentários

Hello, before closing the popup is it possible to show a message “Thank you for subscribing”?
I dont get any confirmation message, the popup just closes.

Giacom

Hi @IRVIN CONTRERAS,

The recaptcha only appears if you are doing it inside the theme editor. You can also disable recaptcha in your Preferences.
From you Admin store, go to Online Store > Preferences, and go down to Spam protection

Made4Uo

How can i delete the recatpcha button y always on the buttom left

Irvin Contreras

Hi @CHRIS FERNLEY,
I made updates and fix the bug. Thank you for putting this in our attention.

Made4Uo

I have noticed if you fill in your email address but then decide to click “Maybe Later” it then submits your email address to the customers list.

Chris Fernley

Deixe um comentário