你想要在网络上经营自己的生意却不知道从何开始吗?
本篇文章将会告诉你怎么用 WordPress + WooCommerce 开始你的第一家网络商店。
网络开店所需要的步骤
- 选择域名(Domain Name)
- 租用虚拟主机(Virtual Hosting)
- 架设网络商店
- 增强 WordPress 的安全
- 选择适合电子商务的主题
- 串接金流和物流插件
- 新增商品
- 持续建构网络商店并使用插件扩展
选择域名(Domain Name)
选择域名是在网络上开店的第一步,好的域名应该相当短,易于记忆并且与你销售的产品相关。
如果你已经成立了公司,有了品牌,那域名应该和你的品牌相同,首选会是「品牌名称.com」,例如「开心农场公司」可以注册「happyfarm.com」如果 .com 已经被其他人注册走了,那可以尝试其他国家顶级域名,像是 「happyfarm.tw」。
如果你还没有品牌或是你想要更着重在寻找引擎的排名上,那你可以使用产品的相关关键字来做为域名,像是如果开心农场的主要商品是水果,那使用「fruitfarm.tw」就会是不错的选择。
这边提供一些选择域名的建议
- .com 是最优先的域名后缀选择,因为他最广为人知
- 域名越短越好而且要容易记忆和拼写
- 使用搜索关键字在域名当中,可以增加寻找引擎排名
- 保持独特性,可以加深品牌印象
- 不要使用连字符或是相同的字母,「fruit-tree」 容易打成 「fruittree 」或是「fruitree」
- 避免使用过于稀有的域名后缀
- 避免有奇怪联想或是会被取笑的域名
- 检查域名是否已被注册成商标
更多有关选择域名的资讯,请参考「购买域名,获得免费域名教程」。
租用虚拟主机(Virtual Hosting)
当你在挑选适合网络商店的虚拟主机时,应该注意下面几个要素
- 上线时间保证,网络商店跟真的开门做生意一样,如果客户发现商店老是无故关闭、暂停营业,自然而然的就不会想要再次光顾了。
- 可靠的技术服务,当实体店面的水电出问题时,你会希望有专业的水电师傅帮忙修缮;相同的,网络商店出问题时,你也会希望有可靠的技术团队帮你解决问题。
- SSL 安全凭证,由于大部分的网络商店将会有在线交易,能保护资料传输安全的 SSL 凭证绝对是必须的。
- 每日备份,与其花数个小时去寻找可能造成问题的起因,有时候还原备份反而能更有效率的解决眼前的难题,而备份的数量与频率又会影响系统还原后重建所需要花费的时间。
- 退款保证,如果你没有使用过该虚拟主机厂商的服务,那在购买之前最好先检查保证退款的天数,如果真的不合适就不用客气了。
- 免费域名,有些虚拟主机供应商会提供免费的域名注册,但是这不应该是你决定供应商的主要原因。
- WooCommerce Hosting,有些主机供应商有推出 WooCommerce 的方案,在启动网站的时候就帮你安装好 WordPress 和 WooCommerce,省去自行安装的步骤,但是现在有很多厂商都有提供「一键安装」的功能,安装 WordPress 一点都不困难。
除非你只是想要架设实验性的网络商店或是第一次用网络商店创业,否则我会建议你不要使用最廉价的虚拟主机方案来架设网络商店。
因为电子商务网站和一般部落格或是商业形象网站不同,它是属于「动态网站」,这种有购物车和会员性质的网站需要使用的主机资源较大,也比较没有办法依赖一般的静态「缓存」(cache)技术来加速你的网站,使用廉价的共享虚拟主机容易导致网站效能过低、网页读取时间过长,不利于网络商店经营。什么是缓存?
如果你还没决定你的虚拟主机供应商,我会推荐 SiteGround(Affiliate)的「GrowBig」或是「GoGeek」方案,它採用了 NGINX + Apache 的部属方式,兼具 Apache 主机的相容性和 NGNIX 主机的效能,并且提供「Memcached 」缓存技术。
利益揭露
我没有收到任何的报酬来撰写此篇文章,不过如果你决定通过点击本文中的 Affiliate 链接来购买产品,那么我可能会获得一笔小额佣金,这将不会影响你的任何权益或是购买商品的价格。
本网站没有使用烦人的广告,Affiliate 链接是目前唯一的收入来源,如果你想要支持我继续经营本网站,请使用本站链接购买你需要的产品,我会非常感谢您。为什么我选择 SiteGround 虚拟主机?
SiteGround 毕竟是外国公司,技术服务只有英文,如果你希望有台湾在地服务,我推荐网易资讯给各位朋友,它们的主机有别于主流的 NGINX 和 Apache 而是使用速度相当快、稳定性高的「LiteSpeed」主机。
如果你想要知道更多有关 LiteSpeed 的资讯,可以参考「常见的网页服务器软件 」。
如果你已经有过电子商务的经验,例如使用拍卖平台来销售你的产品并且取得不错的成绩,正在筹备架设属于自己的电子商务网站,也许你也会想要参考租用更高阶的 VPS 主机(如果 SiteGround 预估 10 万月浏览人次的「GoGeek」方案没有办法满足你的话)。一般常见的主机
架设网络商店
当你选择好域名和虚拟主机之后,就可以开始架设网络商店了,如果你需要详细的步骤教程,可以参考「如何架设网站? 适合所有人的 WordPress 教程懒人包」。
或是你也可以直接购买 SiteGround 的 Managed WooCommerce Hosting,它可以透过几个简易的步骤帮助你快速的布署 WordPress 和 WooCommerce,而且设置好所有网络商店需要的基本设置。什么是 WooCommerce?
进入 WordPress 的控制台之后,需要到「设置」 – > 「一般」页面来设置 WordPress 网站的标题和说明,并且确认网址採用 https 安全加密传输,还有调整时区。调整完之后不要忘记按下「储存设置」按钮。

