WordPress中如何给Woocommerce产品页面添加询盘表单标签页

2020年11月22日 阅读数:9
这篇文章主要向大家介绍WordPress中如何给Woocommerce产品页面添加询盘表单标签页,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

默认Woocommerce产品页面是没有询盘联系表单的,用免费插件Custom Product Tabs for WooCommerce能够给产品页面添加询盘联系表单标签页。web

下图是添加完询盘表单标签页的最终效果,这是我在Astra外贸建站教程中的示例。wordpress

此图像的alt属性为空;文件名为astra-tutorial-2020-09-19_17-58-42.png

原文首发于:https://loyseo.com/how-to-add-a-contact-form-label-to-the-product-page/学习

教程思路:用插件Custom Product Tabs for WooCommerce添加一个标签页,其中放入用Ninja forms制做的联系表单的短代码(shortcode),而后在添加产品时加入这个标签页便可,具体操做步骤以下:网站

1.请安装并激活插件Custom Product Tabs for WooCommerce,相关教程:插件安装教程ui

2.在网站后台找到custom product tabs菜单,进入后点击add tab插件

3.以下图所示,依次输入标题、名称,而后切换内容框到text模式,从ninja forms的dashboard页面获取表单的shortcode,黏贴到tab content中,最后点击save tab便可。code

4.而后咱们去编辑一个示例的产品,给它添加这个询盘标签页。orm

进入网站后台,在all products页面任意选一个产品,点击edit按钮进入编辑blog

5.在编辑产品页面时,滚动页面到下图所示位置,进入custom tabs标签页,点击add a saved tab教程

6.而后选择刚才添加的标签页便可。

7.以下图所示,标签页已经成功加到这个产品里了,咱们在页面右上方找到update按钮,点它发布产品。

8.而后咱们查看一下这个产品,能看到Enquiry询盘标签页已经成功加入了。

emm(。•ˇ‸ˇ•。)这个插件的免费版只能一个个给产品添加询盘标签页,但我们能够用复制产品功能省点力气,因此不买付费版也是能够的,既然走免费这条路子,那就贯彻到底吧,若是想便利一些,那不如买个Elementor Pro,可以自定义产品页模板,灵活度更高,固然学习难度也比较大一些。附:学习Elementor的推荐教程

本文原文由LOYSEO 发布,LOYSEO专一于WordPress、Elementor、外贸建站教程。