WordPress中如何給Woocommerce產品頁面新增詢盤表單標籤頁

桜丸子發表於2020-09-27

預設Woocommerce產品頁面是沒有詢盤聯絡表單的,用免費外掛Custom Product Tabs for WooCommerce可以給產品頁面新增詢盤聯絡表單標籤頁。

下圖是新增完詢盤表單標籤頁的最終效果,這是我在Astra外貿建站教程中的示例。

此影像的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,相關教程:外掛安裝教程

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

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

4.然後我們去編輯一個示例的產品,給它新增這個詢盤標籤頁。

進入網站後臺,在all products頁面任意選一個產品,點選edit按鈕進入編輯

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

6.然後選擇剛才新增的標籤頁即可。

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

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

emm(。•ˇ‸ˇ•。)這個外掛的免費版只能一個個給產品新增詢盤標籤頁,但我們們可以用複製產品功能省點力氣,所以不買付費版也是可以的,既然走免費這條路子,那就貫徹到底吧,如果想便利一些,那不如買個Elementor Pro,能夠自定義產品頁模板,靈活度更高,當然學習難度也比較大一些。附:學習Elementor的推薦教程

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

相關文章