LOGO

Web development services fast secure and SEO optimized by VertixWeb

Email:mr.wangweb@gmail.com

Get a Proposal
Get a Proposal
Contact Us

WooCommerce图文教程


— 新手必看的WooCommerce入门教程

奶爸多次碰到在使用WordPress建站的网友在WooCommerce设计上踩坑,所以更新了这篇WooCommerce教程,希望帮小白能少走弯路。

首先需要明确的是,使用WooCommerce可以搭建B2C在线商城,也可以做B2B普通的商品询盘网站。

Woocommerce4

新手常见误区纠正

错误理解1:B2B网站不能用WooCommerce,因为它是做在线商城的。

这个理解是不准确的,WooCommerce确实是做在线商城的,但是实际上只要去掉它的销售功能之后,也可以单纯的只做商品管理和展示,用到B2B网站上使用。

错误理解2:用WooCommerce就一定要用elementor pro去自己设计产品页布局,不然不符合自己需求。

其实很多小白来说,用elementor pro去自己创建WooCommerce的布局比直接用默认的布局来调整,难度要大的多,正常的B2B网站直接用WooCommerce默认模板就可以实现了,经常碰到用Elementor Pro创建商品布局碰到问题然后问奶爸怎么解决的情况。

WooCommerce安装教程​

WooCommerce是WordPress平台下的一个插件,所以安装方法跟其他插件一样,只需要自己在WordPress后台的插件里面搜索安装即可。

WooCommerce安装教程

安装完毕后启用插件。

Woocommerce教程

第一次安装WooCommerce并且启用之后,会跳转到设置引导界面,如果你是B2C需要,那么跟着向导设置完毕就行。如果你是B2B用户,那么直接跳过就可以了。

WooCommerce产品分类

安装完毕WooCommerce之后,我们就需要去后台产品菜单下创建产品分类,如下图所示:

产品分类创建的时候,填写好Name,选择是否需要Panent category然后添加就可以了。

WooCommerce添加产品

创建完产品分类后我们就可以上传第一个产品了,在产品处点击新增产品。

接着填写上产品的标题、描述、分类和图片这些信息后发布。

具体填写的地方参见上下两张图的注释,B2B客户只要不填写产品价格,就不会显示购物车按钮,如果你使用的主题依然会出现购物车按钮,请参见此文:删除和隐藏WooCommerce添加到购物车按钮的几种方式

发布之后可以访问产品前台页面查看下效果。

WooCommerce B2B产品自定义

 

1、怎么删掉添加到购物车按钮?

直接后台不填写产品价格正常就不会显示购物车按钮,如果你的主题无效,可以试试删除和隐藏WooCommerce添加到购物车按钮的几种方式

2、怎么在购物车的位置添加一个询盘按钮?

参考怎么在WooCommerce购物按钮下方添加一个询盘按钮?

3、怎么删掉评价 Reviews 标签?

Woocommerce教程

在WooCommerce的设置里面,找到产品,然后去掉评价的勾选就没有了。

4、详情页怎么插入表格?

直接从excel里面复制粘贴过去最方便,也可以参考给WordPress添加表格的6种方法

5、怎么在详情页在添加几个标签,单独展示参数或者下载资源?

后台插件里面搜索Custom Product Tabs for WooCommerce然后安装,接着在新建产品的时候,产品数据部分就能看到新标签页的选项,想要几个标签自己添加就好。

 

网站前台怎么查看商品汇总页?

 

很多人就是不知道怎么把默认的商品汇总页弄出来,所以就想着是不是要用Elementor Pro去创建商品模板页才行,其实只需要这么操作就可以了。

WooCommerce商城页面

默认的,安装WooCommrce插件完毕之后会自动生成并且设置一个商城页面shop

这个时候只需要把这个页面的链接添加到你导航菜单里面,就可以通过访问这个网址查看到商城页面了。

如果你的这个页面没有,那么也很简单,跟着下面的步骤操作即可。

  1. 后台页面,新建一个页面,取名为Products或者其他你想叫的名字,直接发布。
  2. WooCommerce设置里面,找到产品,然后选择刚才创建的页面为商店页保存即可。

woocommerce商店页

如何为单独的分类创建产品汇总页?

 

单独的产品分类汇总页面也不需要你去用页面创建,直接切换到后台的产品分类处,鼠标移动到分类名称上,有一个查看链接,复制那个链接就行了。

WooCommerce教程

WooCommerce是一款开源的电子商务插件,可以集成到WordPress搭建出一个功能强大的电子商务网站,本分类分享一些WooCommerce使用教程和技巧相关的文章。

如果你还没有使用WooCommerce,那么可以先看这篇文章学会如何安装它

 

 

Author:vertixweb    View: 280 Secondary    Update:2025-06-14

Home>WooCommerce>WooCommerce图文教程
E-commerce Independent Website Setup Solution

2025-06-14Cross-border E-commerce WordPress + WooCommerce Customized Website Development Service Solution for Quick-Frozen Food Enterprises

2025-06-14Cross-border e-commerce WordPress + WooCommerce children’s clothing factory independent station custom website development service solution

2025-06-14Cross-Border Independent Website Custom Development Solution WordPress International Legal Services Website Development Service Plan

2025-06-14Cross-border E-commerce WordPress + WooCommerce Office Renovation Independent Site Customization and Website Development Service Proposal

2025-06-14Cross-border eCommerce WordPress + WooCommerce Bakery Company Independent Site Theme Template Customization and Website Development Service Solution

2025-06-14Cross-border E-commerce WordPress + WooCommerce Optical Instruments Independent Website Custom Development Service Solution

2025-06-14Cross-border e-commerce WordPress + WooCommerce men’s clothing factory independent station custom website development service solution

2025-06-14End-to-End AI Solutions for Cross-Border E-commerce

2025-06-14Cross-border E-commerce WordPress + WooCommerce Convenience Store Independent Website Customization and Setup Solution

Marketing Optimization (MO) Solutions

2025-06-14Custom website development with DeepSeek for independent sites

2025-06-14AI Intelligent Optimization (AEO – Artificial Intelligence Optimization)

2025-06-14Conversion Rate Optimization (CRO) Plan

2025-06-14DeepSeek Custom-Tuned Precision Translation & Multilingual Website Development Services

2025-06-14E-Commerce Geo-Targeting SEO Optimization Plan for Europe and the US

2025-06-14Product Marketing Optimization (PMO) Comprehensive Plan

2025-06-14Geographical Marketing Optimization (GMO)

2025-06-14North American E-Commerce Geo-Targeting SEO Optimization Plan

2025-06-14Brand Marketing Optimization (BMO)

Custom Theme Advantages vs. Template Theme
  • Comparison Dimension Custom Theme Generic Template Theme
  • Uniqueness 100% original design, avoiding homogenization Potentially used by hundreds of websites
  • Performance Optimization On-demand coding, no redundant code Contains a large amount of useless functional code
  • Functional Fit Perfectly matches business requirements Requires compromise or complex modifications
  • SEO Foundation SEO optimized at architectural level Generic SEO structure with limited effectiveness
  • Maintenance Cost Clean code, easy to maintain Complex nesting, difficult to maintain
  • Scalability Predefined interfaces for easy expansion Expansion limited by template constraints
  • Loading Speed Streamlined code for faster speed Redundant features slow down performance
  • Brand Image Enhances brand recognition Difficult to establish unique identity

Free application for your personalized plan


Contact Us
Website Construction
Performance Marketing Enhancement Suite(MO)

message x - -
Contact Us

Apply for your exclusive plan for free

Later Consultation

Online Consulting