使用kadence Blocks建立产品展示页面(WordPress外贸B2B网站)

本站大部分教程都是分享如何搭建独立站的，独立站当然主要是以跨境电商为主，也就是B2C网站了，不过遇到很多朋友询问如何搭建外贸B2B网站，其实流程差不多，不过很多朋友在安装Woocommerce插件之后，发现woocommerce上传的产品并不太适合展示产品，没有自定义添加联系方式的按钮，这是肯定的，毕竟woocommerce是一款电商插件，产品主要以销售为主，并不是以展示为主。

于是有些朋友自己找插件，我也搜索了一轮，没发现很好用的插件，但是其实利用wordpress搭建外贸网站，仅仅是想展示产品的话，完全不需要安装woocommerce，可以完全自主创建产品展示页面，非常简单，就像平常你写个wordpress博客文章一样。

安装Kadence Blocks插件

安装插件非常用，点击左侧的插件Plugins，然后点击安装插件，搜索Kadence，第一个插件就是Kadence Blocks

此插件是专门为wordpress古腾堡编辑器开发的区块插件，使用起来非常方便。点击安装并启用插件，之后在新建文章或者页面等地方都是用得到的，比如新建文章，你就可以在文章编辑页面添加Kadence blocks的任何区块，位置在左上角那个大大的蓝色➕加号里面：

你想要使用什么区块直接点击添加就是，之后我会写文章单独来介绍每一个区块的作用。

接下来我们正式创建产品展示页面。

第一步：创建空白产品展示页面，添加产品名

第一步当然是创建一个空白的页面，这里创建Post文章页面，为何是文章（Post）而非page页面，因为post可设置的元素更丰富，而且更方便访客留言。当然页面也不是不可，但是对于网页元素和类型来说，post可能会更适合一个产品或者内容展示网页。

依次点击左侧Post，Add New，建立新空白文章页面，如下

然后添加产品名，当然也就是标题了，在Add title出填写你的产品名吧，产品名尽量不要关键词堆砌，简练一点，保证基本要素齐全就行，别和跨境电商产品一样那么长，不然在搜索引擎上看不到标题后半部分。

比如一款桑蚕丝布料：标题可以设置为：19 momme 45″(114cm) 100% Mulberry Silk satin fabric，这样基本要素齐全，当然你也可以在后面添加一点for pajamas, pillowcases, dressmaking之类的补充，但是google搜索出来的条目可能看不到这些内容，但是你可以之后在产品详情中添加更多的介绍。

第二步：图片轮播和产品基础信息(使用Row Layout区块)

顺便说一下这里区块的意思，英文界面你看到是Blocks，也就是你可以在任何页面任何位置添加一个区域，让你单独编辑内容。

接下来设置产品图片和产品的基本信息，也就是通常你在一些电商网站看到的产品页面开头部分左侧是图片，右侧是产品的一些购买基本信息。

这里使用Row Layout区块，可以添加一行分成不同栏的区域，如上图，选择2栏的即可，在这个row layout区块中你又可以添加其他任何区块，当然你想的话，无限套娃都行。

设置产品图片

接下来在Row的左栏添加一个图片轮播区块 – Advanced Gallery，点击Row Layout左边的加号可添加：

选择 Advanced Gallery，然后Advanced Gallery就添加到了Row左栏中，接下来设置一下Advanced Gallery并在其中添加产品图片，注意看以下图片右边的设置。

你可以选择图片排列方式以及图片比例，我选择的是图片轮播，但是底部没有缩略图，其实也有底部有缩略图的模式的，但是那是付费版本才行，因为我们主要是产品介绍页面，所以可先不追求这些。

设置产品基础信息

图片设置好后，我们来到右侧，设置产品基本信息，这里可参考一下一些B2B网站，比如alibaba,made-in-china，不过现在阿里巴巴的界面可能不太好参考了，因为改版成了B2C界面。这里给大家几个大致的基础信息：

首先是标题因为刚刚标题已经设置好了产品名，这里添不添加产品名都无所谓了，为了产品的整体性，还是添加一下，同样点击右栏的加号添加一个Heading，这里选择H3,H4,H5都行，感觉不需要太大的字体，建议H5吧。
Wholesale大致价格，FOB或者出厂价
原产地
Material
颜色尺寸等规格
最低订购量
Contact us按钮，按钮可以设置为直接发邮件，在按钮的连接中天下mailto:example@example.com，example@example.com改为你的邮箱，此处可以添加多个按钮，也可以添加whatsapp聊天按钮。

大致这些吧，一目了然，以上信息可以用table也就是表格区块设置。