Jumpstart

Jumpstart 专为众筹的毕业生而设计,但它也非常适合销售一至十种产品。它的主页展示了一个视频和一个功能分区。

使用 Jumpstart 的在线商店示例

模版编辑器

使用模版编辑器以自定义模版。模版编辑器工具栏分为分区模版设置

模版编辑器工具栏,显示“分区”和“模版设置”

您可以使用分区修改商店上不同页面的内容和布局。您可以使用模版设置对商店的字体和颜色进行自定义,并且对社交媒体链接和结账设置进行更改。

分区是可以在您的在线商店上确定不同页面布局的可自定义内容块。

  • 主页分区包括多种功能(例如幻灯片或新闻资讯注册),您可以添加、重新排列或删除这些功能。主页上最多可以有 25 个分区。

  • 每种类型的页面都有自己的分区。例如,产品页面的分区决定了在线商店上每个产品页面的布局。

  • 页面上的各分区始终位于在线商店的特定位置。您可以对它们进行自定义,但不能重新排列或删除它们。

  • 每个模版包括固定的分区(例如页眉和页脚),在线商店的每个页面上都会显示这些分区。

您可以了解 的独特分区选择以及如何对它们进行自定义以适用于您的业务。

Jumpstart 包括以下静态分区:

  • 标头

  • 页脚
  • 产品页面
  • 产品系列页面
  • 产品系列列表页面
  • 文章页面
  • 购物车页面

动态分区

您可以添加重新排列删除动态分区来自定义主页的布局。每个模版都有唯一一组可供选择的动态分区。

Jumpstart 包括以下动态分区:

  • 博客文章

  • 特色产品系列
  • 带文本的图片
  • 带文本叠加的图片
  • logo 列表
  • 幻灯片
  • 特色产品
  • 新闻通讯
  • 活动跟踪器
  • 地图
  • 常见问题解答
  • 格式文本
  • 带图标的文本列
  • 视频

标头

使用 Jumpstart,您可以上传主页 logo,并让它在黑暗背景下显示在标头中。Jumpstart 还提供产品立即购买按钮,鼓励客户购买您选择的特色产品。

标头分区的 logo 图片的宽度应为 200px。

若要自定义标头分区,请执行以下操作:

  1. 单击分区

  2. 单击标头

  3. 将 logo 和主页(浅色)logo 添加到标头:

    1. logo 部分中,单击选择图片,然后执行以下操作之一: - 若要选择已上传到 Shopify 后台的图片,请单击选项卡。
    2. 若要从本地计算机选择图片,请单击选项卡,然后单击加号按钮。
    3. 若要添加主页 logo,请选中主页 logo
    4. 主页 logo 区域中,单击选择图片,然后执行以下一项操作: - 若要选择已上传到 Shopify 后台的图片,请单击选项卡。
    5. 若要从本地计算机选择图片,请单击选项卡,然后单击加号按钮。
    6. 自定义 logo 宽度 (以像素为单位) 字段中输入 logo 的宽度。

备注:请确保输入 logo 图片的准确宽度。如果输入的宽度不准确,图片可能会模糊或出现分辨率问题。

  1. 设置您的网站地图菜单选项:

    1. 网站地图分区中,从菜单下拉列表中选择要在您的商店标头中显示的网站地图菜单。
    2. Menu style(菜单样式)下拉列表中,选择经典菜单或抽屉式菜单。
    3. 经典菜单颜色列表中,选择菜单文本为浅色还是深色。

备注:如果经典菜单中包含太多要显示在页面上的网站地图菜单项,它则将更改为抽屉式菜单。

  1. 立即购买按钮选择一个产品:

    1. 单击产品的“立即购买按钮”字段。
    2. 开始键入产品名称,或从下拉列表中选择一个名称。
  2. 单击保存

页脚

在页脚分区中,您可以编辑商店中每个页面底部显示的内容。您可以将以下功能添加到页脚:

  • 您的 logo
  • 新闻通讯注册
  • 菜单
  • 付款图标

网站的页脚分区,显示商店名称、一个菜单、版权文本和付款图标。

