spot_img
HomeDTC品牌出海独立站教程如何自定义 Shopify 主题

如何自定义 Shopify 主题

JasperAI 10000字免费额度试用

Shopify 伙伴们,您正在创建一个令人惊叹的 Shopify 网站吗? 为此,第一步是选择并了解如何自定义 Shopify 主题。 在本文中, LitExtension – #1 购物车迁移专家 将为您提供完整的指南(即使是初学者) 以充分理解和充分利用 Shopify 主题。

本文将涵盖:

  • 自定义预建 Shopify 主题 – 初学者的完整指南
  • 如何使用 Shopify Liquid 自定义 Shopify 主题
  • 如何将自定义主题上传到 Shopify
  • 您需要了解的有关 Shopify 主题的一切

我们进去吧!

自定义 shopify 主题


如何自定义 Shopify 主题 – 初学者的完整指南

在自定义 Shopify 主题之前,您需要先拥有一个 Shopify 商店。 如何创建 Shopify 商店的过程相当简单.

谷歌SEO优化服务

Shopify 主页 > 输入你的电子邮箱地址 > 点击 ‘开始免费试用‘. 在这里,您需要回答有关商店的一些基本问题。 或者,您可以跳过它们并在几分钟内开始试用。

我们在下面附上了有关如何创建 Shopify 商店的详细指南,所以不用担心,您将能够在几分钟内拥有一个 Shopify 商店!

目前,Shopify 提供 6 种定价方案: Shopify 初学者, 精简版, 基本的 Shopify, 购物, 高级 Shopify, 和 购物加.

你可以开始你的 3 天免费试用只需支付 1 美元/月 3 个月 选择时 Shopify 基本计划 (最受欢迎的 Shopify 定价计划). 如果您想利用 Shopify 的更多功能来支持您的业务,您可以考虑更高的 Shopify 定价层。

WordPress divi主题

💡 专业提示: 你们是美国或加拿大的新电商吗? 不要错过机会 使用年度计划可享受 50% 的折扣 在您使用 Shopify 的第一年。 该奖励将适用于每年的 Basic、Shopify 和 Advanced。

现在,您可能想要自定义 Shopify 主题? 请按照以下步骤掌握有关如何自定义 Shopify 主题的所有信息。 让我们开始吧!

#1 选择一个 Shopify 主题

现在,让我们导航到“网上商城‘ > 点击 ‘主题

在这里,你会看到 黎明Shopify 已经为您挑选的免费和默认主题。

Dawn - 免费和默认的 Shopify 主题
Dawn – 免费和默认的 Shopify 主题

如果你不想和 黎明 主题欢迎光临 Shopify 主题商店 并从他们的 100 多个选项中选择您想要的主题。

Shopify 主题商店
Shopify 主题商店

对于 Shopify 或未来的 Shopify 商家来说,最出色的机会之一是 Shopify 允许其用户自定义每个主题,甚至是付费主题! 您可以尝试使用最新的 Shopify 主题功能免费测试 Shopify 主题,并在开始您的在线业务之前选择所需的主题。

访问我们的 Shopify 主题基本资源:

在所有托管电子商务平台提供商中, 只有 Shopify 允许您这样做! 这是 Shopify 商家的特权,所以不要错过机会,现在就去 Shopify 吧!

Shopify 仓库主题
点击 ‘尝试主题

选择您梦想的主题后,单击“尝试主题‘. 它现在将出现在您的主题库中。

自定义仓库主题
自定义 Shopify 主题

然后,单击“定制‘ 并继续下一步!

H10的年终大促

💡 专业提示:在自定义 Shopify 主题之前,您应该执行以下任务:

  1. 复制以备份您的主题。 这使得撤消修改并在必要时重新开始变得简单。
  2. 确保您了解主题提供的帮助。
  3. 了解图片上传要求和推荐做法。

#2 转到导航栏

Shopify 仓库主题
Shopify 仓库主题

在本节中,让我们采取 ‘仓库‘, – 以流行的付费 Shopify 主题为例。 请注意,在显示方面可能存在一些细微差异,但请放心,每个网站模板的步骤都是相同的. 如有困惑,请随时联系 Shopify 以获得支持。

Shopify 导航栏
Shopify 导航栏

在顶部,您将看到导航栏。 在这里,您可以看到一组要编辑的选项,包括:

  • 主页
  • 产品页面
  • 藏品与藏品清单
  • 页数
  • 博客和博客文章……

敬请关注! 在下一部分中,我们将向您展示如何在每个部分中自定义此 Shopify 主题。

#3 编辑主页

让我们先从编辑主页开始。

自定义 Shopify 主题的第一步是编辑主页。 首先,导航到 主页 部分。

编辑主页
编辑 Shopify 主页

使用 Warehouse 主题,您可以在此处看到以下基本部分:

  • 标头
  • 幻灯片
  • 特征集合
  • 收藏清单
  • 通讯
  • 特色产品
  • 博文
  • 带有图标的文本
  • 页脚

让我们一一进行,以准确了解 什么以及如何自定义 Shopify 主页 从头开始。

1.公告栏和弹出窗口

公告栏是显示有关您的业务的重要信息的好方法。 您可以将其包含在您的 Shopify 商店中以突出显示:

  • 任何运输延误或不接受国际运输的地方
  • 任何新的或更新的政策页面
  • 或任何当前的促销活动,例如折扣或新礼品卡

