随着SaaS建站的火爆,Shopify凭借功能强大、建站简单的优势受到了众多跨境电商商家的喜爱。越来越多的卖家也会选择Shopify进行跨境电商独立站的搭建,为了帮助小白商家更好的了解Shopify自建站的全部流程,下文将从Shopify独立站账户创建开始,为大家一步步梳理Shopify网站搭建的过程。

一、创建 Shopify 帐户

转到 Shopify.com 并单击右上角的开始免费试用,然后将回答一些关于业务、销售产品、销售地点、正在构建的网站类型以及销售多长时间的问题。之后输入电子邮件和密码,然后单击创建 Shopify 帐户。

创建 Shopify 帐户

二、设置 Shopify 商店

进入商店后会在左侧看到一个菜单,其中包含指向所有 Shopify 商店工具和功能的链接,例如订单、产品和客户。可以看到左下角有一个设置按钮,在那里可以更改商店名称、设置时区和选择货币等选项。

设置 Shopify 商店

三、选择Shopify主题

当首次设置商店时将获得一个默认主题。如果想添加新主题以使Shopify商店具有独特、新鲜的外观,只需单击左侧边栏中 Sales channels 下的 Online Store -themes 链接。

选择Shopify主题

向下滚动并单击“探索免费主题”以浏览设计,这些设计不会花费任何费用即可添加到Shopify商店中。此外在免费主题 仪表板的下方也将看到一个选项,可以在其中单击访问主题商店查找付费主题。

在选择主题后,点击“自定义”开始编辑店铺的外观。可以修改布局、颜色、字体和各个元素,以创建独特的在线商店,添加标志、横幅和特色图片,可以使店铺更具视觉吸引力。

四、添加Shopify产品

转到 Shopify Admin,然后点击 Products – Add your products,可以通过两种方式将产品添加到 Shopify:

添加Shopify产品

  • 点击绿色的添加您的产品按钮将产品逐个添加到商店,单击此按钮后,它将在 Shopify 后台创建一个产品页面。
  • 或者当已经在其他平台上创建了产品,并且想要将其移动/导入到 Shopify 时,单击右上角的 Import 按钮,使用 CSV 文件批量导入产品,此外对产品进行批量编辑也很有用。

1、添加Shopify商品名称/描述

商品名称和描述表达了商品的全部内容,确保花时间撰写详细且引人注目的产品描述,此外也需要使用可以帮助增强产品页面 SEO 的相关关键字。

添加Shopify商品名称/描述

2、添加媒体

本部分将帮助用户上传商品的图片、视频或 3D 模型,上传高质量但文件大小较小的商品图片。对于视频可以嵌入 YouTube 或 Vimeo URL,以最大限度地减少对页面加载速度的影响。

3、添加定价、库存、运费和选项

添加定价、库存、运费和选项

定价:在“价格”和“原价比较”下添加商品的售价,以显示原价和售价之间的差异,“每件商品的成本”将计算毛利率。

库存: 可以填写与库存相关的详细信息,例如 SKU(库存单位)和条形码,此外它还允许跟踪或管理库存。

配送: 可以选择指明它是否为实物商品,它还包括用于添加 ‘Weight’ 和 ‘Customs information’ 部分的字段。

选项: 如果商品具有不同颜色或尺寸的不同变体,此部分将创建商品变体。

4、编辑搜索引擎列表

搜索引擎列表部分允许用户自定义页面标题、元描述和 URL 。应该将元/商品名称保持在 60 个字符左右,将元描述保持在 155-160 个字符左右,任何超过这些字符限制的内容都可能会被 Google 切断。

5、编辑Shopify产品组织/状态

Product organization 字段将使用不同的产品类别和产品系列来组织产品。

Product status (产品状态) 允许将产品另存为草稿,直到准备好发布它,在产品页面上填写完所有内容后,可以将状态更改为 Active (活动) 以使产品上线。

6、设置产品类别

在“产品”部分,点击“收藏夹”,然后点击“创建收藏夹”。为每个收藏夹分配一个名称、描述和图片,还可以选择通过为每个收藏夹设置规则来自动化此过程。