若要自定义页脚分区,请执行以下操作:

  1. 查找 Jumpstart,然后单击自定义

  2. 单击分区

  3. 单击页脚

  4. 通过单击选择图片将您的 logo 添加到页脚。若要从计算机上传图片,请单击上传。要使用 Burst 中的免费图库图片,请单击免费图片。如果您不使用 logo 图片,则会显示您的商店名称。

  5. 使用自定义 logo 宽度滑块调整 logo 的宽度。调整 logo 宽度不会使图片失真。

  6. 若要将新闻通讯注册添加到页脚,请执行以下步骤:

    1. 选中显示新闻通讯
    2. 新闻通讯子标题字段中输入新闻通讯注册的子标题。默认子标题为“促销、新产品和销售。直接发送到您的收件箱”。
  7. 菜单区域中自定义页脚菜单。若要编辑默认菜单,请单击编辑菜单。若要更改为其他菜单,请单击更改,然后选择一个现有菜单或单击 Create menu(创建菜单)。

  8. 通过选中 Show payment icons(显示付款图标)将付款图标(如 Mastercard 或 PayPal)添加到页脚。

  9. 单击保存

产品页面

产品页面分区中,您可以添加或删除动态结账按钮和社交共享图标。

编辑产品页面的设置:

  1. 从顶栏下拉菜单中选择产品页面

  2. 单击分区

  3. 单击产品页面

  4. 若要显示动态结账按钮,请选中 Show dynamic checkout button(显示动态结账按钮)。

  5. 若要显示社交共享图标,请选中 Enable product sharing(启用产品共享)。

  6. 单击保存

产品系列页面

您可以选择显示在产品系列页面上的产品图片的列数和行数。产品图片的大小将经过调整以适应页面大小。

  1. 在模版编辑器预览中,打开产品系列页面。

  2. 单击分区选项卡。

  3. 单击产品系列页面

  4. 选择想要显示的行数和列数。

  5. 单击保存

购物车页面

当客户将商品添加到他们的购物车时,系统会立即将他们转到购物车页面。在 Jumpstart 中,没有“继续购物”按钮或购物车抽屉。Jumpstart 用于销售单个产品,因此当客户做出决定后,应该不再需要继续购物。

通过 Jumpstart,您可以启用购物车备注,使客户能够发送关于他们订单的说明:

购物车页面,显示了“卖家特殊说明”备注字段

  1. 在模版编辑器预览中,将产品添加到购物车页面。

  2. 单击分区选项卡。

  3. 单击购物车页面

  4. 选中 Enable order notes(启用订单备注)。

  5. 单击保存

带文本的图片

Jumpstart 包括带文本的图片分区,使您能够向客户显示带自定义消息的图片。

提示: 正方形图片最适合用于带文本的图片分区。

  1. 单击分区选项卡。

  2. 单击 Image with text(带文本的图片)。

  3. 对齐方式列表中,选择是要将图片放在文本的左侧还是右侧。

  4. 若要添加图片,请在图片区域中单击选择图片,然后执行以下任一操作:

- 若要选择已上传到 Shopify 后台的图片,请单击选项卡。 - 若要从 Shopify 的 Burst 股票图片产品系列中选择股票图片,请单击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。 - 若要从本地计算机选择图片,请单击选项卡,然后单击加号按钮。

  1. 添加与图片相搭配的文本:

    1. 标题字段中,键入要显示的标题文本。
    2. 文本字段,键入要显示在标题下方的文本。
    3. Button label(按钮标签)字段中,输入想要显示在按钮上的文本。
    4. Button link(按钮链接)字段中,粘贴指向一个 URL 的链接,或单击此字段以从您的商店中选择一个选择商店中的页面。
  2. 单击保存

幻灯片

Jumpstart 幻灯片图片的宽度最大可以为 1200px,因此,最好使用宽度至少为 1200px 的图片,或达到 Shopify 的上传限制

备注:由于幻灯片图片会调整尺寸以适应屏幕大小,因此,在不同大小的屏幕上查看时,这些图片几乎总是会被裁剪。请参阅适用于图片的最佳做法,了解如何确保图片的重要部分不会被裁剪掉。

  1. 单击分区选项卡。

  2. 单击幻灯片

  3. 单击幻灯片

  4. 图片分区中,单击选择图片,然后执行以下操作之一:

- 若要选择已上传到 Shopify 后台的图片,请单击选项卡。 - 若要从 Shopify 的 Burst 股票图片产品系列中选择股票图片,请单击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。 - 若要从本地计算机选择图片,请单击选项卡,然后单击加号按钮。

  1. Link URL(链接 URL)字段中,执行以下操作之一:

- 要将幻灯片图片链接到商店中的页面,请单击链接 URL 字段,然后从选项列表中选择一个页面。 - 若要将幻灯片图片链接到外部 URL,请在 Link URL(链接 URL)字段中输入 URL 地址。

  1. 重复步骤 3-5,直到完成向幻灯片放映添加幻灯片。

  2. 单击保存

特色产品

