首页
学习
活动
专区
工具
TVP
发布

Shopify网站Buy Button 或嵌入式产品系列添加教程

当您在Shopify后台内添加 Buy Button 销售渠道后,您可以为一个产品或一个产品系列创建新的 Buy Button:

您可以通过两种方式创建 Buy Button:

您可以生成嵌入到网页 HTML 中的代码,此代码的作用是在此页面上显示 Buy Button 。您可以自定义 Buy Button 的外观,并将它们链接至您的 Shopify 结账页面、购物车或产品描述。 Buy Button 代码可以展示单个产品或一个产品系列。

您可以生成结账链接并将其添加到电子邮件宣传活动、私信或社交媒体文章中。

备注:每当客户使用 Buy Button 进行购买时,您都需支付交易费,除非您也激活 Shopify Payments。

为单个产品创建 Buy Button

您可以创建展示单个产品的 Buy Button(其中包含该产品的一个或所有多属性)。在您创建 Buy Button 时,您可以选择模板并自定义按钮的颜色、文本和外观以及客户单击按钮时出现的操作。详细了解自定义 Buy Button。

步骤:

在 Shopify 后台中,转到 Buy Button。

单击创建 Buy Button 。

从目录中选择产品或使用搜索来查找产品。单击选择产品。

如果您的产品有多个多属性,则选择所有多属性或从下拉列表中选择某个多属性。

选择模板并自定义按钮的颜色、文本和外观以及客户单击此按钮时出现的操作:

要详细了解可自定义 Buy Button 的不同方法,请参阅自定义 Buy Button

单击生成代码。

单击将代码复制到剪贴板以复制代码。

打开要在其中显示 Buy Button 的网页的 HTML 编辑器。请参阅向 HTML 添加 Buy Button 代码。

将代码粘贴在您要在其中显示 Buy Button 的 HTML 中,然后保存您的更改。

创建嵌入式产品系列

您可以创建嵌入式产品系列,通过 Buy Button 展示产品系列中的产品:

嵌入式产品系列通过其 Buy Button 展示产品系列中的每个产品,使客户能够选择此产品系列中的任何产品。当您创建嵌入式产品系列时,您可以自定义特色产品的 Buy Button 的颜色、文本和外观,以及当客户点击此按钮时出现的操作。产品系列中每个产品的按钮都采用相同的自定义设置。详细了解自定义 Buy Button 。

步骤:

在 Shopify 后台中,转到 Buy Button。

单击创建 Buy Button 。

单击产品系列。

选择一个产品系列,然后单击选择产品系列。

自定义按钮的颜色、文本和外观,以及客户单击按钮时发生的操作:

若要详细了解可自定义 Buy Button 的不同方法,请参阅自定义 Buy Button 。

单击生成代码。

单击将代码复制到剪贴板以复制代码。

打开要在其中显示嵌入式产品系列的网页的 HTML 编辑器。请参阅向 HTML 添加 Buy Button 代码。

将嵌入代码粘贴在您要在其中显示嵌入式产品系列的 HTML 中,然后保存您的更改。

自定义 Buy Button

您可以自定义 Buy Button 的颜色、尺寸和外观,以及选择单击此按钮时出现的操作。当您为单个产品创建 Buy Button 时,您还可以从 Buy Button 中选择模板。您可以从创建页面生成代码之前预览您的选择。

备注:您可以通过编辑嵌入代码来对 Buy Button 进行进一步的自定义。

Buy Button 模板

在为单个产品创建 Buy Button 时,您可以从以下模板中进行选择:

Buy Button 操作

当您创建 Buy Button 时,您可以从 Action on click(单击操作)列表中选择操作。当有人在页面上单击 Buy Button 时,会发生以下情况之一:

将产品添加到购物车会将产品添加到购物车。客户可以继续购物并将其他产品添加到购物车。

引导购物者结账会直接将客户引导至您的结账页面,他们可以从中购买产品。客户无法向他们的订单添加额外的产品。

显示产品详细信息会显示产品描述,并带有一个添加到购物车按钮。如果客户有多张产品图片,也会显示这些图片。

Buy Button 的尺寸和对齐方式

您可以从尺寸和对齐方式下拉菜单中选择 Buy Button 的部分尺寸和对齐方式。您可以预览 Buy Button 以帮助您确定最适合您的网页的选项。

Buy Button 外观

按钮样式和文本包括 Buy Button 的按钮部分的样式和颜色选项。

字体样式包括 Buy Button 及其产品信息文本的字体和颜色选项。

购物车包括嵌入式购物车的文本和颜色选项。

创建结账链接

如果您已安装 Buy Button 渠道,则可为您的产品创建结账链接。客户可以通过单击结账链接将单个产品多属性添加到结账。您可以在电子邮件、社交媒体帖子或私信中与客户分享结账链接。

您可以从产品的详细信息页面中创建结账链接。

步骤:

转到产品,然后单击要分享的产品以查看其详细信息。

在产品详细信息页面中,单击其他操作下拉菜单。

单击创建结账链接。

如果您的产品具有多个多属性,请选择一个多属性。每个结账链接只能包含一个产品多属性。

单击复制链接以复制链接。

将链接直接粘贴到消息、电子邮件或社交媒体帖子中。

提示: 您可以通过在链接末尾添加 &discount=CODE 来为结账添加折扣。例如,如果您有一个标题为 15off 的折扣码,则在链接末尾添加 &discount=15off。折扣会在客户使用该链接结账时应用。

分享结账链接

创建结账链接后,您需要与客户分享链接,以便他们可以使用该链接。您可以复制链接文本,并将其粘贴到电子邮件宣传活动、社交媒体帖子或私信中。例如,您可以将链接粘贴到Twitter帖子中,以便让您的关注者轻松购买促销产品。您也可以将链接发送给向您询问如何购买产品的客户。(来源:Shopify)

以上内容属作者个人观点,不代表雨果网立场!如有侵权,请联系我们。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190927A0C3OQ00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券