Shopify结账页面样式自定义设置教程

Deepbreaths  · 2020/07/26

如果您使用Shopify商店销售产品,则可以在模版编辑器中自定义结账页面的样式。

    如果您使用Shopify商店销售产品,则可以在模版编辑器中自定义结账页面的样式。添加公司 logo、更改颜色或选择新字体,使结账页面与您的业务匹配。虽然您可能希望为结账页面增添许多色彩和趣味,但最好采用简单的设计。


Shopify结账页面样式自定义设置教程


    您的客户将使用这些页面输入其订单的发货和付款信息,您不应该分散他们的注意力或使信息难以查看。选择对比度高的颜色,以及不会分散对页面上文字的注意力的图片。提示:需要关于customizing the style of your cart and checkout方面的帮助吗?您可以与 Shopify 专家进行合作来完成工作。


    注:在您选择某一套餐并创建第一个产品之前,后台结账设置部分中的自定义结账部分会被隐藏。在每个结账页面的顶部,都会有一个横幅显示您的商店名称。您可以更改横幅的背景图片。


    请选择适合您的品牌的图片。例如,如果您销售的是珠宝,那么彩色珠子的图片可能就比较适合。分辨率为 1000 x 400 像素的横幅图片视觉效果最佳。步骤:在 Shopify 后台中,转到设置 > 结账。


    在样式部分中,单击自定义结账以打开模版编辑器。在横幅部分,单击上传图片,或选择已上传到库中的图片。单击保存。您可以将商店 logo 添加到结账页面。如果您在使用横幅图片,则 logo 会显示在横幅上方。


    您可以将 logo 置于结账页面上横幅区域的左侧、右侧或中央。步骤:在 Shopify 后台中,转到设置 > 结账。在样式部分中,单击自定义结账以打开模版编辑器。


    在 logo 部分中,单击上传图片,或选择已上传到库中的图片。选择 logo 位置。选择 logo 大小。单击保存。您可以将背景图片或颜色添加到结账页面的主要内容区域。


    客户会在此区域中输入发货和付款信息,因此请确保在所用背景中您仍可清楚查看字段内容。您无法同时添加背景图片和颜色。步骤:在 Shopify 后台中,转到设置 > 结账。


    在样式部分中,单击自定义结账以打开模版编辑器。在主要内容区域部分中,添加背景色或图片。如果您要添加颜色,请单击背景色旁边的框以打开颜色选择器,然后选择一种颜色或输入一个十六进制代码。


    如果您要添加图片,请单击上传图片,或选择已上传到库中的图片。较小的图片会在背景上以垂直和水平方式重复排列,与瓷砖类似。单击保存。您可以更改字段的颜色,让它们以白色或透明方式显示。


    您可能需要让字段以透明方式显示,以便展示背景图片。请确保您可以清楚阅读字段中的文本。步骤:在 Shopify 后台中,转到设置 > 结账。在样式部分中,单击自定义结账以打开模版编辑器。


    在主要内容区域部分中,单击表单字段下拉菜单以选择所需的颜色。单击保存。当客户在结账页面上单击显示订单摘要时,会显示他们要购买的产品的一个列表。您可以向订单摘要添加背景图片或颜色。


    请务必预览您自己的选择,从而确保您对订单摘要的外观感到满意。您可以在模版编辑器中的预览上单击显示订单摘要。步骤:在 Shopify 后台中,转到设置 > 结账。


    在样式部分中,单击自定义结账以打开模版编辑器。在订单摘要部分,添加背景色或图片。如果您要添加颜色,请单击背景色旁边的框以打开颜色选择器,然后选择一种颜色或输入一个十六进制代码。


    如果您要添加图片,请单击上传图片,或选择已上传到库中的图片。较小的图片会在背景上以垂直和水平方式重复排列,与瓷砖类似。单击保存。您可以更改或删除您添加到结账页面的任何图片。


    步骤:在 Shopify 后台中,转到设置 > 结账。在样式部分中,单击自定义结账以打开模版编辑器。在要替换的图片下,单击更新,上传图片或从库中选择图片。单击保存。


    若要删除图片,请单击图片下方的删除。这不会从 Shopify 中删除此图片。当您对结账页面上的图片感到满意时,最好添加图片替代文本。此文本可以帮助提高可访问性和 SEO。


    详细了解搜索引擎优化。步骤:在图片下,单击更新,然后选择编辑图片。输入图片的替代文本。为图片选择一个简短的描述性标题。单击保存。您可以从字体列表中进行选择,以便自定义结帐页面。


    您无法更改结帐页面上的文本颜色。步骤:在 Shopify 后台中,转到设置 > 结账。在样式部分中,单击自定义结账以打开模版编辑器。在字体部分中,单击标题下拉菜单或正文下拉菜单,然后选择一种字体。


    单击保存。您可以更改结账页面上的按钮颜色、错误消息颜色和主题色(例如链接)。如果您更改了颜色,请确保您能够看清主要内容区域和订单摘要背景中的文本。步骤:在 Shopify 后台中,转到设置 > 结账。


    在样式部分中,单击自定义结账以打开模版编辑器。在颜色部分中,单击主题色、按钮或错误旁边的颜色框以打开颜色选择器,然后选择一种颜色或输入一个十六进制代码。单击保存。


    (来源:Shopify)以上内容属作者个人观点,不代表雨果网立场!如有侵权,请联系我们。Shopify后台在线结账设置页面介绍


+1
1

好文章,需要你的鼓励

参与评论
登录后才能参与讨论哦...
后参与讨论
提交评论 0/1000

请回复有价值的信息,无意义的评论将很快被删除,账号将被禁止发言。

评论区
headportrait
Deepbreaths 网络编辑

自媒体个人观点发表达人。

下一篇

2019年9月25日, 加州圣何塞 – eBay公司(EBAY)今天宣布,公司董事会已任命eBay高级副总裁兼首席财务官Scott Schenkel为临时首席执行官。

2020/08/19