Jumpstart 的特色产品分区未显示产品描述。产品描述仅显示在产品页面上。这是因为主页的许多其他分区分也用于解释和描述您的产品。将特色产品分区视为“号召性”文本,吸引客户点击和购买产品。

  1. 单击分区选项卡。

  2. 单击特色产品

  3. 单击产品字段,从按字母顺序排列的商店产品列表中进行选择,或者输入产品名称。

  4. 单击保存

新闻通讯

您可以向您的主页添加新闻通讯注册。这使您能够收集客户电子邮件地址以用于电子邮件营销活动。您可以在 Shopify 博客上了解有关电子邮件营销的详细信息。

网站上的新闻通讯分区。提供有一个可供客户输入电子邮件地址的字段以及一个“订阅”按钮。

向主页添加新闻通讯注册:

  1. 查找 Jumpstart,然后单击自定义

  2. 单击分区

  3. 单击添加分区 > 新闻通讯

  4. 标题字段中输入新闻通讯注册的标题。默认标题为“保持最新”。

  5. 子标题字段中输入新闻通讯注册的子标题。默认文本为“促销、新产品和销售。直接发送到您的收件箱”。

  6. 单击保存

活动跟踪器

Jumpstart 包含一个独特的活动跟踪器分区,此分区可以链接到您的筹款网站,并显示您与筹款目标之间的差距:

活动跟踪器分区,显示筹款活动名称和筹款统计信息

  1. 单击分区选项卡。

  2. 点击活动跟踪器

  3. 标题字段中,输入活动的标题。

  4. 副标题字段中,输入副标题。如果您不想显示副标题,请将此字段留空。

  5. 统计信息样式列表中,选择是要显示包含较小文本的饼图还是显示包含较大文本的条形图。

  6. 背景图片分区中,单击选择图片,然后执行以下操作之一:

- 若要选择已上传到 Shopify 后台的图片,请单击选项卡。 - 若要从 Shopify 的 Burst 股票图片产品系列中选择股票图片,请单击免费图片选项卡。您可在此处输入搜索词,或浏览图片类别。 - 若要从本地计算机选择图片,请单击选项卡,然后单击加号按钮。

  1. 活动细节部分中,为您的活动输入以下统计信息:

    1. Funded percent(筹集百分比)字段中输入您已筹集的资金占总筹款目标的百分比。
    2. Funded amount(筹集金额)字段中,输入您已筹集的美元金额。
    3. Number of backers(支持者数量)字段中,输入为您的活动做出了贡献的支持者人数。
    4. Project URL(项目 URL)字段中,输入转至您筹款网站的 URL。
  2. 单击保存

常见问题解答

您可以向主页添加常见问题解答 (FAQ) 列表。您可以使用此分区提供有关筹款活动(如果有)的详细信息,或回答有关您的产品或发货和退货政策的问题。

  1. 单击分区选项卡。

  2. 单击常见问题解答

  3. 标头字段中,输入常见问题解答分区的标题。默认情况下,标题为“常见问题解答”。

  4. 若要添加问题,请执行以下步骤:

    1. 内容分区中,单击常见问题解答分区以展开它。
    2. 标题字段中键入问题。
    3. 文本字段中键入答案。
  5. 重复步骤 4,直到您为常见问题解答分区添加了所有的问题为止。

  6. 单击保存

带图标的文本列

带图标的文本列分区使您能够对带有相关图标的信息性文本进行分组。例如,您可以描述您品牌的与众不同之处,提供客户感言或者突显出在您的商店进行购物的便利性:

三列描述购物非常简单轻松的文字

您可以从数百个 Font Awesome 4.7.0 图标中进行选择。若要显示图标,请在图标名称字段中输入图标名称。该图标随即自动显示。

若要添加带图标的文本列分区,请执行以下操作:

  1. 单击分区选项卡。

  2. 单击 Text columns with icons(带图标的文本列)。

  3. 标题字段中,输入将显示在文本列上方的标题。

  4. 若要添加带图标的文本列,请执行以下操作:

    1. 单击 Describe a feature(描述功能)。
    2. 图标名称字段中,输入要显示的图标的名称。例如,“餐具”或“购物车”。
    3. 标题字段中,输入文本列的标题。
    4. 文本字段中,输入文本正文。
    5. 容器宽度下拉列表中,选择文本列的宽度。
  5. 重复步骤 4,直到完成添加文本列。

  6. 单击保存

视频

您可以将托管在 YouTube 或 Vimeo 上的视频添加到您的主页。视频可以吸引客户并让他们对您的业务产生兴趣。

