如何使用 Shopify 购买按钮:完整指南
您是否一直在寻找简化和顺畅客户购物体验的方法?
如果您有机会以几乎免费的方式同时在多个地点列出您的产品,您会接受吗?
如果你回答“是!”那么 Shopify 购买按钮 对你来说可能很完美
约 20,000 个网站 世界各地的客户目前正在使用 Shopify Buy Buttons 来提升销量,您也可以这样做!
以下是 如何使用 Shopify Buy Buttons ,如何利用其多功能性,以及如何使用这一灵巧的 Shopify 功能打造顺畅的购物体验,从而显著提高转化率。
Shopify 购买按钮是什么以及它如何工作?
购买按钮是 结账的快捷方式。此功能允许商家创建可嵌入的产品卡和结账按钮,并可将其添加到任何类型的网站,无论是登录页面还是博客文章。
Shopify 购买按钮 使商家和购物者都受益。
对于商家:商家可以获得额外的渠道来销售他们的商品,或者可以直接从其现有网站销售产品,而无需完整的在线商店。
如果您是课程提供者、插画家或有影响力的人,并且已经拥有自己的网站并希望出售您的作品,Shopify Buy Buttons 是一个不错的选择。通过利用 Shopify 的电子商务平台,您可以管理订单并从非 Shopify 页面赚钱。
听起来很酷,对吧?以下是其他一些 为商家增加奖金:
- Shopify Buy Buttons 让您可以按照您想要的方式展示产品图片、描述和价格。
- 您可以从 Shopify 管理员跟踪您的销售情况,以了解您的销售来自哪个特定的购买按钮。
- Shopify Buy Buttons 适合移动设备,因此可以在不同设备上查看。
对于购物者:购物者可以通过点击 Shopify 购买按钮轻松购买商家的产品,无论在哪里看到它,而无需离开网站。
让我们看一个例子:
Amy 是一名设计师,她销售定制贴纸。她在 WordPress 上写了一篇博客文章,介绍如何使用彩色贴纸标记和个性化您的学校用品来庆祝新学年。Amy 为她的返校贴纸系列创建了一个 Shopify Buy Button,并将其添加到她的博客文章中。
如果您正在阅读上述博客文章并且对这些贴纸感兴趣,您可以使用“购买”按钮进行购买。这会将产品添加到您的购物车中。然后您可以继续浏览 Amy 的网站,购物完成后,只需单击“结帐”即可进入结帐页面并完成订单。
Shopify 购买按钮应该放在哪里?
如果策略性地使用,Shopify Buy Button 可以产生神奇的转化效果。以下是 五种常见方式 商家可以充分利用该解决方案。
1. 登陆页面
在这里,您可以充分利用 Shopify Buy Button 的潜力,它可以让您立即开始销售。要推广和突出特定产品,自定义登陆页面是一个很好的起点。
如果您想从头开始构建自己的页面,有许多页面构建器不仅可以帮助您构建高转换率的登录页面,而且还可以在应用程序内提供购买按钮。
例如, 宝石页面 让其商家 使用(P)购物车按钮元素创建“立即购买”按钮 引导客户直接进入结帐页面。
2. 在您的 WordPress 博客、Squarespace 网站或其他博客中
您可以将 Shopify Buy Button 嵌入到任何外部网站,无论该网站是由 WordPress、Squarespace 还是任何其他网站构建器构建的。这对于所有网站不仅仅专注于电子商务的从业者来说都是完美的选择。
照片由 Saffron Avenue 提供
您可以在本文的后面了解如何将 Shopify Buy Button 添加到您的 WordPress 或 Squarespace 网站。
3. 电子邮件
在您的电子邮件营销活动中为特定产品创建 Shopify 购买按钮是一个绝妙的主意。
在您的 HTML 电子邮件(可由 MailChimp 或 Klaviyo 制作)中添加 Shopify 购买按钮有助于您与目标受众建立直接联系,向他们详细介绍您的产品,并为潜在购物者提供极为便捷的在线购物体验。
4. 错误页面和弹出窗口
千万不要错过使用 Shopify Buy Button 的机会!听起来可能有点奇怪,但即使是 404 错误页面也是产生潜在客户的好地方。虽然没有人喜欢 404 错误页面,但您可以在那里添加 Shopify Buy Button 来激起访客的兴趣,从而触发更多购买。
弹出窗口也是如此:您可以吸引购物者的注意力,并使用 Shopify 购买按钮介绍某些产品或新产品。
5. 您商业伙伴的网站
对于小型企业来说,建议与更成熟的公司合作,利用其稳定的客户群来提高品牌知名度。
如果他们愿意在他们的营销资产(例如博客文章)中提及您,那么请不要犹豫,请他们在那里插入 Shopify 购买按钮,以便感兴趣的观众访问您的网站和产品。
如何创建和安装 Shopify 购买按钮?
准备好创建您自己的 Shopify Buy Button 了吗?以下是一份快速的分步指南。
1. 将“购买按钮”销售渠道添加到您的商店
1.1 登录您的 Shopify 帐户。在左侧菜单中,检查是否有 购买按钮 在下面 销售渠道。如果有,那么您可以跳至第 2 阶段并创建 Shopify 购买按钮。
1.2在 Shopify 后台,转到 应用程序 并搜索“购买按钮”。
1.3 点击 添加应用>添加销售渠道。之后,购买按钮应出现在 销售渠道。
2.创建 Shopify 购买按钮
2.1 转至 购买按钮 > 创建购买按钮。
2.2 单击您喜欢的选项: 产品购买按钮 或者 收藏购买按钮。
2.3 查找并选择您想要创建购买按钮的产品或系列。
2.5 点击 下一个 一旦您根据自己的喜好自定义了购买按钮。
2.6 点击 复制代码。
2.7 打开您想要放置购买按钮的网页的 HTML 编辑器。
2.8 将复制的代码粘贴到 HTML 编辑器中,以便显示“购买”按钮。点击 节省。
注意:请记住,您应该在进入下一步之前完成购买按钮的自定义。如果您稍后进行任何调整,按钮不一定会在您嵌入代码的其他地方发生变化。
如何向 WordPress 添加 Shopify 购买按钮?
只需将 Shopify Buy Button 嵌入到正确的位置,即可在 WordPress 网站中设置有效的迷你店面。也就是说,将其添加到 WordPress 帖子和 WordPress 菜单的步骤有所不同。
如何将 Shopify 购买按钮添加到 WordPress 帖子?
1. 在 WordPress 仪表板中,找到并选择您想要插入购买按钮的帖子。
2. 根据您使用的 WordPress 编辑器版本,步骤略有不同:
- 对于经典编辑器:点击 文本 选项卡从视觉视图更改为文本视图。
- 对于块编辑器:单击 (+) 按钮,然后查找并选择 自定义 HTML 。
3. 将“购买按钮”代码粘贴到您希望其出现的任何位置。
4. 点击 保存草稿 或者 发布。
如何将 Shopify 购买按钮添加到 WordPress 菜单?
1. 在 WordPress 信息中心中,单击 外观>自定义>小部件。
2. 选择您想要放置购买按钮的区域。
3. 点击添加 小部件>文本。
4. 粘贴购买按钮代码。
5. 点击 保存并发布。
注意:要使 Shopify Buy Button 正常工作,您需要将其嵌入代码添加到您网站的 HTML 编辑器中。由于 WordPress.com 允许的 HTML 自定义功能比 WordPress.org 要少得多,因此 Shopify Buy Buttons 与后者配合使用效果更好。
如何向 Squarespace 添加 Shopify 购买按钮?
只需单击几下,您就可以立即开始在 Squarespace 上销售。
1. 从 Squarespace 编辑器中,选择您想要放置购买按钮的页面。
2. 点击 编辑。
3. 点击小雨滴, 内容块 将会出现。
4. 从 内容块 前往 更多的 部分并选择 代码。
5. 选择 HTML 然后将 Buy Button 代码粘贴到 代碼字段。
6. 点击 应用 > 保存。
注意:对于某些自定义 Squarespace 主题,HTML 自定义可能具有挑战性。如果您遇到这种情况,您可能需要寻求专业人士的帮助,将自定义代码嵌入到您的网站中。
Shopify 购买按钮定制的来龙去脉
要自定义 Shopify Buy Button 的外观和行为,您需要访问 Shopify Buy Button 编辑器,它由两个主要部分组成。
左侧面板包含自定义选项列表,您可以预览屏幕右侧按钮所做的更改。
自定义按钮时,所有调整都会显示在屏幕上。您可以继续调整,直到对结果满意为止。编辑器还允许您通过单击顶部栏中的桌面和移动图标在桌面和移动模式下查看按钮。
现在,让我们了解一下自定义 Shopify Buy Button 的方法。
产品变体:选择您想要通过“购买”按钮销售的变体。默认选择“所有变体”。
布局样式
- 基本:创建没有产品图片的“购买”按钮。
- 经典:创建带有产品图片和价格的购买按钮。它可以帮助您向客户快速展示产品预览。
- 完整视图:创建带有产品图片、价格和说明的购买按钮。它类似于 Shopify 商店中的产品页面。
当用户点击时执行的操作
- 将产品添加到购物车:在屏幕右侧创建购物车小部件,让购物者继续购买并将更多产品添加到购物车中。
- 直接结账:将购物者直接带到您的 Shopify 结账处,这意味着他们无法在订单中添加其他商品。
- 打开产品详情:创建一个“查看产品”按钮,该按钮会打开一个弹出窗口,其中包含产品描述和“添加到购物车”按钮。如果您之前选择了“全视图”布局,则此选项不可用。
按钮样式:您可以修改“购买按钮”的形状、颜色、大小和字体。
布局:您可以根据按钮文本、按钮对齐方式、图像大小和排版设置来微调您的自定义。
购物车:您可以调整购物车小部件的文本和颜色。如果您之前选择了“直接结账”布局,则此选项不可用。
详细弹出窗口:如果您之前选择了“打开产品详细信息”按钮操作,这将允许您自定义弹出窗口的文本、颜色和排版设置。
高级设置:
- 打开弹出窗口:创建一个弹出式结帐窗口,订单完成后立即关闭。
- 在同一选项卡中重定向:将购物者从浏览器带到您的 Shopify 结帐页面,并在订单完成时将他们带回上一页。
Shopify 购买按钮示例
我们收集了一些商家如何在着陆页和博客文章中嵌入 Shopify 购买按钮以销售更多商品的最佳示例。查看这些出色的 Shopify 购买按钮示例以获取一些灵感。
拼图健康
Jigsaw Health是一个营养补充剂品牌,生产和销售健康和营养产品。以下是该品牌如何在其博客文章中使用 Shopify 购买按钮的示例。
这篇博文分享了客户应该了解的有关苹果酸镁的 5 个小事实。在文章的最后,该品牌嵌入了一个链接,客户可以购买三件产品并获得 5% 的折扣和免费送货。
当客户点击突出显示的绿色文本时,他们将被引导至结帐页面。在那里,客户可以快速处理付款,选择送货方式,并应用促销代码(如果有)。
揭秘希特勒
别让“ 秘密希特勒”这个品牌名吓到你!这个品牌其实是一个社交推理游戏,其主题是寻找并阻止希特勒和法西斯接管。
在这里,您可以调整想要购买的产品数量,然后继续单击“结帐”按钮以执行后续步骤。
我真是个孩子
SO 或 Seun Otukpe 是尼日利亚音乐家兼说唱歌手。他创建了Iamsothekid 网站来讲述他对音乐的热爱、展示他的音乐视频并销售自己的商品。
主页看起来与标准产品系列页面基本相同。该品牌展示了一系列商品,均附有产品名称、产品图片和价格。
对展示的任何产品感兴趣?只需点击产品图片即可。将出现一个弹出窗口,告诉您有关该产品的更多详细信息。
如果您已经取出信用卡,请左键单击“添加到购物车”按钮,只需不到 2 秒即可完成结帐!
创建成功的 Shopify 购买按钮的技巧
- 专业外观设计:确保所有产品照片都是高质量的,并且按钮元素符合品牌形象。
- 精心放置:将按钮放置在折叠上方的某个位置,以便访问者可以立即找到它。
- 简洁的文字:向购物者清楚地解释他们点击按钮后会得到什么。
- 彻底的测试:检查按钮是否在不同的设备和浏览器上正常工作,尤其是当您是首次使用时。
- 紧迫感:使用引发错过恐惧、表示供应有限或暗示短期到期日期的文本和图片。
总结
此时,您应该对 Shopify Buy Button 的运作方式以及如何实施该功能以发挥您的优势有一个具体的了解。
Shopify Buy Buttons 经济高效且易于集成到任何网站,是所有商家的必备产品,特别是对于那些已经拥有高流量博客或通常具有出色在线表现的商家而言。