從技術上講，Code Snippets是一個插件，允許獨立站賣家修改WooCommerce商店，而不需要安裝多個插件（這會讓網站變慢）。

Code Snippets插件可以將PHP代碼片段添加到獨立站站點。Snippets（代碼片段）是可重復使用PHP代碼的small chunks。藍海億觀網了解到，獨立站賣家可以使用插件，在商店中使用action和filter hooks來做簡單的改變。

使用Code Snippets插件可以很容易地為WooCommerce商店添加hooks。它有一個干凈的圖形界面，允許賣家添加和管理片段。每個代碼片段都有自己的entry，就像迷你插件一樣工作。還有一個自動防故障功能，如果賣家不再需要它，可以停用站點上的單個代碼片段。

Code Snippets是用hooks對WooCommerce商店進行微調的理想選擇之一，它沒有那么復雜。使用C

ode Snippets將WooCommerce hooks添加到商店中的參考步驟如下：

1.安裝并激活Code Snippets插件。

2.前往Snippets，然后單擊“Add New添加新的”。

3.為代碼段添加名稱，并將代碼段粘貼到代碼區域中。

4.選擇在何處運行代碼片段。

以下是使用Code Snippets在商店中用WooCommerce hooks添加電商功能的三種方式。

一、Login to purchase（登錄購買）

這里，我們將使用一個code snippet（代碼片段）來激活一個action hook，該hook提示客戶在購買產品之前登錄。雖然不建議將此特性添加到所有產品中，但可能適合用在會員專享產品中。

（1）要將此功能添加到WooCommerce商店，請將下面的代碼添加到代碼片段中，并在完成后激活它。

（2）一旦完成，Woocommerce獨立站賣家將看到產品頁面上突出顯示的文本，推動客戶登錄，以便進行購買。

二、Add credit card logos（添加信用卡標志）

在這里，我們將使用另一個action hook，在付款頁面上添加可信的信用卡標識。在Woocommerce商店中添加信用卡標識，有助于給消費者留下商店合法的印象。它還會告知客戶賣家接受的信用卡類型和不接受的信用卡類型。

（1）要在Woocommerce商店中添加信用卡標識，可以使用下面的代碼：

（2）完成后，獨立站賣家可以在支付結賬頁面看到如下圖的圖標：

三、Add share icons（添加分享圖標）

在WooCommerce商店中添加分享按鈕，可以鼓勵客戶通過社交媒體渠道向他們的朋友和家人分析獨立站的產品。這種分享會讓產品吸引更多的眼球，這可能會帶來更多的銷售。

默認情況下，WooCommerce獨立站主題有共享圖標。如果獨立站賣家的主題沒有包含分享按鈕，可以參考下面使用action hook將它們包含在產品頁面上的步驟：

（1）創建一個新的snippet（代碼片段），并將下面的代碼添加到其中：

（2）完成后，獨立站賣家就可以看到用action hook添加的新共享圖標了，如下圖：

藍海億觀網獲悉，獨立站賣家可以嘗試使用不同的WooCommerce hooks來修改商店，以獲得更好的用戶體驗。當進行試驗時，請確保在staging version（分階段版本）上測試更改。一旦一切正常運行，就可以將更改轉移到live version（實時版本）。

（Polly Zhang跨境電商新媒體-藍海億觀網egainnews）對接跨境電商優質資源。沃爾瑪、Coupang、Wayfair 、MercadoLibre等平臺入駐，品牌文案策劃及全網推廣、電商培訓和孵化等服務，請聯系我們。不得擅自改寫、轉載、復制、裁剪和編輯全部或部分內容。