dawn theme pop up

How to Add a Pop Up on Shopify With Timer

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

How to see the code

1. Please log in/create an account first. This is to ensure that all purchases are connected to an account and can be viewed on different devices.

2. Purchase the code using the "purchase box" on the specific page of the desired code.

3. After the purchase, please refresh the page.

Compatibility: Compatible on most Shopify themes, from Debut to Dawn 2.0

The pop up should help your store and not annoy your customers. I created a pop up modal before and decided to make an updated one.

The modal has three buttons. The first button, which is for subscribing, will be able to add the customer's email in your customer list of subscribers. If the user sign up, they will not going to be ask again even they close the browser, unless they sign up with a different device. For the second button, you can set a timer on when you want the user to be ask again. The last one is the "No, thank you" button which I tried to make it small, this will opt the customer and will not be ask again unless they reopen the browser again. 

What you are buying:

  • Add a pop up modal without an app
  • Pop up will not show again if customer decline
  • Have an option to be ask later

What makes our code better:

  • We do not use external libraries, with that being said, our code will have no to minimal effect to your website's speed performance
  • We do not leave or add codes use to advertise for our website
  • Our code is mobile friendly

Any issues related to the code will be fix with no additional cost, excluding code customization requests. Simply contact us with "Chat with us." We are just a button away. 

 To start:

1. Go to your Online store > Themes > Click Actions > Edit code.

2. Open the Section folder and create a new file. Name it "pop-up", then paste the code below. Then click SAVE.

 

3. Go to Layout folder, open the theme.liquid, then paste the code below before the  {% section 'announcement-bar' %}.

 

Update 07/12/2022: Fix the bug with the "Maybe later" button

That's it (",)

Copied!
Back to blog

5 comments

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

Leave a comment