8个步骤快速构建WooCommerce B2C商城网站

建立一个完全自主可控的外贸B2C商城网站,有多种技术方案路径,其中wordpress + woocommerce插件是目前最成熟,也是最易入手的方案,全球有超过20%的网上商城采用以上技术方案来构建。

如果我们已经熟练使用wordpress了,那么只需在此基础上学习下WooCommerce插件的使用,即可快速实现如下效果的B2C网上商城网站。

mark

wordpress基础和主题请参考

一、B2C商城网站主机

外贸B2C网站需要全年7×24小时稳定运行,对主机的要求很高,对于大部分外贸人员来说,往往不具备维护网站底层技术的能力,选择一家靠谱的外贸主机空间就变得很重要。

Siteground是目前外贸界评价最高的一家专业wordpress主机提供商,很多国内的专业外贸人员都在使用。针对B2C外贸商城网站,SiteGround提供了如下的功能:

  • 访问速度优化:Siteground针对访问速度提供了自己开发的cache缓存插件和Cloudflare CDN功能,无需额外付费。
  • 安全支持:PayPal,stripe等支付功能都需要网站为HTTPS安全访问,Siteground提供了免费的SSL证书,一键安装。
  • 自动备份,每日自动备份数据,免除数据丢失风险。
  • 邮箱服务,无需额外安装任何邮箱插件,支持woocommerce相关的邮件通知服务。
mark

关于Siteground的购买和wordpress安装,可以参考文章: SiteGround专业外贸主机最新使用教程

二、商城主题选择

适合商城的主题非常多,woocommerce公司也推出了他们自己的主题,但我还是建议你使用免费的astra主题,简单易学,容易入手,功能足够。

mark

Astra主题的具体设置步骤请参考文章:Astra主题快速搞定B2B,B2C网站

三、woocommerce商城插件基础

1. 插件安装

wordpress插件市场中直接搜索woocommerce,安装,并激活,免费插件。

mark

插件安装完成后,wordpress后台管理菜单栏中会多出2个菜单:

  1. woocommerce: 店铺相关的设置选项
  2. Products:产品相关的选项
mark

功能设置选项请参考后续章节,此处可先简单熟悉下即可。

2. 初始化设置

激活WooCommerce后,会自动跳出初始化设置选项,按照提示一步一步设置即可。

如不确定怎么选,可快速跳过,后续在WooCommerce的setting设置菜单中重新进行修改即可。

mark

推荐安装额外的插件,这一步可先不要安装,后续根据需要再单独安装。

mark

是否需要更换主题,不建议更换,直接使用astra主题即可。

mark

四、Product产品和demo数据

对woocommerce进行初始化设置后,就可以添加产品了。

在wordpress后台,选择Products中的add new,即可添加一个新产品,添加的产品会以独立的页面出现,产品页面主要有以下8个部分需要填写。

mark

信息填写完成后,点击右上角的publish发布产品,即可看到产品发布后的页面样式。

mark

如需快速导入一些demo产品数据进行学习和测试,可下载woocommerce官网的demo数据,然后将其导入到店铺中即可快速生成产品页面。https://docs.woocommerce.com/document/importing-woocommerce-sample-data/

五、购物流程

在对woocommerce进行进一设置前,我们有必要先熟悉用户在我们网站上的购物流程。

购物流程是指用户从打开网站选择中意商品至付款结束的整个过程,在woocommerce中一般会有如下四个步骤:

  1. 浏览商品展示页
  2. 查看产品详情页,详细了解产品
  3. 加入购物车
  4. 确认付款
mark

通过前一个步骤,我们已经添加了产品页面,剩余的其他三个页面从哪里来呢?

答案是woocommerce插件已经帮我们自动添加好了,查看wordpress后台的Pages页面菜单,我们会看到多出来几个页面。

  • shop产品列表展示页面
  • Cart为购物车页面
  • Checkout为付款页面
  • My account页面为用户账号页面
mark

除了购物流程中的三个页面外,另外还有一个“my account”账号页面,为方便用户下次登录网站时查阅到自己的订单信息。

这四个页面千万不要删除或者随意改动,这是整个woocommerce购物商城最核心的部分。

根据需要,可以将shop页面设置为整个网站的“homepage”,当用户打开网站主页后就可以直接看到产品列表页面。

mark
mark

六、用户付款方式

1. 收款的基本要求

经过以上几个简单步骤后,我们的B2C商城网站已初具雏形,但还差最重要的一个环节“用户付款”。

付款和收款涉及到资金的安全问题,也是所有购物商城设置中最复杂,也是最关键的部分。

woocommerce支持的主要付款方式有以下三类:

  1. Paypal支付
  2. Stripe等信用卡通道支付
  3. Amazon Pay,Apple Pay等快捷支付

其中第三类快捷支付,仅对美国和部分地区居民开放,中国大陆地区没法注册,暂不讨论。

剩下的就是paypal和信用卡支付两种了。这两个支付方式都涉及到一个问题,必须具备境外银行卡。

Paypal收款要求账户升级为商业账户,商业账户需绑定境外银行卡。

不管是stripe信用卡支付还是paypal支付,要让资金最终流转到国内的银行卡,整个资金流程如下:

mark

对于大陆地区商户来说,我们可以申请payoneer之类的境外银行收款账户,或者注册香港离岸公司,开通香港的公司银行账户,然后再绑定paypal账户。

关于境外账户开通可参考博客其他文章,本章主要探讨woocommerce中的Paypal付款设置。

2、Paypal标准支付

paypal有两种支付方式:

  • Paypal standard
  • Paypal checkout(快捷支付)

woocommerce中已经默认集成了“paypal标准支付”接口,其他的付款需安装额外的插件,具体可参考woocommerce官网

以Paypal standard标准支付为例,我们看下用户在购物过程的整个流程:

  1. 用户在我们网站的付款页面上点击paypal支付,跳转到paypal官网
  2. 用户在paypal官网输入账号密码,并确认付款信息
  3. 付款完成后页面跳转回我们的网站,完成整个付款过程
mark

Paypal标准支付的设置过程如下:

  1. 在woocommerce中启用paypal支付
  2. 从paypal官网获取paypal相关的API授权信息
  3. 将获取到的API授权信息设置到paypal选项中
mark

登录paypal官网,依次找到“商家设置” >>“API设置”,然后复制以下信息:

  • API用户名
  • API密码
  • 签名
mark

回到woocommerce的paypal设置菜单中。

mark
mark

至此,paypal的收款设置已经完成。

回到网站的付款页面,我们可以点击使用paypal方式完成整个购物流程了。

七、最后设置

要完成整个购物商城的设置,还需要一些相关的设置,包括:

  • shipping发货设置
  • tax税收设置

这些设置不难,可以直接进入相应菜单设置即可。此处不做详细介绍。
mark

八、用户体验优化

完成了以上七个步骤后,网站已经具备了开张售卖商品的基本功能。但要想让网站产生更多的订单,则需要做的工作还很多,包括产品添加,网站整体优化等。

关于网站的优化,有一个专业术语“用户体验”。用户体验更多的已经不是技术层面的问题了,而考验的我们对用户的了解深度。具体可参考博客其他文章。

mark
End

Table of Contents

欢迎关注TTVPS公众号,一起交流探讨学习!

欢迎关注TTVPS公众号,及时接收最新文章!