如果你购买的主机是 WooCommerce 的方案,那么也许 WooCommerce 已经被安装好了,否则需要至「安装插件」页面寻找 WooCommerce 安装并且启用。

启动插件后会自动跳出设置精灵画面,你可以参考下图替换填入适当的资讯。

第二页是网络商店的付款选项,WooCommerce 预设的付款方式中并没有包含信用卡,因为信用卡付款牵扯到手续费,所以我们之后再添加,你可以先在这边选择其他你想要的付款方式,像是「银行转帐」或是「货到付款」。

再来是运送方式,你可以在这里选择商品即将配送的地点和费用,如果不需要按照商品的体积大小和重量来计算运费的话,使用「固定费率」会比较单纯。

接下来会让你选择是否要安装「Storefront 主题」,由于我会安装另一款「Astra」主题所以这边先跳过。
Mailchimp 是一款非常好用的免费电子邮件行销插件,如果你打算发送网络商店的电子邮件给你的客户的话可以选择安装。

Jetpack 是一款功能强大的插件,对初学者来说可以提供不少帮助,但是对老手来说却有点显得有点笨重,如果你不确定你需不需要它,我建议可以安装来使用看看。

最后,如果你想要收到 WooCommerce 的各种提示,可以按下「是的,麻烦你!」按钮订阅,或是按下「造访仪表板」完成设置。

增强 WordPress 的安全性
WordPress 的安全性一直是大家所关心的,因为架设 WordPress 网站相当便利,所以难免会给人有一种「不可靠」或是「不够安全」的感觉,尤其是架设网络商店,由于牵扯到客户的隐私和付款资讯,我们更容易担心自己架设的网络商店是否可靠。
WordPress 在全球拥有数以百万计的用户,其中包含了众多中小企业和大型企业,他们放心的选择使用 WordPress 来架设网站、部落格和网络商店,因为 WordPress 拥有庞大的使用社群,使其得以不断的提升本身的安全性和支援各种安全性相关的插件。
我在这边列举一些提供给大家
选择一个信誉良好的主机供应商
选择优良的虚拟主机供应商会是增加 WordPress 安全性的第一步。好的主机供应商应该会提供下面几项服务
- 恶意攻击监控和预防
- 主动提示或修补安全漏洞
- 提供最新版本的服务器软件
- 能够隔离并防止感染的传播
大多数的主机供应商都会在网站上列出他们的安全性或是可靠性技术,如果你找不到相关的资讯,我会建议换一家更可靠的主机商。
使用高强度的登入密码
这是最老套但是有效的方法,一个高强度的密码应该要
- 使用和其他帐号不同的密码
- 混合大小写字母、数字和特殊符号
- 避免使用生日、姓名等容易被猜到的密码
- 不能过短
更新 WordPress
让你的 WordPress 和主题、插件随时保持在最新的版本,通常新的版本会修补新发现的安全性漏洞。
检查 WordPress 文件的权限
使用 cPanel 的「File Manager」查看 WordPress 的所有文件权限应该要是 644,资料夹权限是 755。
更改登入页面的网址
使用「WPS Hide Login」插件(免费)来变更预设的登入页面的网址,它可以保护你的 WordPress 不容易被黑客尝试暴力破解密码。
使用防止暴力破解插件
「Loginizer」 是一款可以防止黑客暴力破解 WordPress 密码的插件(免费),它可以帮助你在达到允许的最大密码重试次数后封锁对方 IP 来抵御攻击。
安装安全防护插件
WordPress 支援各种安全性插件,这类型的插件通常都包含了网站文件监控、恶意程序扫描和安全通知等功能。他们大多都是免费的,不过使用付费版本可以让你得到更多的安全防护。
防止【WordPress 被黑】最受欢迎的 WordPress 防火墙和安全扫描插件
使用网页应用程序防火墙和 CDN
如果你还是对你的 WordPress 网站有安全上的顾虑,你可以考虑使用「网页应用程序防火墙」(需要额外付费),而 CDN 可以减缓并阻止 DoS 攻击。
比较知名的安全防护供应商有
你可以到这些厂商的网站参考他们的安全防护服务和价格,其中「Cloudflare」有中文页面,不用担心看不懂英文。
选择适合电子商务的主题
WordPress 支援各式各样的主题,但是并不是每一款主题都适合电子商务,这边有些提示帮助你找到理想的 WooCommerce 主题。
互动式购物车图标

好的网络商店主题应该要有一个购物车图示来展示目前有哪些商品在购物车中以及购物的金额。这也是 WooCommerce 主题和一般 WordPress 主题最大的差异点。
可客制化的结帐流程页面

预设的 WooCommerce 有基本的购物车结帐流程,但是你必须透过修改程序码才能够编辑它。好的主题可以让你在 WordPress 控制台就能添加文字或是客制化结帐流程页面。
甚至可以搭配「废弃购物车订单」插件来发送 email 给客户,提醒客户恢复购物车并重新订购商品。
预设页面模板

网络商店除了商品和分类页面之外也会需要有其他页面,像是「关于我们」、「联络我们」和「退换货政策」等等。
如果你的主题已经包含了这些页面,不但可以帮你节省重新制作的时间并且能维持一致的设计风格。
精美的产品页面

产品页面将会是一个购物网站的核心页面,因为它是客户决定购买商品的地方,在这个页面中不但要能够清楚的描述商品、展示商品的价格甚至是利用图片或是影片来说出商品背后的故事。
一般来说,好的主题应该要有能够缩放商品图片的功能、商品评论和社群媒体按钮。

缩放产品图片的功能

社群媒体按钮

产品评论

电子邮件订阅

电子邮件是用来和客户联繫和维持关係的重要方式,好的主题不会忘记这一点。
WooCommerce 主题推荐
- Astra – 超轻量、超快速的主题。
- StudioPress – 高人气、高 CP 值、高市佔率的主题。
- Flatsome – themeforest 最畅销的电子商务主题。
更多有关主题的讯息可以参考「如何选择 WordPress 最佳主题?」。
安装主题
这边我使用「Astra」主题来做示範。
首先,到「主题」页面,点击「安装主题」。

