自定义动态结账按钮

您可以对无品牌动态结账按钮上的颜色和字体进行自定义,以此来匹配您的在线商店风格。无法对品牌版本的按钮进行自定义。

在对动态结账按钮进行自定义之前,请确保将它们添加到您的在线商店。

自定义动态结账按钮的颜色

步骤:

PC:

  1. Shopify 后台中,转到在线商店 > 模板

  2. 找到您要编辑的模板,然后点击自定义

  1. 点击模板设置

  2. 点击颜色

  3. 编辑影响背景色的设置以及影响动态结账按钮文本颜色的设置。具体设置因模板而异。

  4. 点击保存

苹果系统:

  1. 在 Shopify 应用中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触管理模板

  4. 找到您要编辑的模板,然后轻触自定义

  5. 轻触编辑

  1. 点击模板设置

  2. 点击颜色

  3. 编辑影响背景色的设置以及影响动态结账按钮文本颜色的设置。具体设置因模板而异。

  4. 点击保存

安卓系统:

  1. 在 Shopify 应用中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触管理模板

  4. 找到您要编辑的模板,然后轻触自定义

  5. 轻触编辑

  1. 点击模板设置

  2. 点击颜色

  3. 编辑影响背景色的设置以及影响动态结账按钮文本颜色的设置。具体设置因模板而异。

  4. 点击保存

自定义动态结账按钮上的字体

步骤:

PC:

  1. 在 Shopify 后台中,转到在线商店 > 模板

  2. 找到您要编辑的模板,然后点击自定义

  1. 点击模板设置

  2. 点击 Typography(字体)。

  3. 编辑影响动态结账按钮文本的字体设置。具体设置因模板而异。

  4. 点击保存

苹果系统:

  1. 在 Shopify 应用中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触管理模板

  4. 找到您要编辑的模板,然后轻触自定义

  5. 轻触编辑

  1. 点击模板设置

  2. 点击 Typography(字体)。

  3. 编辑影响动态结账按钮文本的字体设置。具体设置因模板而异。

  4. 点击保存

安卓系统:

  1. 在 Shopify 应用中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触管理模板

  4. 找到您要编辑的模板,然后轻触自定义

  5. 轻触编辑

  1. 点击模板设置

  2. 点击 Typography(字体)。

  3. 编辑影响动态结账按钮文本的字体设置。具体设置因模板而异。

  4. 点击保存

Shopify商户官网原文详情:

Customizing dynamic checkout buttons

You can customize the colors and the font on your unbranded dynamic checkout buttons to suit your online store. It's not possible to customize the branded versions of the buttons.

Before you customize your dynamic checkout buttons, make sure that you add them to your online store.

Customize the color of your dynamic checkout buttons

Steps:

PC:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme that you want to edit, and then click Customize.

  1. Click Theme settings.

  2. Click Colors.

  3. Edit the setting that affects the background color and the setting that affects the text color of the dynamic checkout button. The specific settings vary from theme to theme.

  4. Click Save.

iPhone:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Find the theme that you want to edit, and then tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click Colors.

  3. Edit the setting that affects the background color and the setting that affects the text color of the dynamic checkout button. The specific settings vary from theme to theme.

  4. Click Save.

Android:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Find the theme that you want to edit, and then tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click Colors.

  3. Edit the setting that affects the background color and the setting that affects the text color of the dynamic checkout button. The specific settings vary from theme to theme.

  4. Click Save.

Customize the font on your dynamic checkout buttons

Steps:

PC:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme that you want to edit, and then click Customize.

  1. Click Theme settings.

  2. Click Typography.

  3. Edit the typography setting that affects the dynamic checkout button text. The specific setting varies from theme to theme.

  4. Click Save.

iPhone:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Find the theme that you want to edit, and then tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click Typography.

  3. Edit the typography setting that affects the dynamic checkout button text. The specific setting varies from theme to theme.

  4. Click Save.

Android:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Find the theme that you want to edit, and then tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click Typography.

  3. Edit the typography setting that affects the dynamic checkout button text. The specific setting varies from theme to theme.

  4. Click Save.

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


(本文内容根据网络资料整理,出于传递更多信息之目的,不代表连连国际赞同其观点和立场)