专注于外贸建站,分享WordPress教程和Elementor教程

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

更新日期:2020-09-27
Share on facebook
Share on twitter
Share on linkedin

默认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:

相关 教程

我自用的 建站资源

当你点击本站的链接购买主机、主题、插件,我会得到一些佣金用于运营网站,但不会影响你的购买价格,我只推荐自己在用的,感谢有你的支持~比心( •̀ ω •́ )y

Namesilo

注册域名,购买时使用优惠券loyseo可减1美元
前往注册→

Cloudways

速度快、续费不涨价的优质主机
了解详情→

elementor logo gradient 01 1
Elementor

最热门的网页可视化设计编辑器,我的网站就是用它建的
了解详情→

Astra

易用又轻快的WordPress主题,含超多免费模板
了解详情→

Copyright © LOYSEO.COM