Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Components

Annie

Written by Annie

Last updated

884 views

On this page


This section allows you to add many Popup types on the theme: Newsletter Popup, Exit Product Popup, Sales Popup, Age Verification Popup, and Cookie banner. All of them added more features to increase flexibility. Let's stick to this article to figure them out.

Go to Sections > Components > Add block > add the block you want to show on the store.

11.gif

1. Newsletter Popup

12.webp

1.1. GENERAL SETTINGS

  • Text: You are allowed to enter Heading, Subheading, Note text, Checkbox text for the Newsletter popup.

  • Design: you can choose many designs for Newsletter form. Besides, you can choose the Size and Source newsletter button.

  • Color: There are many options for the color of Input, Button and Background.

  • Image and Layout design: You can upload an image and choose the position between image and text.

  • Show for mobile devices: Click on it to show the Newsletter popup on mobile devices.

1.2. SELECT A PAGE TO DISPLAY

You can choose pages to activate the Newsletter popup. These are the pages for you to choose: Home page, Product page, Collection page, Article page, Blog page, Cart page, Other pages.

12.gif

1.3. SHOW POPUP AFTER SETTINGS

  • Show after number of pages visited: You can choose how many pages the user should change before the popup will be shown.

  • Popup version: If you change your promo popup you can increase its version to show the popup to all visitors again.

  • Day next show (n): If user closes the popup, the next popup will show after 'n' days

  • Show popup after: You can choose between Sometimes and User scroll. If you choose Sometimes, you can set time on Popup delay. If you choose User scroll, you can set scrolled pixel on Show after user scroll down the page.

2. Exit Product Popup

This popup is only visible on Desktop devices when the user hover over the top of the browser intending to close the site.

14.webp

2.1. HEADING OPTIONS

  • Header design: There are a total of 5 styles for the header. Moreover, you can also choose Heading align.

  • Text: You are allowed to enter Heading, Subheading and Bottom Space between Heading and Content.

2.2. GENERAL SETTINGS

  • Products: You can choose a maximum of 12 profucts for this popup.

  • Product item design: you can choose the design for the product item.

  • Rating, Colors swatches, Sizes list: you can choose a position for this information or hide them.

  • Show product vendors, Show product countdown

21.gif

2.3. OPTIONS IMAGE PRODUCTS

You are allowed to change Image ratio, Image size, Image position, Product content align, Item per row, Space horizontal items, Day next show (n)

22.gif

2.4. OPTIONS FOR CAROUSEL LAYOUT

  • You can config Loop, Autoplay speed, Pause autoplay on hover for carousel products.

  • Prev/ Next button: You can adjust the Visibility, Button Style, Shape, Color, Size.

  • Page dot: You can change Styles, Color, Round dots and Space among dots.

23.gif

2.5. SELECT PAGE TO DISPLAY

You can choose pages to activate the Exit popup. These are the pages for you to choose: Home page, Product page, Collection page, Article page, Blog page, Cart page, Other pages.

3. Sales Popup

31.png
  • Products: You can choose each product for the popup. Moreover, you can enable Show for mobile devices to show a sale popup on Mobile devices.

3.1. SELECT PAGE TO DISPLAY

You can choose pages to activate the Newsletter popup. These are the pages for you to choose: Home page, Product page, Collection page, Article page, Blog page, Cart page, Other page.

3.2. GENERAL SETTINGS

  • Sale popup type: You are able to choose between Random and Sensequential.

  • Start time, Stay time, Start/ Staytime unit

  • Enable and change the text for close button, Enable Quickview button, and Progress bar.

  • List user purchased: This option allows you to enter fake purchases.

  • Enable time ago in suggest: You can enter the list time. That was separated with '|'.

3.3. LAYOUT SETTINGS

You can change Animation style, Text 'purchased' and Text 'verified'

4. Age Verification Popup

41.png
  • Changing the age limit: You can change the age from 1 to 100. This option only works when you enable "Use enter date of birth".

  • Use enter date of birth: Create the fields for user to submit their birthday.

  • Text: You are allowed to enter Heading, Content, Button label submit, Button label cancel, Text forbidden 1, Text forbidden 2.

  • Day next show (n): If users verify, the next show will be after 'n' days.

TEXTS OPTIONS:

  • You can change the text for Year, Each month, and Day.

DESIGN OPTIONS:

  • Background image: You can upload an image from your device here.

  • Moreover, there are some color options here for you to change.

5. Cookie banner

51.png
  • Show cookie banner: you can choose Show cookie banner for All regions or only Targeted regions for limited data collection.

  • Text: You are allowed to enter the whole text, Button text "Decline", Button text "Accept", Button text "More info".

DESIGN OPTIONS

  • You're allowed to change the color for the button "Accept" and button "Accept" hover.

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.