WooCommerce外掛

WooCommerce外掛 Advanced Woo Search :添加搜尋欄位到電商平台提高瀏覽品質

歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略,在完成WooCommerce的基本設定後你的電商已經可以正式上架了!但是光是只有基礎的設定一定是不夠的,原因就是只有基礎平台的設定瀏覽體驗會非常不好雖然可以進行完整的購買流程但是會很不方便!瀏覽者的體驗是電商平台很重要的一環,舉個例子來說:上架的商品變多以後難免比較難找,這個時候有一個搜尋欄位可以輸入關鍵字或是貨號來搜尋相關產品就可以大大改經瀏覽體驗了!今天我們就要來解決這個問題!利用WooCommerce外掛 –  Advanced Woo Search 在你的電商平台中添加搜尋引擎,接下來跟著鵠學苑的腳步,讓我們開始學習吧!

Advanced Woo Search
https://wordpress.org/plugins/advanced-woo-search/

Advanced Woo Search的作用

Advanced Woo Search是可以產生Search Bar的外掛!我們要利用Search Bar提高瀏覽體驗。網站的排版是決定瀏覽者體驗的關鍵!好的網頁排版加上豐富的網站內容可以讓瀏覽者在我們的電商平台中快速找到我們的商品且了解檔期優惠!這樣一來才能吸引消費者的注意力,促進他的消費意願!

基本設定

了解到Search Bar如何幫助我們改善瀏覽者的使用體驗,接下就和我們一起學習Advanced Woo Search的基本設定吧!

第一步:下載外掛
先進入WordPress後台 – 在左邊工具欄 – 點擊外掛 – 點擊安裝外掛 – 在搜尋欄位中搜尋Advanced Woo Search – 點擊立即安裝即可

第二步:啟用外掛
安裝外掛以後 – 點擊左邊的工具欄 – 點擊已安裝外掛 – 找到剛剛下載的外掛 – 點擊啟用即可開始使用。

第三步:Search in設定
開啟外掛後在左邊的工具欄位中就能找到Advanced Woo Search – 點擊setting就可以開始進行設定!
其他的設定我們都使用預設,不過有一點就要特別檢查就是Search in,Search in顯示我們到底可以在Search Bar裡面能夠搜尋到那些資訊。我們要確保產品名稱和貨號可以被輕鬆的查詢到!

第四步:Reindex table設定
在設定完Search in後在同一頁向上滑動可以找到Reindex table,如何設定在圖中有介紹!

如何添加Search Bar到網頁當中

完成搜尋欄位的設定後就要吧它添加到網頁當中就可以開始使用了!

第一步:外觀設定
左邊的工具欄位 – 點擊外觀 – 小工具 來設定電商平台首頁的外觀設定

第二步:AWS Widget
在小工具欄位中我們可以看到 AWS Widget 這個就是我們剛剛設定完成的搜尋欄位,接下來我們只需要把他拖放到資訊欄中即可!

第三步:即時預覽
剛剛的步驟會因為你的電商平台主題不同小工具欄位中的排列順序會有所不同,如果你找不到資訊欄在哪裡的話可以使用即時預覽!在上方可以找到即時預覽進行管理點擊後就可以了。

WooCommerce基礎教學 (二):商品分類管理以及可變商品設定
https://www.design-hu.com.tw/woocommerce/product-data.html
WooCommerce基礎教學(三):訂單、會員管理系統以及折扣碼設定
https://www.design-hu.com.tw/woocommerce/woocommerce-indro/woocommerce-order-system.html

結語:

Advanced Woo Search的教學就結束了,一開始搜尋欄位的作用還不會很明顯因為你的商品數量還不夠,未來上架的商品多了就需要搜尋欄位讓瀏覽者能快速方便的找到自己喜歡的商品!今天的教學到這裡告一段落了,不要忘記點擊 訂閱鵠學苑電子報 ,確保收到最新 WordPress 教學文章,如果有 網頁設計 相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

woocommerce相關文章:

網站資訊文章推薦

內容行銷到底要多久才能見效呢?撰寫內文時一定要遵循的潛規則!
SEO到底追不追的完?文章怎麼寫!
Google Search2020再進化,如何提升網頁品質?

Share
Published by
鵠學苑