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

默認Woocommerce產品頁面是沒有詢盤聯繫表單的,用免費插件Custom Product Tabs for WooCommerce能夠給產品頁面添加詢盤聯繫表單標籤頁。web

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

此圖像的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,相關教程:插件安裝教程ui

2.在網站後臺找到custom product tabs菜單,進入後點擊add tab插件

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

4.而後咱們去編輯一個示例的產品,給它添加這個詢盤標籤頁。orm

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

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

6.而後選擇剛纔添加的標籤頁便可。

7.以下圖所示,標籤頁已經成功加到這個產品裏了,咱們在頁面右上方找到update按鈕,點它發佈產品。

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

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

本文原文由LOYSEO 發佈,LOYSEO專一於WordPress、Elementor、外貿建站教程。

相關文章
相關標籤/搜索