但是,请注意,虽然此部分已包含在某些主题中,但其他主题可能需要您下载应用程序才能使用此功能。 在某些情况下,您将使用“公告横幅”而不是“公告栏”。

高质量外链购买
Shopify 公告栏
出现在网站顶部的时事通讯示例

让我们移动到 弹出窗口. 随着 BFCM 2022,最大的假期和销售旺季临近,应该很好地应用优惠券或促销的弹出窗口。 弹出窗口有一些流行的用途:

  • 弹出窗口显示优惠券
  • 包含有用信息以获取客户电子邮件的弹出窗口
编辑弹出窗口
编辑弹出窗口

使用弹出窗口,您可以选择:

  • 只显示在首页
  • 只对访问者显示一次
  • 不显示帐户持有人的弹出窗口

如果您包含一个收集客户电子邮件地址的弹出窗口, 您可以将这些数据用于进一步的电子邮件营销活动. 如果您还没有找到电子邮件营销提供商,您可以考虑 Shopify Email。 它可以帮助您自定义、个性化并自动向客户发送电子邮件。

2.表头

标头出现在您网站的顶部,这是吸引访问者注意力的第一件事. Header 的目标是显示和传达客户旅程中的关键元素。

自定义页眉
Warehouse 演示商店的标头示例

根据您的业务策略,您将有自己的方式来显示标题和引导访问者。 如果您要销售,我们推荐以下部分:

JasperAI 10000字免费额度试用
  • 搜索栏
  • 大车
  • 用户账号
  • 边栏菜单

您可以选择是否在客户向上滚动时在屏幕上显示标题。 为此,请在后端选择“启用粘性标头‘ 选项 (如下图所示).

自定义页眉
自定义页眉

移动到网站标志。 永远不要忘记包含您的企业徽标,因为这就是您的身份! 这里, 您可以添加企业徽标的图像,为桌面和移动设备自定义徽标的大小.

为了 侧边栏菜单导航,您可以自定义它在桌面和移动设备上的显示方式。

侧边栏菜单导航
编辑边栏菜单导航

上 ‘主菜单‘,我们建议您包括:

  • 产品类别
  • 收藏品
  • 联系页面

要找到菜单导航页面,请执行以下步骤:

  • 第 1 步:在 Shopify 控制面板上,导航至 网上商城 > 导航.
  • 第 2 步:查找 菜单. 在这里,您可以编辑主菜单或创建新菜单。

如何自定义 Shopify 主题

  • 第 3 步: 添加菜单项.
    最初,Shopify 将生成:主页、目录和联系页面。 根据您的电子商务策略,您可以添加新菜单并链接到自定义页面。
添加菜单项
添加菜单项

它不仅可以将您的访问者导航到重要页面,还会向 Google bot 发送一个信号,告诉您您的网站到底是关于什么的。 所以,你必须充分利用你的标题!

3.幻灯片

一个 网站幻灯片或滑块是一种以类似画廊的格式显示大量照片的功能。 它一次显示一张图像,并在超时和/或用户操作(如滑动或单击按钮)后自动在它们之间切换。

编辑幻灯片
编辑幻灯片

您可以选择包括您网站的关键页面或提供一些您最值得注意的信息,例如您的品牌洞察力或业务旅程。 和 不要忘记通过将访问者链接到登陆页面并将他们转化为客户来利用此部分.

根据您的具体业务目标,您可以引导他们:

WordPress花园粉丝福利

想做跨境电商独立站但是没什么钱?可以免费试用Shopline智能建站工具,一个月都不要一顿火锅的钱!(这里就可以在线申请!) 或者扫描下方二维码
shopline
  • 特定的 Shopify 系列
  • 您想推动销售的一些产品
  • 您商店的政策
  • 和更多。

4. 特色收藏&收藏清单

Shopify 上, 精选系列是一组经过特别选择并显示在您的 Shopify 商店主页上的产品.

特征集合
Ridge 上的一个集合示例——一个受欢迎的 Shopify 商店

要在主页上显示特色收藏,让我们导航到“精选合集‘ 部分。 在本节中,您可以:

  • 选择要包含的系列并决定在此部分显示多少产品
  • 将集合命名为 ‘标题‘ (特色收藏不是固定名称,您可以随时更改它!)
  • 和 ‘链接标题‘, 选择将您的收藏链接到的位置 (如果为空,Shopify 将自动使用集合 URL)
添加特征集合
添加功能集合

现在,让我们转到 ‘收藏清单‘. 收藏列表是一个页面,列出了您商店中的每个收藏. 在这种情况下,在 ‘主页‘ 部分,您可以:

  • 添加收藏
  • 编辑该收藏集并以您想要的方式显示它
自定义收藏
自定义收藏

您可以编辑自定义集合并将其链接到您网站的自定义页面。 您应该展示您拥有的最杰出的收藏,因为它很有可能会通过吸引访问者的注意力来推动转化。

Shopify 收藏列表示例
Burga 上的收藏列表示例 – 一家成功的 Shopify 直销店

5. 时事通讯

您的在线商店可以从添加时事通讯订阅表中受益 以便您可以为电子邮件营销活动收集客户电子邮件地址。

通讯
Shopify 时事通讯

Shopify 允许其用户自由自定义此部分….

5分钟生成10篇英文软文article forge软件试用
siteground

【WordPress花园提醒您】如果想购买国外正版WordPress主题和插件,您需要一张VISA信用卡才能支付,这里我们推荐光大银行信用卡!赶快免费申请,别耽误了买插件哦!

guangda
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES