敏捷开发流程的8个步骤_8个步骤快速构建WooCommerce B2C商城网站

news/2024/5/12 1:45:53/文章来源:https://blog.csdn.net/weixin_39602560/article/details/111292282

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

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

36cabe9add5f470fcbb276ba1f0ecc73.png
mark

wordpress基础和主题请参考

一、B2C商城网站主机

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

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

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

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

二、商城主题选择

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

6731b268f7eb65a5ee2b3870fcb1d66d.png
mark

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

三、woocommerce商城插件基础

1. 插件安装

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

3879046309875d891e1cb241e8a53ba6.png
mark

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

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

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

2. 初始化设置

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

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

aa9ac6962da0a27ad7fcfe70aa61c690.png
mark

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

93e78425175c6814bc1d7d53aa5bf62a.png
mark

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

7becef0f065501aab23f3776eb8fe1a2.png
mark

四、Product产品和demo数据

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

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

8d2206988501b7725c0838cc0a6b5f71.png
mark

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

f32cb6ef401436d2ae81d2b7901f0bdc.png
mark

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

五、购物流程

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

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

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

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

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

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

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

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

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

a6d912aeceb73ac73af89380ba26f1d0.png
mark
36cabe9add5f470fcbb276ba1f0ecc73.png
mark

六、用户付款方式

1. 收款的基本要求

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

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

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

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

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

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

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

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

4f0da7a6f1383b35c94457eb0233ebdc.png
mark

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

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

2、Paypal标准支付

paypal有两种支付方式:

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

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

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

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

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

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

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

  • API用户名
  • API密码
  • 签名
eeced92f5564d424057f324ad0a5153f.png
mark

回到woocommerce的paypal设置菜单中。

7a86adbe84988965a2aa0ab4a4990636.png22a24f3af4f6833bc2ead9ba99ade5fc.png

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

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

七、最后设置

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

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

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

八、用户体验优化

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

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

e712840849b1b80cfc94c75d5ed306cc.png
mark

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_757315.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

模板建站和开发网站区别_定制营销型网站建设与模板建站相比的优势特点讲解...

网络时代,独立网站的开发与选择模板实现建站的企业数量不相上下,根据实际需求,选择建站的方式各不相同,但是这两者之间有何区别呢?随着互联网之风盛行,越来越多的中小企业建立了企业网站,做起了…

miniui页面移动的时候透明_移动端快速建站,你应该关注的5个指标

在2019年,移动端建站是一个重要的侧重点,这是不争的事实,随着PC端流量向移动端大量转移的过程中,它变得格外的重要。 因此,在做移动端快速建站的时候,我们除了要保持站点的搜索引擎友好,还需要重…

python爬虫实验(静态网页内容爬取):爬取中国工程院网站相关信息

实验内容:爬取中国工程院网页上的院士信息,把每位院士的简介保存为本地文本文件,把每位院士的照片保存为本地图片,文本文件和图片文件都以院士的姓名为主文件名。 #-*- codeing utf-8 -*- #Time :2021/5/20 8:54 #Author :Onion #File :Exp…

Vaadin在SEO中的冒险

TL; DR :Vaadin过去几乎对SEO不友好。 不再有新的伏尔加河图书馆。 为页面添加书签 书签与www本身一样古老。 能够保存URL是网站ADN的一部分。 关于网络应用程序,这有所不同。 例如,在电子商务Web应用程序中,为特定产品添加书签确…

推荐一个命名变量的神奇网站 CODELF

推荐一个命名变量的神奇网站 CODELF 在我们写程序的时候,总是需要去给各种变量命名。于是各种命名大法都上来了,有拼音的,有首字母缩写的,各种各样。而我们推荐的命名肯定是英文的驼峰命名。今天给大家推荐一个网站:h…

11个资源强大的网站!知乎超20万人强烈推荐,再也不怕资源难找

在我们日常工作学习中难免就需要在网站搜索资料,这时候一定需要一个能够帮你搜索一切你想要的资源,从而为你剩下一大半时间,那么今天为大家整理了11个超级好用的黑科技资源搜索网站,帮你解决因为上网找不到合适的资源而发愁&#…

新版Bintray网站发布Library到JCenter

本文介绍了Maven、JCenter、MavenCenter、JitPack、Bintray的概念以及如何在新版的Bintray网站上发布Library并提交到JCenter上 前言 由于Bintray网站增加了Organization的概念,所以我在发布Library的时候发现网上很多文章都已经过时了。网站样子发生了很大的变化…

vaadin_Vaadin在SEO中的冒险

