WordPress商城如何自定义创建高转化产品详情页布局

一个吸引人的产品详情页往往能够提升转化率,但我们在用WordPress搭建商城的时候,由于Woocommerce默认产品详情页限制,没办法做太多自由化的自定义设置。除非使用一些付费的插件工具,比如Elementor Pro,Beaver Builder等。

但是很多人可能只需要某1-2款产品做展示上的优化,就不想花额外的钱了。所以今天这篇文章就教你如何调用Woocommerce的产品模块,并且话能够自由修改下面的详情描述区域。

视频教程

第一步. 在新页面调用产品模块。

到WordPress后台,选择“页面”选项下的“新页面”。然后在页面上添加“简码”这个元素,并在简码的框中输入[product_page id=”你的产品Id”] (用英文符号),如下图所示:

[product_page id=”732″]


Wordpress建站 产品详情页 1

其中的id,你可以在后台“全部产品”那里找到。

Wordpress建站 产品详情页 3

这样我们新创建的页面就有了产品展示,其功能和正常的产品页面一样。

Wordpress建站 产品详情页 5

第二步. 去掉下面的Description和Review

回到对应的产品修改页面,把产品描述里的内容清空,下面的产品数据里有个高级选项,把允许评价给去掉。这样再回到我们刚创建的新页面,下面就不会有任何的东西。

Wordpress建站 产品详情页 7

第三步. 装修详情内容

接着我们就可以回到创建的产品页开始装修详情部分了。这部分的内容和页面装修是一样的,你可以添加轮播,图文,评价,推荐产品等等。这里就不再赘述,可以参考我之前的内容,也可以查看文章上面的视频教程。

第四步. 替换产品链接

等新的产品详情页装修完成之后,我们面临新的一个问题,就是新创建的这个页面和原来的产品页面,两个是不一样的。怎么样能够让访客访问任何的链接都是我们新装修的呢?

方法很简单,把链接重定向就可以。回到WordPress后台,我在第十三节讲SEO的时候用到的Rank Math,选中它下面的Redirections。然后点击上面的Add New,添加重定向。Source URLs部分填写旧的产品链接网址,Destination URL部分填写新创建的详情页。

Wordpress建站 产品详情页 9

这样不管访客从哪个链接进入,访问的都是我们新创建的产品详情页。

当然如果你有特别多的产品需要单独创建详情页,还是建议付费使用一些工具插件来完成,它们的定制化会更高。

(转载分享需注明出处,违者必究。)

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注