Shopifyでポップアップを表示する方法|ポップアップを表示できるShopifyアプリ5選

How to Display Popups on Shopify | 5 Recommended Popup Apps

Tsunライターチーム

"RuffRuff 予約販売" helps reduce the lost sales opportunities that arise when items are out of stock, before a new product launches, or while waiting for restock.
It lets you implement pre-orders on your own Shopify store with remarkable ease, letting you register unlimited pre-order products and accept unlimited pre-orders. It can also prevent pre-order products from being ordered together with regular products in the same order, and can send back-in-stock notifications when the restock date is undecided.
It also has many unique features not found in other pre-order apps, such as a "deferred payment" feature that lets you collect payment before the product ships.


Improving conversion rate is one of the key challenges in running a Shopify store. Among the many tactics available, popups are known as an effective way to grab visitors' attention and prompt them to take action. This article explains the benefits of displaying popups and introduces Shopify apps that let you display them.

What Is a Popup?

A popup refers to a small screen or window that suddenly appears while browsing a website. A popup opens in a new window or tab separate from the main web page, and is often intended for advertising or promotion. It's commonly used for promoting products or services, or announcing campaigns. Used appropriately, a popup can be an effective way to provide information and promotions, but overusing it risks harming the user experience, so caution is needed.

Benefits of Displaying Popups

Grabs Visitors' Attention

Because a popup suddenly appears on screen, it can forcibly grab a visitor's attention. Compared to ordinary banner ads, it has higher visibility, making it possible to reliably convey important notices or campaign information to visitors.

The blog article below introduces Shopify apps that let you display banners on Shopify. Please use it as a reference.

Makes It Easier to Collect Email Addresses

By using a popup to promote the benefits of subscribing to your newsletter, you can boost your subscriber count and expect to collect a large number of email addresses. By leveraging the email addresses you've collected, you can run effective email marketing.

The blog article below introduces the benefits of email marketing on Shopify and recommended newsletter apps. Please use it as a reference.

Contributes to Higher Conversion Rates

By showing an attractive popup at the right moment, you can prompt a variety of conversions, such as product purchases or requests for materials. For example, showing a popup that announces a limited coupon to a visitor who looks like they're about to abandon their cart can help prevent cart abandonment and improve the purchase rate.

The blog article below introduces the causes of cart abandonment and recommended apps to prevent it. Please use it as a reference.

How to Display Popups on Shopify

Using a Shopify Theme

First, here's how to use a Shopify theme. Some Shopify themes provide a section that can display popups. The benefit of displaying a popup banner via a Shopify theme is that it incurs no additional cost. The drawback is that you can't finely customize things like display timing or design. Check whether your current theme can display a popup!

Using a Shopify App

Next, here's how to use a Shopify app. Compared to a Shopify theme, it offers greater customizability in terms of display timing and design. On the other hand, it comes with a monthly fee. Check whether a Shopify app can achieve what you want to do, and consider how much you're willing to pay per month for it.

Customizing the Source Code

There may be cases where you still can't achieve what you want even by using a Shopify app. In such cases, you'll need to customize the source code of your Shopify theme.

The benefit is that you can build it for free and freely customize the design. The drawback is that it requires programming knowledge such as HTML, CSS, and JavaScript. Beyond the initial development, it also requires ongoing maintenance, such as time to test that it behaves as intended and to swap in different banners.

Recommended Shopify Apps for Popups

Promolayer

Promolayer | Shopify App Store

Source: Promolayer | Shopify App Store

Promolayer is a Shopify app provided by PEAKDIGITAL. It's available in Japanese, and lets you easily create popups and slide-ins using templates, helping with new lead generation and reducing drop-off. Its A/B testing feature lets you optimize and rethink your store's design to boost sales. On the free plan, you can display up to 1,000 popups per month.

The blog article below introduces Promolayer's features, recommended functionality, and setup steps in detail. Please use it as a reference.

Promolayer Pricing Plans

