Components

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.

This section is available from version 4.1. With the older versions, it is called "Popup Pros".

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

1. Newsletter Popup

GENERAL SETTINGS

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

  • Color: Config for Input color, Border color, Button color, ...

  • You also can upload an image and choose the position between image and text on Layout design

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

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.

SHOW POPUP AFTER SETTINGS

  • Show after number of pages visited: You can choose how much pages user should change before 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 close the popup, next show will be after 'n' days

  • Show popup after: You can choose between Somtimes 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 Popup

This popup is only visible on Desktop devices.

HEADING OPTIONS

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

  • Text: You are allowed to enter Heading, Subheading, Heading Icon ( For design 6), Space bottom for the Exit popup.

GENERAL SETTINGS

  • You can choose each product for the popup. In addition, you can change Product item design and choose whether to Show Vendor or not.

PRODUCT IMAGE OPTIONS

  • You are allowed to change Image ratio, Image size, Image position, Product content align, Item per row, Space horizontal items.

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.

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.

SHOW POPUP AFTER SETTINGS

  • Day next show (n) day: If customers close the popup, next show will be after 'n' days.

3. Sale Popup

  • You can choose each product for the popup. Moreover, you can decide to show a sale popup on Mobile devices or not by clicking on Show for mobile devices.

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.

GENERAL SETTINGS

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

  • Moreover, you also can choose Start time, Stay time, Start/ Staytime unit, Enable and change text for close button, Enable Quickview button, and Progress bar.

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

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

LAYOUT SETTINGS

  • Layout settings options: Allow you to configure for Design popup, Animation style, "Purchased and Varified" text.

3. Age verification popup

  • 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".

  • 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.

TEXT 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.

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

DESIGN OPTION

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

[Private Offer] EComposer Partner Plan

Exclusively for Kalles users, 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, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.

  • Create advanced sections & add to Kalles with ease

  • Save up to 50 pages/sections

  • 100+ professional, stunning pre-designed templates

  • Anyone can build pages with live drag-drop editor

How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Kalles+EComposer” to upgrade for free

Cheers, The4.

Last updated