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

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

更新日期:2020-09-27

默认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美元
前往注册→

siteground logo
SiteGround

购买外贸建站主机,它是80%读者的选择
了解详情→

Astra

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

elementor logo gradient 01 1
Elementor

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

Hi~当你点击本站中的主机、主题、插件的链接前往购买后,我将获取一些佣金,这是我撰写建站教程的主要收入~希望也能得到你的支持,比心( •̀ ω •́ )y

Copyright © LOYSEO.COM — 专注提供外贸网站建设 · 外贸建站 · 外贸网站制作 与 外贸建站教程

LOYSEO
微信扫一扫