Popup

About Popup Section

Overview

A Popup refers to a small window or overlay that appears on top of the main content of your store. Popups are used to deliver targeted messages, promotions, notifications, or collect specific information from your customers.

In this article, you will know how to set up the Blum Popup.

Starting from Blum version 3.4.0, we’ve released a new sticky popup section built with the block-based layout, giving you the flexibility to create more powerful popup layout for your store. For stores using earlier theme versions, the old popup will remain. If you’d like to upgrade to the latest version, please read this article.

Access Blum Popup Settings

From any page in your Blum Admin Dashboard, scroll down and click on the Newsletter popup (Blum version 3.4.0)/Popup (old versions) group to access Popup settings.

Popup Configuration in Blum version 3.4.0

General

There are 3 options for popup display:

• Reaching the footer: The popup appears when the user scrolls to the footer of the page.
• After Add to cart notification: The popup is triggered once visitors close the cart notification.
• Delay after page loaded. You can set the time delay with 15 seconds at max

If you choose When to show is Reaching the footer of Delay after page loaded, you can also setup the popup display freequency. There are 3 available options:

• After each browser section: the popup appears everytime a vistor visits your website
• Until visitor clears cookies: the popup re-appears when a visitor clear cookies on their browser
• After a set number of days: the popup re-appears after a set number of days (30 days at max)

You can also setup to make the popup only show on homepage or for non-login visitors.

Layout & Size

The Layout setting allows you to:

• Choose the popup direction: Vertical or Horizontal
• Adjust the alignment of the content inside the poup: Left, Center, Right
• Change the position of popup: Middle, Bottom
• Adjust the gap among group container inside the popup

The Size settings allows you to change the width of the popup.

Sticky Popup

The sticky popup presents in a shape of the sticky button. It’s triggered when the full popup is dismissed. If you click on this button, the popup will open again.

You can enable or disable this sticky popup. Feel free to adjust the content alignment, change the popup position and set the color for it.

Popup Content Group Configuration

The new sticky popup section is built with block-based layout so it gives you more capability to create your desire popup presence.

This works similarly to Custom Section

Popup Configuration in old versions

In the settings, you can see that the Blum Popup can be customized by setting up the following sections:

General

Most importantly, Blum theme lets you enable or disable popup on your Shopify store.

You can select a color scheme for the popup. Choose from the available set of schemes. To customize these schemes further, visit Theme Settings > Color.

Edit Image

In order to include a background image, simply click on the “Select image” button. This will open the media manager, where you can drag and drop your image, or choose an existing image on the media manager.

Then, simply click the Change button to reselect the image, remove the image, or connect to a dynamic source of Shopify.

With Dynamic source, you can select the image which are uploaded from your Shopify store > Settings > Brand

• Click on the Edit brand, it will direct you to the settings to upload images

• Upload image on the Logos and Square section
• Click save and get back to the Popup settings page to change the image

Edit Text

Crucially, the Blum theme provides the ability to separately include three different types of information in the popup: subheading, heading, and description to display. You can freely adjust content for these tabs individually by entering the text on the box. If you want to hide it in the actual store, simply leave the text box blank.

Edit Trigger

There are 2 options to select for the popup to show here:

• Reaching the footer: when scrolling down to the bottom section of a page where the footer is located.
• After closing cart notification: refers to a notification or message that appears to customers after they have closed or exited the shopping cart.

Additionally, you can enable or disable these options for the Popup appearance:

• Show only on the home page
• Show only for non-login visitors.

Section Block Configuration

There are two types of blocks that you can add to this section: Newsletter form and Call to action.

Edit Call To Action

This block refers to a button that can be clicked to redirect customers to another page or a specific destination of your choice. It provides a convenient and visually prominent way to guide visitors to the desired location within your store or external resources.

To adjust the Block:

• Click on the block and go to the Settings, you can insert the button label name for the button to add a button here.
• Click on the button link to add a direct link for it.
• If you want to remove one button, just delete the text in the button label.

Edit Newsletter Form

To adjust the settings for this Newsletter, go to the Newsletter section in your theme settings. Emails submitted here will be automatically added to your email subscribers list.

Frequently Asked Questions

What Is Popup?

Popup is a small window popped on your homepage, normally display on top of the main content of your store. You can organize Blum Popup to be displayed on any webpage, not limited to homepage.

What Are The Best Use Cases Of Blum Popup?

Popup should be used for advertisement purpose, to deliver targeted messages, promotions, notifications, sent specific deals to customers, or to survey.