五、设置Shopify付款方式

要设置付款,请转到 Shopify 管理员,然后点击设置 – 付款,然后选择要集成到商店中的支付提供商。如果有资格使用 Shopify Payments,将看到带有 Activate Shopify Payments (激活 Shopify Payments) 按钮的选项。

设置Shopify付款方式

同样可以通过完成每个支付提供商的设置过程来选择和激活其他支付提供商。

选择和激活其他支付提供商

六、设置Shopify运费/运输方式

点击“shipping and delivery”,进行Shopify运费的设置。

设置Shopify运费/运输方式

  • 如果要进行代发货: 使用“基于价格的费率”,订单金额为 10 美元的客户可以支付一种运费,订单金额为 30 美元的客户可以支付不同的运费。
  • 如果自己配送商品: 使用 USPS 的 Shopify 商店折扣价,它会为商家计算运费,以便客户支付运费,(要使其正常工作,请在产品页面上输入正确的尺寸和重量。

: 无论如何发货,都可以提供免费送货服务。建议在特定消费的基础上提供免费送货服务(即超过 50 美元的订单免费送货),这可以提高转化率和平均订单价值。

七、Shopify页面创建并添加至导航

电子商务商店需要基本页面,如“关于我们”、“联系方式”、“配送政策”、“退货政策”和“隐私政策”。要创建这些页面,请转到“在线商店”选项卡下的“页面”部分,然后单击“添加页面”。填写必要的信息并单击“保存”。

已经创建了所有重要页面,现在通过单击 Online Store – Navigation 在网站的导航中显示它们。

单击 Online Store - Navigation

单击 Main menu 以编辑位于站点顶部的主导航菜单。要添加页面,请单击 Add menu item(添加菜单项),然后单击 Pages – Contact Us(或您正在添加的任何页面)。

如果希望在主导航栏中显示 About (关于) 页面和 Shipping Policy (配送政策) 页面,请重复此作。完成后,它应如下所示:

Shopify页面创建并添加至导航示例

返回导航设置,然后单击 Footer 菜单。添加制定的 Terms of Service(服务条款)、Privacy Policy(隐私政策)、Refund Policy(退款政策)和 Shipping Policy(配送政策)(如果尚未将它们添加到主菜单)。

八、添加Shopify域名

可以转到“设置”-“域”,起初Shopify分配了一个默认域,即 www.store-name.myshopify.com。为了让商店拥有一个更好的搜索引擎喜爱度,建议重新注册域名。

1、可以转到 设置 – Domains 从 Shopify 购买自定义域名。

2、或者可以从第三方提供商处购买自定义域,然后从设置 – 域中与 Shopify 商店连接。

添加Shopify域名

九、测试Shopify网站

要测试在线交易,可以寻找 Shopify 的 Bogus Gateway,一家使商店能够继续进行测试的支付提供商。转到“设置”-“付款”以停用已启用的任何提供商,然后转到 “Third-party providers” 部分并单击 “Choose third-party provider”。在“第三方支付提供商”页面上,可以在列表顶部看到 Bogus Gateway,点击它。

点击Bogus Gateway

然后阅读教程以进一步了解,然后单击 “激活(用于测试)Bogus Gateway” 开始测试,之后可以像任何其他客户一样访问商店网站并下订单。

激活Bogus Gateway

推荐阅读:

WordPress教程菜鸟教程

Shopify和WooCommerce哪个平台更好?

为什么选择WordPress外贸建站?

相关文章

  • 安装WordPress幻灯片插件

    WordPress建站教程:WordPress幻灯片设置

    在外贸建站的过程中,有些商家会选择使用WordPress幻灯片为网站页面增加一定的动感和可观性,进而提高网站与访客的互动性,那么这一步骤对于一些新手用户或者不懂代码的小白来说,可能过于生涩难懂,所以下文将为大家介绍一种简易的方法为大家介绍WordPress幻灯片设置步骤。 一、安装WordPress幻灯片插件 首先进入WordPress独立站的仪表板并在左侧菜单上找到“插件”选项卡,然后单击“添加新”,然后在搜索栏中输入滑块的名称“Smart Slider 3”。 单击“立即安装”,然后单击“激…

    开发教程 2024年 10月 18日
  • Ubuntu系统的桌面环境

    新手指南:Ubuntu系统的基本操作和使用教程

    一、Ubuntu系统的基础操作 1、界面介绍 Ubuntu系统的桌面环境通常是基于GNOME桌面环境,它包括以下元素: 桌面:桌面是能看到的整个屏幕,可以在桌面上放置文件和文件夹。 任务栏:位于屏幕顶部的横条通常包含了应用程序启动器、系统菜单、通知区域等。 应用程序启动器:通常位于任务栏左侧,包含了常用的应用程序图标,你可以从这里启动应用程序。 通知区域:通常位于任务栏右侧,包含了系统通知、网络连接、音量控制等快捷操作。 应用程序菜单:在桌面的左上角,通常是一个“Activities”按钮,点击…

    开发教程 2024年 4月 24日
  • flow

    六大PHP Web框架软件汇总

    Web框架作为Web程序开发前段工具,可以减少开发时间和维护成本,对于外贸建站来说,是一个较好的代码应用数据库。PHP则是Web开发应用较广泛的前端脚本语言,所以本文基于此,将和大家分享一些PHP Web框架软件,助力外贸独立站的建设。 一、Agavi Agavi是一个强大的,可扩展的PHP 5应用程序框架,遵循MVC范例。它使程序员能够编写清晰,可维护和可扩展的代码。Agavi将选择和自由放在限制性公约上,重点是持续的质量而不是短视的决定。它不是一个完整的网站建设工具,而是一个程序员可以构建应…

    开发教程 2024年 7月 9日
  • CSS网站设计

    如何进行CSS的网站设计与开发?

    各位站长在外贸建站时,可以通过变换生成、掌握Calc()函数、Box-Sizing等方式设计出更丰富的网站页面。CSS作为与HTML相辅相成的网站开发工具,可以极大程度上,减少前端技术人员代码编写的负担,帮助网站形成一个良好的网站布局。所以,本文接下来将和大家分享在CSS设计中存在的一些巧思,让各位站长更好的进行Web开发工作。 一、图像必须匹配站点的颜色方案 颜色方案使得管理工作流程变得复杂。站长可能会使用高分辨率,如灰度PNG,并使用CSS滤镜添加色调。该方式可以将肖像匹配到事件方案,并且可…

    开发教程 2024年 7月 10日
  • 设置WordPress API

    如何在WordPress中集成API?

    用户可以通过WordPress插件WPGetAPI来实现WordPress网站的API集成,借助网站与其他应用程序的连接,以便用户在每一端发送、接收和修改数据。下文也将为大家具体介绍这一方法的具体步骤,为大家在使用WordPress进行外贸建站时提供一个参考。 一、安装并激活插件 要启动该过程,请在WordPress网站上安装并激活该插件。如果没有WordPress帐户,请创建一个,然后在左侧边栏的插件下搜索WPGetAPI插件。 插件激活后,选择要集成的API,在开始集成之前,请阅读API文档…

    开发教程 2024年 10月 3日
  • 安装并激活SeedProd网站构建器插件

    WooCommerce独立站维护模式设置教程

    使用WordPress+WooCommerce搭建外贸独立站时,有时商家会进行网站的改版或更新等工作,这时为了让网站更加顺利的进行访问,就不得不启用WooCommerce独立站的维护模式,但是对于一些不熟悉WooCommerce代码知识的用户来说,此过程可谓是一头雾水,但是为了让小白都能进行独立站维护模式的设置,所以下文将基于此为大家介绍如何使用WooCommerce插件进行独立站维护模式的设置。 一、安装WooCommerce维护插件 安装并激活SeedProd WordPress插件。 导航…

    开发教程 2025年 1月 24日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部