Learn Shopify 如何通过 2 种简便方法在 Shopify 上添加弹出窗口

如何通过 2 种简便方法在 Shopify 上添加弹出窗口

GemPages Team
Updated:
6 minutes read
How to Add A Pop-up on Shopify in 2 Easy Ways

在 Shopify 商店中添加弹出窗口是吸引访客注意力、推广特价商品、收集营销电子邮件地址或分享重要信息的绝佳方式。您可以使用各种方法在 Shopify 上创建弹出窗口,包括应用程序或手动向主题添加代码。

如何轻松在 Shopify 上添加弹出窗口?以下是分步指南,可帮助您在几分钟内开始使用!

为什么正确的弹出窗口对于您的 Shopify 商店至关重要

弹出窗口对于收集电子邮件地址、推广特价商品、向客户推荐产品等非常有用。这些是销售的基石,通过弹出窗口吸引客户是您的首要任务,因此一定要做好!

Shopify 商店弹出窗口示例

Shopify 页面中使用的弹出窗口示例

了解如何在 Shopify 上添加弹出窗口以:

  • 将访问者引导至您选择的特定产品页面
  • 触发销售和营销活动
  • 沟通因意外事件导致的运输延误
  • 在结账时推荐补充购买/交叉销售

了解更多如何使用网站弹出窗口扩大您的电子邮件列表?

如何在 Shopify 商店中添加弹出窗口

如果您想在 Shopify 商店中添加弹出窗口,您有两个选择。您可以使用用户友好的第三方应用程序,也可以深入研究编码。

方法 1:使用第三方弹出应用程序

这种方法最简单,强烈推荐大多数 Shopify 商家使用,因为它不需要您进行任何手动编码。

步骤 1:选择 Shopify 弹出应用程序

前往Shopify 应用商店,选择一款满足您业务需求的弹出式应用。在本文后面的部分,了解我们推荐哪些弹出式应用。

Shopify 弹出应用程序

第 2 步:安装弹出应用程序

为了本教程的目的,我们将安装“Rivo Popups - Email Pop-ups”应用程序。这是一款免费应用程序,在 4,000 多条评论中获得了令人印象深刻的 5.0 评分。

安装弹出应用程序

查看隐私详细信息和权限详细信息,然后单击“安装应用程序”以继续。

安装应用程序 rivo

步骤 3:设置弹出窗口

确定弹出窗口的外观、设置其显示规则并填写内容。预览更改并发布。

设置 rivo

方法 2:如何使用 GemPages - Shopify 页面构建器在 Shopify 商店中添加弹出窗口

虽然GemPages可能不是一个专门的弹出应用程序,但它是最受好评的 Shopify 页面构建器,可让您轻松地在 Shopify 页面上添加和个性化弹出窗口,并且被证明有助于增强您的电子商务活动。

总的来说,请按照以下简单步骤在您的 Shopify 页面上添加弹出窗口:

步骤 1 :从 Shopify App Store 安装 GemPages

第 2 步:访问 GemPages 仪表板并单击“创建新页面”以打开编辑器。

创建新页面 GemPages

步骤 3 :在编辑器左侧边栏中,搜索“弹出”元素并将其拖放到您的页面上。

gempage 弹出

步骤 4 :自定义弹出窗口

GemPages 直观的编辑器让您可以轻松配置弹出窗口的设置并根据自己的喜好设置其样式。有关如何将弹出窗口元素添加到 Shopify 页面的分步指南,请查看我们全面的分步指南

以每月 1 美元的价格开始在 Shopify 上销售
免费试用 Shopify,然后以每月 1 美元的价格享受接下来 3 个月的精选计划。

方法 3:如何通过编码在 Shopify 上添加弹出窗口

您还可以依靠编码向您的 Shopify 商店添加弹出窗口。

步骤 1 :添加新代码片段

在 Shopify 管理员中,导航到销售渠道 > 在线商店 > 主题。单击三个点图标以获取更多选项。从下拉菜单中,选择编辑代码选项。

编辑代码弹出

点击左侧边栏上的“添加新片段”按钮。

添加片段

第 2 步。插入名称并粘贴代码以创建弹出片段。点击保存

此方法需要技术知识。您可以向 Shopify 专家、合作伙伴或自由开发人员寻求帮助。

最佳 Shopify 弹出应用程序(免费和付费)

Rivo Popups - 电子邮件弹出窗口

Rivo Popups 应用程序

Rivo Popups Shopify 应用程序的屏幕截图

Rivo Popups - 电子邮件弹出窗口是一款免费的 Shopify 应用,它使商家能够通过吸引访客订阅来扩大客户群。易于使用的设计风格编辑器使自定义折扣和弹出窗口变得轻而易举。最重要的是,一旦客户分享他们的电子邮件,他们的选择就会无缝添加到您的 Shopify 客户列表中。

评分: 4,334 条评论中的 5/5。

定价:免费

主要特点:

  • 适合初学者
  • 完全控制弹出窗口出现的时间和方式,并可以选择设置特定时间、页面显示规则和折扣。
  • 显示持久的粘性优惠券栏,提醒访客使用其促销活动
  • 可用的自定义 CSS 代码

最适合:

想要使用退出意图弹出窗口建立电子邮件列表的 Shopify 卖家。无需代码。

Privy - 弹出窗口、电子邮件、短信

Privy 应用程序

Privy - 弹出窗口、电子邮件、短信 Shopify 应用程序的屏幕截图

Privy - Pop-up、Email、SMS是本文介绍的应用中客户评论最多的应用,共计 24,802 条评论。其弹出功能允许用户使用拖放编辑器在几分钟内轻松设计和启动弹出式活动。Privy 提供各种选项,包括旋转获胜轮盘、倒数计时器和购物车保存程序,以及方便使用的预制模板。

评分: 4.6/5(共 24,802 条评论)。

定价:免费,直到您收集到 100 个可邮寄联系人。之后,您需要选择付费计划。付费计划起价仅为每月 30 美元,可收集 1,500 个联系人和电子邮件营销功能。

主要特点:

  • 支持多种弹出类型:旋转赢轮盘、倒计时器、购物车保护程序等。

最适合:

想要使用退出意图弹出窗口建立电子邮件列表的 Shopify 卖家。无需代码。

GemPages-Shopify 页面构建器

一个有代码、文字和自信女性英雄形象的网站

如果您可以使用 GemPages 一次性创建弹出窗口,为什么还要单独创建弹出窗口呢?

虽然GemPages本身并不是一个弹出式应用程序,但它是排名第一的 Shopify 页面构建器,允许用户在其 Shopify 页面上轻松添加和自定义弹出窗口以及其他销售和营销元素。

GemPages 拥有广泛的用户群和热烈的评论,是构建、定制和优化您的 Shopify 商店的首选。

评分: 4.9/5(共 3,667 条评论)。

定价: GemPages 提供免费计划,但为了访问弹出窗口等 CRO 元素,您可以升级。

主要特点:

  • 人工智能设计:人工智能功能“图像到布局”可将参考图像或 URL 生成为可编辑的布局。
  • 最直观的编辑器:通过拖放编辑器和 100 多个销售和营销元素,您可以轻松自定义和优化您的页面,以创建具有专业外观且可转换的页面。

最适合:

GemPages 最适合希望构建、定制和优化 Shopify 页面的店主、直销商或自由职业者。

你的商店需要一些花哨的装饰吗?
探索 GemPages 的功能,看看哪种方式最适合您的商店。提供免费计划。无任何附加条件。

Optimonk:适用于中型 Shopify 商店的弹出窗口

粉色背景,带有瓶子图像和广告中的一名女性

了解如何使用 Optimonk在 Shopify 上添加订阅弹出窗口

对于希望利用弹出窗口功能的中型 Shopify 商店来说, Optimonk是一个绝佳的选择。它提供潜在客户捕获功能,最终减少购物车放弃率并增加销售额。

评分: 4.9/5(共 824 条评论)。

定价:免费。高级计划起价为每月 39 美元。

主要特点:

  • 退出意图技术: Optimonk 的退出意图技术可以检测到访问者何时即将离开您的网站,并立即通过弹出窗口吸引他们留下来。
  • 定位选项:使用个性化弹出窗口定位特定页面、产品或客户群。
  • 分析: Optimonk 提供详细的分析和报告,以帮助跟踪弹出窗口的性能。

最适合:

中型 Shopify 商店专注于有效的退出意图弹出窗口并提高其转化率。

结论

如果您想在 Shopify 商店中使用弹出窗口,请务必考虑您的特定业务需求、预算、易用性和个人偏好。对于优先考虑效率的用户来说,弹出窗口应用程序是一个不错的选择,因为它们提供了便利性和广泛的功能。另一方面,自定义弹出窗口提供了广泛的自定义选项,但需要更多时间和技术专业知识。

关于在 Shopify 上添加弹出窗口的常见问题解答

Should I add a pop-up to my Shopify store?
It all boils down to your marketing and business goals. In peak marketing seasons, pop-ups can be extremely useful to promote special offers, announce upcoming sales, and keep visitors on your page longer.
How can I add a pop-up to my Shopify store?
To add a pop-up to your Shopify store, you can use a pop-up app or coding. No-code designers can opt for the first method, while more technical designers would prefer the second one.
What is the best free pop-up app for Shopify?
Wisepops, Optimonk, Sales pop-up by Proof Bear, and GemPages stand out in their own ways. Define your needs and choose the best one to boost your product offerings. For example, you can pick GemPages for a rich template library without starting from scratch. More advanced features in Wisepops would be beneficial for big teams.
Topics: 
Guides

Start selling

Create your Shopify Store with $1/mo in first 3 months

Create Shopify store

Start using GemPages

Explore our brands