天天看點

WordPress中如何給Woocommerce産品頁面添加詢盤表單标簽頁

預設Woocommerce産品頁面是沒有詢盤聯系表單的,用免費插件Custom Product Tabs for WooCommerce可以給産品頁面添加詢盤聯系表單标簽頁。

下圖是添加完詢盤表單标簽頁的最終效果,這是我在Astra外貿建站教程中的示例。

WordPress中如何給Woocommerce産品頁面添加詢盤表單标簽頁

原文首發于: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,相關教程:插件安裝教程。

2.在網站背景找到custom product tabs菜單,進入後點選add tab

WordPress中如何給Woocommerce産品頁面添加詢盤表單标簽頁

3.如下圖所示,依次輸入标題、名稱,然後切換内容框到text模式,從ninja forms的dashboard頁面擷取表單的shortcode,黏貼到tab content中,最後點選save tab即可。

WordPress中如何給Woocommerce産品頁面添加詢盤表單标簽頁

4.然後我們去編輯一個示例的産品,給它添加這個詢盤标簽頁。

進入網站背景,在all products頁面任意選一個産品,點選edit按鈕進入編輯

WordPress中如何給Woocommerce産品頁面添加詢盤表單标簽頁

5.在編輯産品頁面時,滾動頁面到下圖所示位置,進入custom tabs标簽頁,點選add a saved tab

WordPress中如何給Woocommerce産品頁面添加詢盤表單标簽頁

6.然後選擇剛才添加的标簽頁即可。

WordPress中如何給Woocommerce産品頁面添加詢盤表單标簽頁

7.如下圖所示,标簽頁已經成功加到這個産品裡了,我們在頁面右上方找到update按鈕,點它釋出産品。

WordPress中如何給Woocommerce産品頁面添加詢盤表單标簽頁

8.然後我們檢視一下這個産品,能看到Enquiry詢盤标簽頁已經成功加入了。

WordPress中如何給Woocommerce産品頁面添加詢盤表單标簽頁

emm(。•ˇ‸ˇ•。)這個插件的免費版隻能一個個給産品添加詢盤标簽頁,但咱們可以用複制産品功能省點力氣,是以不買付費版也是可以的,既然走免費這條路子,那就貫徹到底吧,如果想便利一些,那不如買個Elementor Pro,能夠自定義産品頁模闆,靈活度更高,當然學習難度也比較大一些。附:學習Elementor的推薦教程

本文原文由LOYSEO 釋出,LOYSEO專注于WordPress、Elementor、外貿建站教程。

繼續閱讀