[Shopify开店教程]自定义结账的样式

SHOPIFY帮助指南
自定义结账的样式

如果您使用在线商店销售产品,则可以在主题编辑器中自定义结账页面的样式。添加公司图标,更改颜色或选择新字体,以使结账与您的业务相匹配。

虽然您可能希望为结账页面添加大量颜色和兴趣,但最好保持设计简单。您的客户将使用这些页面为他们的订单设置运输和付款信息,您不希望分散他们的注意力或使信息难以阅读。选择具有高对比度的颜色,以及不会引起页面上文字注意的图像。

注意

在您选择计划并创建第一个产品之前,管理员的“结账设置”部分中的“自定义结账”区域将被隐藏。


相关主题
  • 上传横幅的背景图片
  • 在结账页面添加图标
  • 将背景图像或颜色添加到主要内容区域
  • 更改表单域的颜色
  • 在订单摘要中添加背景图像或颜色
  • 从结账页面更改或删除图像
  • 更改结账页面上的字体
  • 在结账页面上更改按钮和强调颜色

上传横幅的背景图片

在每个结账页面的顶部,横幅显示您的商店名称。 您可以更改该横幅的背景图像。 选择与您的品牌相匹配的图片。 例如,如果您销售珠宝,那么彩色珠子的图像可能是一个很好的选择。 横幅图像看起来最佳的分辨率为1000 x 400像素。

操作步骤如下:

  1. 在Shopify管理员中,转到“设置”>“结账”。
  2. 在“样式”部分中,单击“自定义结账”以打开主题编辑器。
  3. 在“BANNER”部分中,单击“上传图像”,或选择已上传到库中的图像。
  4. 单击保存。

在结账页面添加图标

您可以将商店图标添加到结账页面。 如果您使用横幅图片,则图标将显示在其上方。 您可以将图标放在结账页面上横幅区域的左侧,右侧或中央。

操作步骤如下:

  1. 在Shopify管理员中,转到“设置”>“结账”。
  2. 在“样式”部分中,单击“自定义结账”以打开主题编辑器。
  3. 在LOGO部分中,单击上传图像,或选择已上传到库中的图像。
  4. 选择图标的位置。
  5. 选择图标的大小。
  6. 单击保存。

将背景图像或颜色添加到主要内容区域

您可以将背景图像或颜色添加到结账页面的主要内容区域。 这是您的客户将输入其运输和付款信息的区域,因此请确保您可以清楚地阅读背景中的字段。 您无法同时添加背景图像和颜色。

操作步骤如下:

  1. 在Shopify管理员中,转到“设置”>“结账”。
  2. 在“样式”部分中,单击“自定义结账”以打开主题编辑器。
  3. 在“主要内容区域”部分中,添加背景颜色或图像。a、如果要添加颜色,请单击“背景颜色”旁边的框以打开颜色选择器,然后选择颜色或输入十六进制代码。b、如果要添加图像,请单击“上传图像”,或选择已上传到库中的图像。 较小的图像将在背景上垂直和水平重复,如瓷砖。
  4. 单击保存。

更改表单域的颜色

您可以更改字段的颜色,使其为白色或透明。 您可能希望使字段透明,更好地显示背景图像。 确保您可以清楚地阅读字段中的文本。

操作步骤如下:

  1. 在Shopify管理员中,转到“设置”>“结账”。
  2. 在“样式”部分中,单击“自定义结账”以打开主题编辑器。
  3. 在“主要内容区域”部分中,单击“表单域”下拉列表以选择所需的颜色。
  4. 单击保存。

在订单摘要中添加背景图像或颜色

当客户在结账页面上点击显示订单摘要时,会显示他们正在购买的产品列表。 您可以在订单摘要中添加背景图像或颜色。 请务必预览您的选择,以确保您对订单摘要的显示方式感到满意。 您可以在主题编辑器中单击预览上的显示订单摘要。

操作步骤如下:

  1. 在Shopify管理员中,转到“设置”>“结账”。
  2. 在“样式”部分中,单击“自定义结账”以打开主题编辑器。
  3. 在“订购摘要”部分中,添加背景颜色或图像。a、如果要添加颜色,请单击“背景颜色”旁边的框以打开颜色选择器,然后选择颜色或输入十六进制代码。b、如果要添加图像,请单击“上载图像”,或选择已上载到库中的图像。 较小的图像将在背景上垂直和水平重复,如瓷砖。
  4. 单击保存。

从结账页面更改或删除图像

您可以更改或删除添加到结账页面的任何图像。

操作步骤如下:

  1. 在Shopify管理员中,转到“设置”>“结账”。
  2. 在“样式”部分中,单击“自定义结账”以打开主题编辑器。
  3. 在要替换的图像下,单击“更新”并上载图像或从库中选择一个图像。
  4. 单击保存。

要删除图像,请单击图像下方的删除。 这不会从Shopify中删除图像。

添加图片替代文字

当您对结账页面上的图片感到满意时,最好添加图片替换文字。 此文本可以帮助访问和SEO。 详细了解搜索引擎优化。

操作步骤如下:

  1. 在图像下,单击“更新”,然后选择“编辑图像”。
  2. 输入图像的替代文字。 为图像选择一个简短的描述性标题。
  3. 单击保存。

更改结账页面上的字体

您可以从字体列表中进行选择以自定义结账页面。 您无法更改结账页面上文本的颜色。

操作步骤如下:

  1. 在Shopify管理员中,转到“设置”>“结账”。
  2. 在“样式”部分中,单击“自定义结账”以打开主题编辑器。
  3. 在“TYPOGRAPHY”部分中,单击“标题”下拉列表或“正文”下拉列表,然后选择一种字体。
  4. 单击保存。

在结账页面上更改按钮和强调颜色

您可以更改按钮,错误消息和重音符的颜色,例如结账页面上的链接。 如果更改颜色,请确保您可以根据主要内容区域和订单摘要的背景清楚地阅读文本。

操作步骤如下:

  1. 在Shopify管理员中,转到“设置”>“结账”。
  2. 在“样式”部分中,单击“自定义结账”以打开主题编辑器。
  3. 在“颜色”部分中,单击“重音符号”,“按钮”或“错误”旁边的颜色框以打开颜色选择器,然后选择颜色或输入十六进制代码。
  4. 单击保存。

发表评论

关闭菜单