寻找「Astra」并点击安装,安装后点击「启动」。

接下来,到「安装插件」页面,寻找「Astra」并点击安装「Astra Starter Sites」插件。这个插件可以帮助我们汇入 demo 的网络商店,让我们可以直接修改已经设计好的商店,不用从头开始设计。

安装完插件后启动并选择「See Library」。

选择你喜欢的网页编辑器,如果不知道该用哪一个就选拥有高人气的「Elementor」。

用「eCommerce」来筛选电子商务主题。

选择好喜欢的主题后按下「Import Site」汇入该主题到我们的网站。

完成汇入之后回到网站首页会发现选择的 demo 已经完全的安装到我们的网站上了。

接下来你只需要将不需要的 demo 内容给删除,并且把各个页面的内容和产品替换成自己想要的就可以了。
串接金流和物流插件
下一个步骤我们使用「绿界科技」的套装购物车模组来添加「信用卡付款」和「超商取货」选项到网络商店当中。
你可以到「绿界科技」的网站上免费下载并安装这两个金流和物流的插件,但是必须要加入绿界的会员才能正常使用其功能。

下载后解压缩文件,然后到「安装插件」页面上传插件文件并安装。

安装完后启动插件,金流和物流插件都是同样的安装方式。

接着,我们来到 WooCommerce 的「设置」页面,指定商品销售的地区。

并且到「运送方式」页面,启用「绿界科技超商取货」。

勾选你想要的超商「运送项目」,选择完不要忘记储存修改。

到「付款」页面打开你想要的付款项目,「绿界科技」(信用卡)和「定期定额」需要向绿界科技注册开通才能使用。

完成设置后,我们到网站前端进行测试,可以发现结帐页面已经多出了「超商取货」和「超商取货付款」的选项。

完成订单的确认画面。

回到控制台的「订单」页面,看到刚刚新增的订单已经被加进来了,代表测试成功。未来,你将在这个页面处理网络商店所有的订单。

新增商品
下一步,我们将新增新的商品,不过在那之前,如果有需要的话,你可以先新增商品的「分类」。
然后输入「商品名称」和「商品描述」。

将商品分类可以帮助你管理商品,也能帮助你的客户更容易在商店找到他们想要的商品。

设置该商品的「价格」、「库存」、「运送方式」等细节。

输入商品的「简易说明」,简易说明通常会出现在商品页面的上端、商品图片的旁边。你也可以在这边添加商品的图片。

完成设置后按下「发布」就完成新增商品了。

持续建构网络商店并使用插件扩展
到这个步骤,你应该对 WordPress 和 WooCommerce 有了基本的认识,由于我们使用 demo 内容来加速打造我们的商店,所以像是「选单」、「页面」、「文章」、「商品」、「订单」等许多地方都需要更新、替换,如果你遇到不确定该怎么做的地方,不要忘记可以参考 demo 的内容。
你可以使用一些插件来帮助你架设网络商店
- WP Maintenance Mode – 将还未准备好的网站商店设置为「维护模式」,可以避免心急的客户不小心跑进来下单。
- Messenger Customer Chat – Facebook 官方推出的 WordPress 即时聊天插件。
- Akismet – 留言过滤插件,它会自动识别并且隔离你网站上的垃圾留言,让你再也不用手动删除它们。
自己架设一个电子商务网站并不是一件容易的事情,除了刚开始需要投入时间和精力学习、摸索,架设完之后也需要花费心思经营和管理。
也许它所需要的初始资金不像实体店面一样庞大,但是绝对不代表网络商店是比较容易成功的替代方案;和实体店面一样,打开商店后真正的挑战才刚开始,业绩才是最后的成绩单,有关于提升网站流量、SEO 和增加业绩的部分我们就留到以后有机会再谈吧。