Entry Popup Settings

A different type of popup that displays as soon as customers enter your site. Similar to the exit popup, you will need to incentivize the popup for an attractive offer.
Written by Jonathan Diaz
Updated 2 months ago

A different type of popup that displays as soon as customers enter your site. Similar to the exit popup, you will need to incentivize the popup for an attractive offer.

1 The first step is to open the theme settings area of your Shopify theme config and go into the Entry Pop-Up Settings section.

Step 1 image

2 Next, click Enable Pop-Up.

Step 2 image

3 Next, click Enable Logo in Pop-Up.

Enable it, If you want to show your logo in the popup.

Step 3 image

4 Next, click Replace to change the logo image.

Step 4 image

5 Now, select popup delay timing.

If you select 10 seconds then the popup will display after 10 seconds.

Step 5 image

6 Next, open the highlighted dropdown and select the number of days before the popup shows again.

if you select 2 days then the pop-up will display again after 2 days from closing time.

Step 6 image

7 Enter a popup maximum width.

Note: enter the only number without any suffix or prefix.

Step 7 image

8 Now, enter your popups Heading text.
You can wrap text into a span tag to highlight it.

Ex. 'Get <span>$100 Off</span>'

Step 8 image

9 Now scroll down to enter Content.

This will show below Heading text.

Step 9 image

10 Now enter a countdown time in seconds.

Note: enter the only number without any suffix or prefix.

Step 10 image

11 Enter Button Text.

Ex.: 'Get $10'.

Step 11 image

12 Now type Bottom Text.

It will show below the countdown timer.

Step 12 image

13 Next, select a color for the terms & conditions text.

Step 13 image

14 Now, click save to save your theme config and preview your changes.

That's it. You are done!

Step 14 image

15 Entry Popup.

Step 15 image

Here's an interactive tutorial for the visual learners

https://www.iorad.com/player/1584602/DemoStore---Entry-Popup-Settings

Enable Pop-Up – Toggle the Entry Popup on or off.

Enable Logo in Pop-Up – Display your logo in the popup if you’d like. Choose your image.

Seconds until Pop-Up is displayed – Choose how long it will be until the Entry Popup shows. 0-120 seconds.

Days until Pop-Up is displayed again – Specify how many days until a visitor sees your Entry Popup again. Use Test Mode to configure your settings.

Maximum width – Specify the max width for the entry pop. The default is 600.

Heading – Insert your Entry Popup heading here. Ex: “Get 20% off”.

Text – Insert sub-heading here. Ex: “When you spend $149”

Countdown Timer Date (in sec.) – Specify the date until the offer resets.

Button Text – Write your button text here. Typically a CTA. Ex: “Give Me 20% Off!”

Bottom Text – Write your bottom text here and wrap up your offer. Ex: “By clicking the button, you’ll 1. Confirm your email address. 2. Stay up to date with our latest news and offerings.”

Mailchimp Form – Enable this if you use Mailchimp as your Email Service Provider.

Mailchimp Form URL – Copy and paste your Mailchimp Form URL here, so registrants go into your flow.

MarketHero, Contactflow and Klaviyo Form – Enable this if you use these Email Service Providers.

MarketHero, Contactflow and Klaviyo form HTML – Copy and paste your form from your ESP here, so registrants enter your flow.

Agree Text Color – Changes the color of the opt-in text near the checkbox.

Did this answer your question?