Pricing Plan Free Micro Basic Standard Professional Enterprise
Monthly Fee $0 $15 $25 $70 $150 $320
Display Count 1,000/month 5,000/month 15,000/month 100,000/month 300,000/month 1,000,000/month
Number of Popups You Can Create Unlimited Unlimited Unlimited Unlimited Unlimited Unlimited
Live Chat Support 〇 〇 〇 〇 〇 〇
Number of Form Entries Collected Unlimited Unlimited Unlimited Unlimited Unlimited Unlimited
Conversions Unlimited Unlimited Unlimited Unlimited Unlimited Unlimited
Announcements Unlimited Unlimited Unlimited Unlimited Unlimited Unlimited
Unlimited A/B Test Creation - 〇 〇 〇 〇 〇
No "Powered By Promolayer" Label - 〇 〇 〇 〇 〇
Auto-Reply Email Setup - 〇 〇 〇 〇 〇

Pop Convert ‑ Pop Ups, Banners

Pop Convert ‑ Pop Ups, Banners | Shopify App Store
Source: Pop Convert ‑ Pop Ups, Banners | Shopify App Store

Pop Convert is a Shopify app that lets you display popups and banners designed to maximize your Shopify store's conversions. Using an intuitive drag-and-drop editor, you can create popups, smart bars, and banners, and collect email addresses and phone numbers from visitors. Using the app, you can drive visitors to a specific URL, display attractive coupons, or announce information you want to convey.

Pop Convert ‑ Pop Ups, Banners Pricing Plan

Free

Privy

Privy | Shopify App Store
Source: Privy | Shopify App Store

Privy is a Shopify app that provides a versatile marketing toolset for boosting your Shopify store's conversion rate. You can create popups, banners, a wheel of fortune, and more. It also comes with rich email marketing and automation features, letting you easily run effective campaigns. Its simple, intuitive interface is appealing, letting even beginners use it without confusion.

Privy Pricing Plans

Pricing Plan BASIC CONVERT PLAN CONVERT PLAN STARTER PLAN GROWTH PLAN
Monthly Fee $12 $24 $30 $45
Additional Costs Increases with page views Increases with page views Increases with number of email contacts Increases with number of email and SMS contacts
Page-View Limit Limited to 10,000 page views/month Starts at 10,000 page views/month - -
Number of Contacts - - Up to 1,500 email contacts Up to 2,000 email contacts and 75 SMS contacts
Convert Features Some features available All features available All features available All features available
Popup Types - Access to all types Access to all types Access to all types
Popup Targeting - Advanced targeting Advanced targeting Advanced targeting
Sync with Email Service Providers - Available Available Available
Email Marketing - - Full access Full access
Email Sending - - Unlimited Unlimited
Email Targeting and Automation - - Advanced features Advanced features
SMS Marketing - - - Full access
SMS Targeting and Automation - - - Advanced features

Klaviyo

Klaviyo | Shopify App Store
Source: Klaviyo | Shopify App Store

This is one of the most popular email-delivery apps among Shopify apps. It offers a full set of features needed for email delivery, and one of its strengths is that it integrates with a wide range of other Shopify apps. It can also display popups for collecting email addresses, and can send automated emails such as "I want to automatically send customers an email with XX content at the timing of OO."

It can also display a back-in-stock notification form when an item is out of stock, and automatically send an email to people who signed up for back-in-stock notifications once the product is restocked.

The blog article below introduces Klaviyo's features and functionality. Please use it as a reference.

Klaviyo Pricing Plans

Contacts (people) Monthly Emails Sent Price ($)
250 500 $0
500 5,000 $20
1,000 10,000 $30
5,000 50,000 $100
10,000 100,000 $150
50,000 500,000 $720
100,000 1,000,000 $1,380
500,000 Contact us Contact us
1,000,000 Contact us Contact us

Omnisend

Omnisend | Shopify App Store
Source: Omnisend | Shopify App Store

Omnisend is the next best-known email-delivery app after Klaviyo. It's relatively cheaper to get started with compared to Klaviyo, and although its settings screen is in English, it's built to be intuitive and easy to understand. Like Klaviyo, Omnisend can also display popups and run automated emails.

The blog article below introduces Omnisend's features and functionality. Please use it as a reference.

Omnisend Pricing Plans

Contacts (people) Monthly Emails Sent Price ($)
250 500 $0
500 6,000 $16
1,000 12,000 $20
5,000 60,000 $65
10,000 120,000 $115
50,000 600,000 $330
100,000 1,200,000 $720
500,000 Contact us Contact us
1,000,000 Contact us Contact us

Key Points for Using Popups Effectively

Display Them at the Right Timing