vaadinTL; DR :Vaadin过去几乎对SEO不友好。 不再有新的伏尔加河图书馆。 为页面添加书签 书签与www本身一样古老。 能够保存URL是网站ADN的一部分。 关于网络应用程序,这有所不同。 例如,在电子商务Web应用程序中,虽然为特定产品…

静态网页加一个静态的搜索框_在静态网站上搜索

静态网页加一个静态的搜索框当我将博客从WordPress移至Jekyll时,我遇到了让用户搜索其中内容的问题。 我没有考虑太多,因此使用了Google自定义搜索引擎。 在这篇文章中,我想回顾一下搜索静态站点的可能选项,并对每个站点进行回顾。…

pdf怎么打开上次看到的地方_最好用的PDF转换软件和网站

经常有小伙伴问到PDF编辑转换的问题,今天陈蛋蛋就专门写一篇文章讲一下这个。很早就关注我的小伙伴可能知道,我曾经在一篇推文中介绍过一款pdf转换的软件,是糖果pdf(pdf candy),如图。可是后来我用了一段时…

oracle的sqlplus命令讲解,SQL*PLUS使用 - Oracle sqlplus命令详解_数据库技术_Linux公社-Linux系统门户网站...

五、SQL*PLUS使用a、近入SQL*Plus$sqlplus 用户名/密码退出SQL*PlusSQL>exitb、在sqlplus下得到帮助信息列出全部SQL命令和SQL*Plus命令SQL>help列出某个特定的命令的信息SQL>help 命令名c、显示表结构命令DESCRIBESQL>DESC 表名d、SQL*Plus中的编辑命令显示SQL缓冲…

网站linux支持php吗,thinkphp支持linux吗

准备工作:购买一个linux服务器地址;安装好linux常用的ssh工具(我这边喜欢用xshell敲命令,用filezilla传输文件,这些工具只要到官网下载就好,速度很快的);1.安装phpstudy for linux安装下载phpstudy的方式千…

首页生成静态的html,关于网站生成静态html文件的两种方案思考

关于网站生成静态文件有利有弊,通常来讲交互性的站点不太适合静态化,如社交网站,论坛之类的站点等等。如果以资讯内容展示为主,生成静态文件能够很好的提高服务器吞吐量。下面提供两种生成静态文件的方案,分析下其中的…

什么叫基于web的网站_给Web前端初学者的一些建议和学习方法路线

很多时候跟着书和不系统的视频学习,会发现没有方向,学了很多却不知道自己能够做出什么成绩。学习要有一个清晰的职业学习规划,学习过程中会遇到很多问题,你可以到我们的web学习交流群-点击此处,同时准备了基础&#xf…

如何把小程序里面的图片扒下来_企业网站制作如何用CMS系统快速建站?

今天给大家分享一下如何利用CMS系统最快速度的模仿一个企业网站?这里着重点强调一下,是U快速模仿,不用什么专业基础就可以办到,只需要熟悉操作流程就可以。首先,来讲下大体的思路,确定站点,选择…

360 网站服务器漏洞扫描,360Webscan

360Webscan,云探安全监测系统是遵循360在总结多年市场经验和客户需求基础上提出的一款面向党政军、金融、教育和互联网用户的基于SaaS的网站应用安全监测服务产品,依赖于360安全大脑,以及360在搜索、终端 安全、网站安全等方面积累的数亿用户…

ps not a png file怎么解决_PS太难学不会?这16个图片处理网站你一定要收藏!

提到图片处理,很多人首先想到的一定是PS。不得不说PS对大部分职场人士来说还是有一定的技术壁垒的。不懂PS没关系,今天给大家分享的16个小网站或许能够帮到你。综合类网站IMG365http://www.img365.cn/该网站提供“图片压缩”、“图片格式转换”、“图片转…

php项目中自动搜索变量,迅睿CMS 自定义搜索seo变量{param}字符串

当搜索seo设置参数中包含了 {param} 标签时,会自动根据浏览器参数来组装网页的title字符串,比如在实际项目中需要变更内容时,比如把栏目名称去掉,那么可以重写content类完成操作1、新建或打开文件dayrui/App/Demo/Models/Content.…

php网站目录文件夹权限设置权限设置密码,php目录权限设置权限的方法

php目录权限设置权限的方法:首先创建一个PHP示例文件;然后通过“chmod("test.txt",0600);”方法设置所有者可读写,但其他人没有任何权限即可。本教程操作环境:Windows7系统、PHP5.6版,该方法适用于所有品牌电…

刷题网站

力扣(这个网站中题解真的是非常丰富,适合新手刷题,不会的可以看看题解,而且适合于练习各种常见的算法,面试求职) 英文网址:https://leetcode.com/ 中文网址:https://leetcode-cn.co…