在主页中添加视频:

  1. 查找 Jumpstart,然后单击自定义

  2. 单击分区

  3. 单击添加分区 > 视频

  4. 标题字段中输入视频的标题。

  5. Video link(视频链接)字段中输入视频的共享链接。

    YouTube 共享链接如下所示:https://youtu.be/OTJXAUZY9t0。您可以在此 YouTube 帮助文章中了解如何复制 YouTube 视频的共享链接。

    Vimeo 共享链接如下所示:https://vimeo.com/281332510。您可以在此 Vimeo 帮助中心文章中了解如何复制 Vimeo 视频的共享链接。

  6. 通过从文本颜色下拉菜单中选择来为标题文本和播放按钮设置颜色。

  7. 通过单击选择图片,向视频添加封面图片。若要从计算机上传图片,请单击上传。要使用 Burst 中的免费图库图片,请单击免费图片

    封面图片的建议尺寸为 1920 x 840 px。

  8. 单击保存

模版设置:您可以使用模版设置来自定在线商店的颜色和字体。您还可以设置指向社交媒体帐号的链接、编辑购物车设置以及添加网站图标。

Jumpstart 包括以下模版设置:

  • 颜色
  • 版式
  • 社交媒体
  • 网站图标
  • 结账

颜色

您可以为在线商店的不同部分选择颜色。

自定义颜色设置

  1. 单击 **** 旁边的自定义

  2. 单击模版设置

  3. 单击颜色

  4. 对于每种类型的内容,单击颜色 swatch 以使用颜色选择器:

    模版编辑器中的颜色选择器

- 最近所选区域显示您最近为您的模版选择过的颜色。 - 当前使用区域显示您当前正在模版的其他部分中使用的颜色。

若要将颜色设置为透明,请单击

  1. 单击保存

版式

您可设置在线商店上的文本的字体样式和大小。

自定义字体设置

  1. 单击 **** 旁边的自定义

  2. 单击模版设置

  3. 单击 Typography(字体)。

  4. 对于每种类型的文本,单击更改以使用字体选择器:

    字体选择器上面的“更改”按钮

  5. 通过使用搜索字段或通过单击加载更多来浏览字体。

    若要查看所有可用的字体,请参阅 Shopify 的字体库

  6. 单击要使用的字体名称。

  7. 若要将字体更改为其他样式,例如粗体或斜体,请单击 Regular(常规)。下一步,单击您要使用的样式,然后单击选择

    字体选择器上提供有一个字体粗细选项

  8. 单击保存

网站图标

您可以上传网站图标 (Favicon),该图标可通过在以下位置显示 logo 来帮助您推广在线商店品牌:

  • 您的 Web 浏览器标签
  • 您的 Web 浏览器历史记录
  • 桌面上的图标
  • 在线商店名称(将其加入书签后)旁边。

Jumpstart 的最佳网站图标图片尺寸为 32 x 32px。

  1. 单击模版设置选项卡。

  2. 单击网站图标

  3. Favicon image(网站图标图片)区域中,单击选择图片,然后执行以下操作之一:

- 若要选择已上传到 Shopify 后台的图片,请单击选项卡。 - 若要从本地计算机选择图片,请单击选项卡,然后单击加号按钮。

  1. 单击保存

社交媒体

您可以为产品和博客文章添加社交共享按钮以及指向您社交媒体帐户的链接。

若要自定义社交媒体设置,请执行以下操作:

  1. 查找 Jumpstart,然后单击自定义

  2. 单击模版设置

  3. 单击社交媒体

  4. 若要上传社交共享图片,请在社交共享图片区域中,单击选择图片浏览免费图片

  5. 若要将链接添加到社交媒体帐户,请在社交帐户区域中,在提供的字段中输入帐户链接。请输入完整链接,例如 https://instagram.com/shopifyhttps://twitter.com/shopify

    转至您社交媒体帐户的链接显示在您的在线商店的页脚中。

  6. 单击保存

结账

在本部分中,您可以自定义商店的结账页面。单击此处了解有关商店结账页面的详细信息。

链接到主页分区

为了使客户能更轻松地浏览您商店的主页,您可以添加转至主页中不同部分的内部链接。若要将内部主页链接添加到菜单中,请将链接类型设置为网址,然后使用以下任一链接地址作为目的地:

将地址链接到主页上的其他分区。
主页分区 链接地址
图片和视频 /#home-video
带文本的图片 /#home-imagebox
带图标的文本列 /#home-features
格式文本 /#home-page
众筹活动 /#home-kickstarter
常见问题解答 (FAQ) /#home-faq
幻灯片 /#home-slideshow
产品 /#home-product
最近的博客文章 /#home-blog
logo 列表 /#home-clients

准备好开始使用 Shopify 进行销售了吗?

免费试用