Displaying a popup at the right timing is important. By analyzing visitor behavior, you can boost your conversion rate by showing a popup right before a visitor is about to leave, after they've stayed on the site for a certain amount of time, or when they reach a specific page — displaying it at the right moment.

Think Carefully About Appealing Design and Copywriting

Be mindful of appealing design and copywriting. Use a design that matches your brand image, and be sure to keep things consistent. Convey a clear, concise message that grabs visitors' attention. Emphasize perks or discounts, and craft copy that prompts visitors to take action. Optimize the popup's size and placement, and be careful not to harm the user experience.

Optimize Through A/B Testing

Optimizing through A/B testing is also essential. Create popups with different designs, copy, and layouts, and run A/B tests. Analyze how visitors respond and identify the most effective popup. It's important to continuously improve your popups based on test results to boost your conversion rate. You'll need to keep testing regularly to adapt to changing user preferences.

Summary

Using popups on your Shopify store contributes significantly to improving your conversion rate. The apps introduced in this article let you easily create and display popups. When using popups, be mindful of displaying them at the right timing, using appealing design and copywriting, and optimizing through A/B testing.

Finally, this article introduced Shopify apps that can display popups, but the blog article below introduces various other recommended apps by category, covering areas such as "customer acquisition," "sales growth," and "blog post enhancement." Please use it as a reference.

👆️目次はShopifyアプリ「RuffRuff 目次作成」を利用

👆️Table of contents by the Shopify app RuffRuff Table of Contents

Back to blog
1 of 6
  • 【ストアインタビュー後編】やりながら育てるShopify。「野菜をMOTTO」の試行錯誤:モンマルシェ株式会社 河野雄士さん

    [Store Interview, Part 2] Building and Growing ...

    テキサス・アユミ

    "Even when e-commerce is the main battlefield, e-commerce isn't the goal." An in-depth look at our interview with Yuji Kono of Mon Marché, whose brand "Yasai wo MOTTO" grew its...

    [Store Interview, Part 2] Building and Growing ...

    テキサス・アユミ

    "Even when e-commerce is the main battlefield, e-commerce isn't the goal." An in-depth look at our interview with Yuji Kono of Mon Marché, whose brand "Yasai wo MOTTO" grew its...

  • 【ストアインタビュー前編】 ECが主戦場でも、ECが目的ではない。「野菜をMOTTO」が貫くEC戦略:モンマルシェ株式会社 河野雄士さん

    [Store Interview, Part 1] Even When E-Commerce ...

    テキサス・アユミ

    "Even when e-commerce is the main battlefield, e-commerce isn't the goal." Part 1 of our interview with Yuji Kono of Mon Marché, whose brand "Yasai wo MOTTO" grew its e-commerce...

    [Store Interview, Part 1] Even When E-Commerce ...

    テキサス・アユミ

    "Even when e-commerce is the main battlefield, e-commerce isn't the goal." Part 1 of our interview with Yuji Kono of Mon Marché, whose brand "Yasai wo MOTTO" grew its e-commerce...

  • 【ストアインタビュー後編】取り返しのつかない失敗さえしなければ、全部学びになる。EC戦略と経営哲学:Beverich株式会社 代表取締役 木下慶さん

    [Store Interview, Part 2] As Long as You Don't ...

    テキサス・アユミ

    Kei Kinoshita, President of Beverich, discusses his strategy for splitting roles between Shopify and Amazon, how he uses the RuffRuff apps, and a management philosophy that turns failure into learning....

    [Store Interview, Part 2] As Long as You Don't ...

    テキサス・アユミ

    Kei Kinoshita, President of Beverich, discusses his strategy for splitting roles between Shopify and Amazon, how he uses the RuffRuff apps, and a management philosophy that turns failure into learning....

1 of 3
  • Our Editorial Process

    For readers new to e-commerce and Shopify, we write our articles with care to explain difficult commerce and marketing terms, along with how everything works from building a store through to selling, as “gently,” “clearly,” and “accurately” as we can.

    Learn more 
  • About the information on this site

    The information published here is based on Tsun Inc.’s own experience and research. While we make every effort to publish information that is as “current” and “accurate” as possible, we cannot fully guarantee its contents. Tsun Inc. accepts no liability whatsoever for any damages arising from this site. If you find an error in the information published here, we would be grateful if you would contact Tsun Inc.