shopify商店动态结账按钮兼容性介绍

2024-01-01 14:01:26
By 一笑就打嗝儿

兼容性

在某些情况下,动态结账按钮可能不适合您的在线商店。在您的在线商店中显示动态结账按钮之前,请考虑它们与以下功能的兼容性:

  • 应用

  • 购物车属性

  • 产品、付款设置和按钮文字

应用

动态结账按钮可能与某些应用冲突。

如果您使用以下任意一种应用,那么动态结账按钮可能与您的在线商店不兼容:

  • Currency converter

  • 与购物车互相影响的应用

  • 将客户转至外部结账的应用

购物车属性

动态结账按钮不支持购物车属性。购物车属性是自定义表单字段,可用于在购物车页面上收集客户的其他信息。

购物车属性的示例包括购物车页面的以下添加项:

  • 条款和条件复选框

  • 礼品包装选项

  • 配送日期选择器

如果您依赖于购物车属性,动态结账按钮则不适合您的在线商店。

产品、付款设置和按钮文字

在您的在线商店中显示动态结账按钮之前,请考虑以下细节:

  • 动态结账按钮只能用于购买某种产品的单个多属性。但是,如果您在产品页面上显示数量选择器,则客户可以购买多个该产品。例如,顾客可以使用动态结账按钮购买三个浅绿色烘焙杯,但不能购买一个浅绿色烘焙杯和一个紫色烘焙杯。除非您的在线商店收到一种产品的多个订单,否则动态结账按钮并不能为您的销量带来好处。

  • 如果您的收款设置中未启用第三方快捷结账方式,则动态结账按钮的无品牌版本将是唯一显示的版本。

  • 动态结账按钮的无品牌版本显示立即购买文本。如果您的 Add to cart(添加到购物车)按钮显示立即购买或其他自定义文本,那么这可能会使客户感到困惑。

更新模板以使用动态结账按钮

动态结账按钮适用于 Shopify 模板商店中所有最新版本的模板。如果您使用的是旧版模板,则可以更新您的模板以使用动态结账按钮。如果您不想更新模板,则可以编辑您的模板代码。

Shopify商户官网原文详情:

Compatibility

There are a few cases where dynamic checkout buttons might not be suitable for your online store. Before you show dynamic checkout buttons on your online store, consider their compatibility with the following features:

  • Apps

  • Cart attributes

  • Products, payment settings, and button text

Apps

Dynamic checkout buttons might conflict with certain apps.

If you use any of the following kinds of apps, then dynamic checkout buttons might not be compatible with your online store:

  • Currency converters

  • Apps that interact with the cart

  • Apps that take customers to an external checkout

Cart attributes

Dynamic checkout buttons don't support cart attributes. Cart attributes are custom form fields that you can use to collect additional information from your customers on the cart page.

Examples of cart attributes include the following additions to the cart page:

  • Terms and conditions checkboxes

  • Gift-wrapping options

  • Delivery date pickers

If you rely on cart attributes, then dynamic checkout buttons aren't suitable for your online store.

Products, payment settings, and button text

Before you show dynamic checkout buttons on your online store, consider the following details:

  • Dynamic checkout buttons can only be used to buy a single variant of a product. However, if you show a quantity selector on the product page, then customers can buy more than one of that product. For example, a customer can use a dynamic checkout button to buy three baking cups in aqua, but not to buy one in aqua and one in purple. Unless your online store receives many orders for one kind of product, then dynamic checkout buttons might not benefit your sales.

  • If you don't have a third-party accelerated checkout method enabled in your payment settings, then the unbranded version of the dynamic checkout button is the only version that will show.

  • The unbranded version of the dynamic checkout button shows Buy it now text. If your Add to cart button shows Buy it now or other custom text, then this might confuse customers.

Update your theme to use dynamic checkout buttons

Dynamic checkout buttons are available on all current versions of the themes in the Shopify Theme Store. If you're using an older version of a theme, then you can update your theme to use dynamic checkout buttons. If you don't want to update your theme, then you can edit your theme code.

文章内容来源:Shopify商户官方网站



(本文内容根据网络资料整理和来自用户投稿,出于传递更多信息之目的,不代表本站其观点和立场。本站不具备任何原创保护和所有权,也不对其真实性、可靠性承担任何法律责任,特此声明!)


常见问答(FQAS)


按钮没有在所有浏览器和设备上显示,为什么?

由于各种浏览器的内核差异,同一段代码在不同浏览器下的样式渲染可能有差异。Shopify默认只针对主流浏览器提供支持,如果您的店面的访问用户使用较为陈旧的浏览器,支付按钮可能无法正确显示。可以尝试升级浏览器版本或者使用PC网页版本访问。

可以修改按钮文字吗?

可以的,您可以登录Shopify后台编辑收银台设置,修改结账按钮的默认文字。例如从\"结账\"修改为\"订单完成\"等。但请保持文字简洁明了,描述支付动作。

怎样改变按钮的大小和颜色?

由于支付按钮涉及安全交易,Shopify不推荐自行修改其样式元素。但您可以通过编写自定义CSS来调整按钮在不同屏幕尺寸下的显示效果。建议保持按钮样式明确醒目,便于顾客识别完成支付所需点击的组件。

移动设备上按钮位置可以调整吗?

默认情况下,移动设备上的支付按钮将自动放置在页面底部居中位置。此位置符合移动端用户体验习惯。您可以通过自定义代码增强按钮交互效果,但不建议随意改变其基本位置,以免影响支付流程。