模板,Shopify Jumpstart模板详细设置教程

模板,Shopify Jumpstart详细设置教程核心内容

                                                                                               

模板,Shopify Jumpstart详细设置教程文本

       

   

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

   

       

   

   模板编辑器

   

   使用模板编辑器定制模板。模板编辑器工具栏分为分区和模板设置。

   

       

   

   您可以使用分区来修改商店中不同页面的内容和布局。您可以使用模板设置定制商店的字体和颜色，并更改社交媒体链接和结账设置。

   

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

   

   主页分区包括多种功能（如幻灯片或新闻信息注册），您可以添加、重新排列或删除这些功能。主页上最多可以有 25 分区。

   

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

   

   页面上的分区总是位于在线商店的特定位置。您可以定制它们，但不能重新排列或删除它们。

   

   每个模板包括固定分区(如页眉和页脚)，这些分区将显示在网店的每个页面上。

   

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

   

   Jumpstart 包括以下静态分区：

   

   标头

   

   页脚

   

   产品页面

   

   产品系列页面

   

   产品系列表页面

   

   文章页面

   

   购物车页面

   

   动态分区

   

   您可以从定义主页的布局中添加、重新排列和删除动态分区。每个模板都有唯一的动态分区可供选择。

   

   Jumpstart 包括以下动态分区：

   

   博客文章

   

   特色产品系列

   

   带文本的图片

   

   带文本叠加的图片

   

   logo 列表

   

   幻灯片

   

   特色产品

   

   新闻通讯

   

   活动跟踪器

   

   地图

   

   常见问题解答

   

   格式文本

   

   带图标的文本列

   

   视频

   

   标头

   

   使用 Jumpstart，反相 可以上传logo，在黑暗背景下显示在标题中。Jumpstart 还提供立即购买产品的按钮，鼓励客户购买您选择的特殊产品。

   

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

   

   如需定制标头分区，请执行以下操作：

   

   单击分区。

   

   单击标头。

   

   将 logo 反转(浅色) logo 添加到标头：

   

   在 logo 在部分中，单击选择图片，然后执行以下操作之一- 如果要选择已上传到 Shopify 后台图片，请单击库选项卡。

   

   如果您想从本地计算机中选择图片，请单击库选项卡，然后单击加号按钮。

   

   要加反相 logo，选择反相 logo。

   

   在反相 logo 区域内，单击选择图片，然后执行以下操作之一： - 如果要选择已上传到 Shopify 后台图片，请单击库选项卡。

   

   如果您想从本地计算机中选择图片，请单击库选项卡，然后单击加号按钮。

   

   自定义 logo 宽度 (以像素为单位) 字段输入 logo 的宽度。

   

   注：请确保输入 logo 图片的准确宽度。如果输入宽度不准确，图片可能会模糊或分辨率。

   

   设置您的网站地图菜单选项：

   

   在网站地图分区，从菜单下拉列表中选择要显示在您商店标头的网站地图菜单。

   

   从 Menu style在下拉列表中，选择经典菜单或抽屉式菜单。

   

   从经典菜单的颜色列表中选择菜单文本是浅色还是深色。

   

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

   

   选择一购买按钮选择产品：

   

   单击产品立即购买按钮字段。

   

   开始键入产品名称，或从下拉列表中选择名称。

   

   单击保存。

   

   页脚

   

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

   

   您的 logo

   

   新闻通讯注册

   

   菜单

   

   支付图标

   

   如需定制页脚分区，请执行以下操作

   

   在 Shopify 后台，转到网店 > 模版。

   

   查找 Jumpstart，然后单击自定义。

   

   单击分区。

   

   单击页脚。

   

   通过单击选择图片来选择你的 logo 添加到页脚。如需从电脑上传图片，请单击上传。使用 Burst 中的免费图库图片，请单击免费图片。如果您不使用 logo 图片将显示您的商店名称。

   

   使用自定义 logo 宽度滑块调整 logo 宽度。调整 logo 宽度不会扭曲图片。

   

   如需将新闻通讯注册添加到页脚，请执行以下步骤：

   

   选择显示新闻通讯。

   

   在新闻通信子标题字段中输入新闻通信注册子标题。默认子标题为促销、新产品和销售。直接发送到您的收件箱。

   

   在菜单区域定制页脚菜单。如果您想编辑默认菜单，请单击编辑菜单。如果您想更改其他菜单，请单击更改，然后选择现有菜单或单击 Create menu(创建菜单)。

   

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

   

   单击保存。

   

   产品页面

   

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

   

   编辑产品页面设置:

   

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

   

   单击分区。

   

   单击产品页面。

   

   要显示动态结账按钮，请选择 Show dynamic checkout button(显示动态结账按钮)。

   

   要显示社交共享图标，请选择 Enable product sharing(启用产品共享)。

   

   单击保存。

   

   产品系列页面

   

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

   

   在模板编辑器预览中打开产品系列页面。

   

   单击分区选项卡。

   

   单击产品系列页面。

   

   选择要显示的行数和列数。

   

   单击保存。

   

   购物车页面

   

   当客户将商品添加到购物车中时，系统会立即将其转移到购物车页面Jumpstart 没有继续购物按钮或购物车抽屉。Jumpstart 用于销售单一产品，因此当客户做出决定时，不再需要继续购物。

   

   通过 Jumpstart，您可以使用购物车备注，让客户发送关于他们订单的说明：

   

       

   

   在模板编辑器预览中，在购物车页面添加产品。

   

   单击分区选项卡。

   

   单击购物车页面。

   

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

   

   单击保存。

   

   带文本的图片

   

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

   

   提示： 方形图片最适合带文本的图片分区。

   

   单击分区选项卡。

   

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

   

   从对齐列表中，选择是将图片放在文本的左侧还是右侧。

   

   如需添加图片，请单击图片区域中的图片，然后执行以下任何操作：

   

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

   

   添加与图片相搭配的文本：

   

   在标题字段中，键入要显示的标题文本。

   

   在文本字段中，键入标题下显示的文本。

   

   在 Button label在字段显示在按钮上的文本(按钮标签)字段。

   

   在 Button link(按钮链接)字段中，粘贴指向 URL 链接，或单击此字段从您的商店中选择页面。

   

   单击保存。

   

   幻灯片

   

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

   

   注：由于幻灯片图片会调整尺寸以适应屏幕尺寸，这些图片在查看不同尺寸的屏幕时几乎总是被切割。请参考适用于图片的最佳方法，了解如何确保图片的重要部分不会被切割。

   

   单击分区选项卡。

   

   单击幻灯片。

   

   单击幻灯片。

   

   在图片分区中，单击选择图片，然后执行以下操作之一：

   

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

   

   在 Link URL（链接 URL）下列操作之一：

   

   - 将幻灯片图片链接到商店页面，请单击链接 URL 字段，然后从选项列表中选择页面。- 如果要将幻灯片图片链接到外面 URL，请在 Link URL（链接 URL）在字段中输入 URL 地址。

   

   重复步骤 3-5，添加幻灯片直到幻灯片放映完成。

   

   单击保存。

   

   特色产品

   

   Jumpstart 特色产品分区未显示产品描述。产品描述仅显示在产品页面上。这是因为主页上的许多其他区别也被用来解释和描述你的产品。将特色产品分区视为吸引力文本，吸引客户点击和购买产品。

   

   单击分区选项卡。

   

   单击特色产品。

   

   单击产品字段，选择按字母顺序排列的商店产品列表，或输入产品名称。

   

   单击保存。

   

   新闻通讯

   

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

   

       

   

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

   

   在 Shopify 后台，转到网店 > 模版。

   

   查找 Jumpstart，然后单击自定义。

   

   单击分区。

   

   单击添加分区 > 新闻通讯。

   

   在标题字段中输入新闻通讯注册标题。默认标题为保持最新。

   

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

   

   单击保存。

   

   活动跟踪器

   

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

   

       

   

   单击分区选项卡。

   

   点击活动跟踪器。

   

   在标题字段中输入活动标题。

   

   在副标题字段中输入副标题。如果您不想显示副标题，请留空此字段。

   

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

   

   在背景图片分区中，单击选择图片，然后执行以下操作之一：

   

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

   

   在活动细节中，将以下统计信息输入

   

   在 Funded percent(筹集百分比)在字段中输入你筹集的资金占总筹款目标的百分比。

   

   在 Funded amount在字段中输入你筹集的美元。

   

   在 Number of backers在字段中，输入为您的活动做出贡献的支持者人数。

   

   在 Project URL（项目 URL）在字段中，输入到您的筹款网站 URL。

   

   单击保存。

   

   常见问题解答

   

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

   

   单击分区选项卡。

   

   单击常见问题回答。

   

   在标头字段中输入常见问题解答分区的标题。默认情况下，标题为常见问题解答。

   

   如需添加问题，请执行以下步骤：

   

   在内容分区中，单击常见问题解答分区展开。

   

   将问题键入标题字段。

   

   在文本字段中键入答案。

   

   重复步骤 4，直到您将所有问题添加到常见问题的答案分区。

   

   单击保存。

   

   带图标的文本列

   

   带图标的文本列分区允许您分组带有相关图标的信息文本。例如，您可以描述您的品牌的差异，提供客户演讲或突出在您的商店购物的便利性：

   

       

   

   你可以从数百个 Font Awesome 4.7.0 选择图标。如需显示图标，请在图标名称字段中输入图标名称。图标立即自动显示。

   

   如需添加带图标的文本列分区，请执行以下操作:

   

   单击分区选项卡。

   

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

   

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

   

   如需添加带图标的文本列，请执行以下操作:

   

   单击 Describe a feature(描述功能)。

   

   输入图标名称字段中要显示的图标名称。例如，餐具或购物车。

   

   在标题字段中输入文本列标题。

   

   在文本字段中输入文本正文。

   

   从容器宽度下拉列表中选择文本列的宽度。

   

   重复步骤 4，直到添加文本列完成。

   

   单击保存。

   

   视频

   

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

   

   在主页上添加视频：

   

   在 Shopify 后台，转到网店 > 模版。

   

   查找 Jumpstart，然后单击自定义。

   

   单击分区。

   

   单击添加分区 > 视频。

   

   将视频标题输入标题字段。

   

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

   

   YouTube 共享链接如下：https://youtu.be/OTJXAUZY9t0。你可以在这里 YouTube 帮助文章知道如何复制 YouTube 视频共享链接。

   

   Vimeo 共享链接如下：https://vimeo.com/28132510。你可以在这里 Vimeo 帮助中心文章了解如何复制 Vimeo 视频共享链接。

   

   为标题文本和播放按钮设置颜色，从文本颜色下拉菜单中选择深色或亮色。

   

   单击选择图片，将封面图片添加到视频中。如果您想从计算机上传图片，请单击上传。使用 Burst 免费图库图片，请单击免费图片。

   

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

   

   单击保存。

   

   模板设置：您可以使用模板设置来自固定在线商店的颜色和字体。您还可以设置链接到社交媒体账户，编辑购物车设置，并添加网站图标。

   

   Jumpstart 包括以下模板设置：

   

   颜色

   

   版式

   

   社交媒体

   

   网站图标

   

   结账

   

   颜色

   

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

   

   自定义颜色设置

   

   在 Shopify 后台，转到网店 > 模版。

   

   单击 **** 旁边的自定义。

   

   单击模板设置。

   

   单击颜色。

   

   对于每种类型的内容，单击颜色 swatch 使用颜色选择器：

   

       

   

   - 最近选择的区域显示了你最近为你的模板选择的颜色。- 当前使用区域显示您目前在模板的其他部分使用的颜色。

   

   要将颜色设置为透明，请单击无。

   

   单击保存。

   

   版式

   

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

   

   自定义字体设置

   

   在 Shopify 后台，转到网店 > 模版。

   

   单击 **** 旁边的自定义。

   

   单击模板设置。

   

   单击 Typography（字体）。

   

   使用字体选择器单击更改每种类型的文本：

   

       

   

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

   

   如需查看所有可用字体，请参考 Shopify 字体库。

   

   单击要使用的字体名称。

   

   如果要将字体改为其他样式，如粗体或斜体，请单击 Regular(常规)。下一步，单击要使用的样式，然后单击选择。

   

       

   

   单击保存。

   

   网站图标

   

   您可以上传网站图标 (Favicon)， 可以显示在以下位置logo 帮您推广网店品牌：

   

   您的 Web 浏览器标签

   

   您的 Web 浏览器历史记录

   

   桌面上的图标

   

   在线商店名称(加入书签后)旁边。

   

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

   

   单击模板设置选项卡。

   

   单击网站图标。

   

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

   

   - 如果要选择已上传到 Shopify 后台图片，请单击库选项卡。- 如果您想从本地计算机中选择图片，请单击库选项卡，然后单击加号按钮。

   

   单击保存。

   

   社交媒体

   

   您可以在产品和博客文章中添加社交共享按钮，并指向您的社交媒体账户。

   

   如需定制社交媒体设置，请执行以下操作:

   

   在 Shopify 后台，转到网店 > 模版。

   

   查找 Jumpstart，然后单击自定义。

   

   单击模板设置。

   

   单击社交媒体。

   

   如需上传社交共享图片，请单击选择图片或浏览社交共享图片区域的免费图片。

   

   如果您想在社交媒体账户中添加链接，请在提供的字段中在社交账户区域输入账户链接。请输入完整的链接，如 https://instagram.com/shopify 或 https://twitter.com/shopify。

   

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

   

   单击保存。

   

   结账

   

   在本部分，您可以定制商店的结账页面。单击此处了解商店结账页面的详细信息。

   

   链接到主页分区

   

   为了让客户更容易浏览商店的主页，您可以添加转移到主页不同部分的内部链接。如果您想在菜单中添加内部主页链接，请将链接类型设置为网站，然后使用以下任何链接地址作为目的地：

   

       

   

       

   

   （来源：Shopify）

   

   以上内容属于作者个人观点，不代表跨境网的立场！如有侵权，请联系我们。

   相关推荐:Shopify详细介绍店内默认模板