8个步骤快速构建WooCommerce B2C商城网站
时间:2023-03-25 11:26:01 | 来源:电子商务
时间:2023-03-25 11:26:01 来源:电子商务
建立一个完全自主可控的外贸B2C独立商城网站,有多种技术方案路径,其中wordpress + woocommerce插件是目前最成熟,也是最易入手的方案,全球有超过20%的网上商城采用以上技术方案来构建。
如果我们已经熟练使用wordpress了,那么只需在此基础上学习下WooCommerce插件的使用,即可快速实现如下效果的B2C网上商城网站。
wordpress基础和主题请参考
一、B2C商城网站主机
外贸B2C网站需要全年7x24小时稳定运行,对主机的要求很高,对于大部分外贸人员来说,往往不具备维护网站底层技术的能力,选择一家靠谱的外贸主机空间就变得很重要。
Siteground是目前外贸界评价最高的一家专业wordpress主机提供商,很多国内的专业外贸人员都在使用。针对woocommerce 外贸商城网站,SiteGround提供了如下的功能:
- 访问速度优化:Siteground针对访问速度提供了自己开发的cache缓存插件和Cloudflare CDN功能,无需额外付费。
- 安全支持:PayPal,stripe等支付功能都需要网站为HTTPS安全访问,Siteground提供了免费的SSL证书,一键安装。
- 自动备份,每日自动备份数据,免除数据丢失风险。
- 邮箱服务,无需额外安装任何邮箱插件,支持woocommerce相关的邮件通知服务。
关于Siteground的购买和wordpress安装,可以参考文章:
SiteGround专业外贸主机最新使用教程。
二、商城主题选择
适合商城的主题非常多,woocommerce公司也推出了他们自己的主题,但我还是建议你使用免费的
astra主题,简单易学,容易入手,功能足够。
Astra主题的具体设置步骤请参考文章:
Astra主题快速搞定B2B,B2C网站。
三、woocommerce商城插件基础
1. 插件安装
wordpress插件市场中直接搜索woocommerce,安装,并激活,免费插件。
插件安装完成后,wordpress后台管理菜单栏中会多出2个菜单:
- woocommerce: 店铺相关的设置选项
- Products:产品相关的选项
功能设置选项请参考后续章节,此处可先简单熟悉下即可。
2. 初始化设置
激活WooCommerce后,会自动跳出初始化设置选项,按照提示一步一步设置即可。
如不确定怎么选,可快速跳过,后续在WooCommerce的setting设置菜单中重新进行修改即可。
推荐安装额外的插件,这一步可先不要安装,后续根据需要再单独安装。
是否需要更换主题,不建议更换,直接使用astra主题即可。
四、Product产品和demo数据
对woocommerce进行初始化设置后,就可以添加产品了。
在wordpress后台,选择Products中的add new,即可添加一个新产品,添加的产品会以独立的页面出现,产品页面主要有以下8个部分需要填写。
信息填写完成后,点击右上角的publish发布产品,即可看到产品发布后的页面样式。
如需快速导入一些demo产品数据进行学习和测试,可下载woocommerce官网的demo数据,然后将其导入到店铺中即可快速生成产品页面。
https://docs.woocommerce.com/document/importing-woocommerce-sample-data/五、购物流程
在对woocommerce进行进一设置前,我们有必要先熟悉用户在我们网站上的购物流程。
购物流程是指用户从打开网站选择中意商品至付款结束的整个过程,在woocommerce中一般会有如下四个步骤:
- 浏览商品展示页
- 查看产品详情页,详细了解产品
- 加入购物车
- 确认付款
通过前一个步骤,我们已经添加了产品页面,剩余的其他三个页面从哪里来呢?
答案是woocommerce插件已经帮我们自动添加好了,查看wordpress后台的Pages页面菜单,我们会看到多出来几个页面。
- shop产品列表展示页面
- Cart为购物车页面
- Checkout为付款页面
- My account页面为用户账号页面
除了购物流程中的三个页面外,另外还有一个“my account"账号页面,为方便用户下次登录网站时查阅到自己的订单信息。
这四个页面千万不要删除或者随意改动,这是整个woocommerce购物商城最核心的部分。
根据需要,可以将shop页面设置为整个网站的“homepage”,当用户打开网站主页后就可以直接看到产品列表页面。
六、用户付款方式
1. 收款的基本要求
经过以上几个简单步骤后,我们的B2C商城网站已初具雏形,但还差最重要的一个环节“用户付款”。
付款和收款涉及到资金的安全问题,也是所有购物商城设置中最复杂,也是最关键的部分。
woocommerce支持的主要付款方式有以下三类:
- Paypal支付
- Stripe等信用卡通道支付
- Amazon Pay,Apple Pay等快捷支付
其中第三类快捷支付,仅对美国和部分地区居民开放,中国大陆地区没法注册,暂不讨论。
剩下的就是paypal和信用卡支付两种了。这两个支付方式都涉及到一个问题,必须具备境外银行卡。
Paypal收款要求账户升级为商业账户,商业账户需绑定境外银行卡。
不管是stripe信用卡支付还是paypal支付,要让资金最终流转到国内的银行卡,整个资金流程如下:
对于大陆地区商户来说,我们可以申请payoneer之类的境外银行收款账户,或者注册香港离岸公司,开通香港的公司银行账户,然后再绑定paypal账户。
关于境外账户开通可参考博客其他文章,本章主要探讨woocommerce中的Paypal付款设置。
2、Paypal标准支付
paypal有两种支付方式:
- Paypal standard
- Paypal checkout(快捷支付)
woocommerce中已经默认集成了“paypal标准支付”接口,其他的付款需安装额外的插件,具体可参考
woocommerce官网。
以Paypal standard标准支付为例,我们看下用户在购物过程的整个流程:
- 用户在我们网站的付款页面上点击paypal支付,跳转到paypal官网
- 用户在paypal官网输入账号密码,并确认付款信息
- 付款完成后页面跳转回我们的网站,完成整个付款过程
Paypal标准支付的设置过程如下:
- 在woocommerce中启用paypal支付
- 从paypal官网获取paypal相关的API授权信息
- 将获取到的API授权信息设置到paypal选项中
登录paypal官网,依次找到“商家设置” >>“API设置”,然后复制以下信息:
回到woocommerce的paypal设置菜单中。
至此,paypal的收款设置已经完成。
回到网站的付款页面,我们可以点击使用paypal方式完成整个购物流程了。
七、最后设置
要完成整个购物商城的设置,还需要一些相关的设置,包括:
这些设置不难,可以直接进入相应菜单设置即可。此处不做详细介绍。
八、用户体验优化
完成了以上七个步骤后,网站已经具备了开张售卖商品的基本功能。但要想让网站产生更多的订单,则需要做的工作还很多,包括产品添加,网站整体优化等。
关于网站的优化,有一个专业术语“用户体验”。用户体验更多的已经不是技术层面的问题了,而考验的我们对用户的了解深度。具体可参考博客其他文章。
更多文章可关注公众号TTVPS, 或者博客
https://ttvps.com码字不易,如文章对你有用,请帮忙点个赞,感谢支持!