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


默認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、外貿建站教程。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM