Buy Buttons应用程序通过将您的BigCommerce产品和功能扩展到:
- 博客
- 社交媒体帖子
- 营销电子邮件
- 登录页面
- 广告
- 任何可以添加 HTML 的地方
Buy Button是可以在上述任何媒体中实现的一段代码。它添加了带有缩略图和操作按钮的产品卡,该按钮可以链接到产品详细信息页面,将产品添加到您的BigCommerce商店的购物车,或者将产品添加到购物车并直接将用户转发到结帐。它们可以调整大小以适合特定尺寸(卡片类型),并可以定制以反映您企业的颜色和品牌。
使用“购买”按钮是通过现有内容获利或添加购物号召性用语的最简单的方法之一。
购买按钮设置
产品变体
选择要与新按钮一起使用的产品。这可以是简单的产品,也可以是带有选项的产品的特定变体。产品必须分配一个SKU才能与购买按钮一起使用。如果您选择没有SKU的产品,系统会提示您添加一个,然后再继续。
按钮类型
- 卡片 — 带有产品缩略图照片、名称、价格和“立即购买”按钮的矩形或方形卡片。将鼠标悬停在照片上会弹出“了解更多”按钮,该按钮会将购物者直接链接到完整的产品详细信息页面。Buy Now按钮的行为基于重定向到设置。
- 按钮 — 一个使用产品名称作为标签的简单按钮。该按钮的行为基于“重定向到”设置。可以在高级选项下自定义按钮文本。
- 链接 — 一个简单的 URL,可以包含/链接到电子邮件、社交媒体帖子或直接消息中。
重定向到
- 结帐(推荐)— 将产品添加到购物车并将购物者转发到结帐页面
- 购物车 — 将产品添加到购物车并将购物者转发到购物车页面
- 产品详细信息页面 — 将购物者转发到产品页面
注意: 如果您为带有必需修饰符选项的产品创建按钮,即使您已将按钮设置为直接指向购物车或结帐,该按钮也会自动重定向到产品详细信息页面。客户必须首先为所需的修饰符选项选择一个值,才能将产品添加到购物车。
资源
可选,将源参数添加到生成的Buy Button URL以跟踪关联公司或广告活动报告的点击信息。
主题
从6种预设样式中进行选择,或选择自定义。
当您选择自定义时,我们会将这些设置保存在浏览器中,以便您下次返回应用程序时使用。这意味着您可以一遍又一遍地重复使用相同的自定义设置,而无需记住它们。要更新您保存的自定义设置,请在选择自定义后更改您的设置。
打开
此设置确定当购物者单击“立即购买”按钮时如何打开新页面。
- 弹出窗口(推荐)— 在新的弹出窗口中打开产品/购物车/结帐页面。这会使购物者在后台打开页面,以便他们可以轻松地返回他们正在做的事情。在弹出窗口中打开仅适用于卡片类型按钮。
- 新选项卡 — 在同一窗口的新浏览器选项卡中打开页面。购物者所在的页面仍然在原始选项卡中打开。
- 相同选项卡 — 在当前活动的浏览器选项卡中打开页面
高级选项
- 按钮文本 — 出现在按钮上的文本/标签。默认情况下,这是立即购买或产品名称,具体取决于按钮类型。
- 按钮颜色 — 按钮背景颜色。单击以使用颜色选择器选择颜色或输入十六进制、RGB 或 HSL 颜色值。
- 名称颜色 — 产品名称颜色(卡片按钮类型)
- 字体 — 产品名称、价格和按钮文本的字体样式
- 覆盖文本 — 将鼠标悬停在产品照片缩略图上时出现的文本/标签。默认情况下,这是了解更多信息。(卡片按钮类型)
- 按钮文本颜色 — 按钮前景/标签颜色
- 价格颜色 — 价格颜色(卡片按钮类型)
- 谷歌分析ID — 添加您的 谷歌分析ID 以跟踪页面浏览量。这仅适用于卡片类型按钮,如果您使用推荐的设置方法连接 谷歌分析,则不需要。有关更多信息,请参阅常见问题解答。
预习
这是您的新按钮的外观和行为方式的实时预览。单击查看响应式预览以查看您的按钮在各种常见格式(例如横幅)以及摩天大楼和矩形广告尺寸中的外观。
获取代码
完成构建新按钮后,单击获取代码。这是生成的新自定义按钮的HTML代码。单击复制和粘贴将代码复制到剪贴板,以便将其粘贴到内容的HTML源中,例如博客文章或时事通讯。
创建一个新按钮
1.点击选择。在出现的弹出窗口中,使用搜索栏搜索您的产品。与您的产品关联的每个 SKU 都将在搜索结果中列在其下方。为您的按钮选择一个 SKU,然后单击选择。
2.使用Buy Buttons设置调整按钮的外观和行为。
3.完成后,点击获取代码。为您的新按钮生成的HTML代码可用于复制和粘贴。单击复制和粘贴将代码块复制到剪贴板。
使用您的购买按钮
Buy Buttons使您能够通过多个媒体平台接触潜在的购物者,通过将他们直接引导到您的产品或结帐页面,使他们可以轻松地购买您突出显示的商品。创建Buy Button代码后,您可以在任何可以添加HTML或链接的地方使用它,例如:
- WordPress
- MailChimp
- 登录页面
常问问题
使用购买按钮是否有任何额外费用或额外费用?
不; 但是,通过购买按钮产生的销售额计入您商店的GMV/销售额。增加的销售额/收入可能会导致您的商店自动升级,具体取决于您当前的计划。有关更多信息,请参阅BigCommerce定价 。
我可以使用谷歌分析跟踪Buy Button的观看次数和转化次数吗?
是的,如果您正在使用我们的Google Analytics(分析)增强型电子商务集成,则已经为您设置了Buy Button跟踪。这将允许您跟踪来自第三方网站的展示次数(页面浏览量),并查看您的Buy Button的转化情况。
我可以更改Buy Button卡的大小吗?
是的。您可以手动调整生成代码的宽度和高度尺寸。
<div class="bc-buy-button" id="bc-sku-SKU-130" style="width:295px;height:435px">