小时
分钟
Cloudways 主机独家优惠:赠金20$+3个月7折,点此前往注册,才可获取赠金
专注于外贸建站,分享WordPress教程和Elementor教程

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

更新日期:2020-09-27
加入读者学习群
我用的页面编辑器
让我的客户网站GTmetrix测分A\A的主机Cloudways
独家优惠前3个月7折, 戳上方按钮注册即可自动带入优惠码LOYSEO
所赠主题插件价值多为$49+
主机送Astra Pro不限站点1年
用Gmail邮箱,注册易通过
遇到问题,联系我

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

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

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

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

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

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

astra tutorial 2020 09 19 16 54 10

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

astra tutorial 2020 09 19 16 56 28

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

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

astra tutorial 2020 09 19 17 55 46

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

astra tutorial 2020 09 19 17 56 15

6.然后选择刚才添加的标签页即可。

astra tutorial 2020 09 19 17 57 09

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

astra tutorial 2020 09 19 17 57 29

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

astra tutorial 2020 09 19 17 58 42

emm(。•ˇ‸ˇ•。)这个插件的免费版只能一个个给产品添加询盘标签页,但咱们可以用复制产品功能省点力气,所以不买付费版也是可以的,既然走免费这条路子,那就贯彻到底吧,如果想便利一些,那不如买个Elementor Pro,能够自定义产品页模板,灵活度更高,当然学习难度也比较大一些。附:学习Elementor的推荐教程如何在WordPress中制作联系表单(3种方法)-内含用Elementor Pro制作弹出式询盘表单的方法。

点赞
0 / 5 5

Your page rank:

建站学习交流群