WooCommerce
設定
初始設定
設定精靈先全部略過,僅需填寫地區 台灣,並且先不要註冊及開通連結wordpress.com相關的任何功能
使用外掛
Advanced Order Export For WooCommerce - 匯出訂單
Checkout Field Editor for WooCommerce - 客制結帳表單
WooCommerce - 購物站主程式
WooCommerce Google Analytics Integration - Google分析器(建議直接裝這個版本才有辦法分析到商務資訊)
WooCommerce Advanced Free Shipping - 處理免運費,可搭配 RY WC City Select 做出外島費用不同的功能
RY WC City Select - 地址選擇器
佈景主題
Blocksy
我主要用這幾個外掛就能把購物站做出來,客制結帳表單的部份,主要是把姓名只保留一格成"姓名",這樣較容易處理,然後收件人再增加聯絡電話欄位,地址一堆欄位也有留一格"地址"即可
一頁式網站
新增一個頁面,插入shortcode
商品 + [woocommerce_cart] + [woocommerce_checkout]
雜記
我還蠻建議一開始不要把網站弄的太複雜,讓他只能接單就好,等網站到一定的規模再來規劃下一步
例如月收100萬,月收到200萬,再來找合適的平台去處理,這裡所謂合適的平台,就是可以在線上把金流、物流、發票等事情,直接在線上解決掉,等後面有賺到錢以及你的理貨方式順暢後,再去思考及規劃
基本上你的營業額及獲利沒達到一個水準,坦白說我不建議你花錢去客製站,客製站也是有開發、維護的成本,而且會比租用的還貴
就行銷層面來說,如果你已經有辦法與客人之間的銷售溝通不用使用折扣,點數等銷售手法進行銷售,那麼你的品牌價值其實就已經有了,不用和客人在價格上面高來高去,蠻多老闆都喜歡說要跟Apple或Lv等等品牌去比,光商品上架的第一步,有定價跟售價就已經是錯了
外掛技巧
Advanced Order Export For WooCommerce
使用前可先參考官方的介紹案例 :https://docs.algolplus.com/algol_order_export/hooks-filters/
訂單編號前面加英文GG
add_filter('woe_get_order_value_custom_num',function ($value, $order,$fieldname) {
$value = 'GG' .$order->get_order_number();
return $value;
},10,3);
溫層的欄位值修改,客制欄位 additional_temp,以宅急便溫層為案例
add_filter('woe_get_order_value_custom_temp', function ($value, $order, $fieldname) {
$additional_temp_value = get_post_meta($order->get_id(), 'additional_temp', true);
if ($additional_temp_value === '冷凍') {
return '0';
} else {
return '1';
}
}, 10, 3);
add_filter('woe_get_order_value_custom_additional_receitp_id', function ($value, $order, $fieldname) {
$additional_receitp_id_value = get_post_meta($order->get_id(), 'additional_receitp_id', true);
if (empty($additional_receitp_id_value)) {
return '1';
} else {
return '0';
}
}, 10, 3);
function
圖片管理
以原始檔上傳圖片(圖片只會保留1張,預設會壓成6張)
function disable_image_resize() {
add_filter('jpeg_quality', function($arg){return 100;});
add_filter('wp_editor_set_quality', function($arg){return 100;});
add_filter('big_image_size_threshold', '__return_false');
add_filter('intermediate_image_sizes_advanced', function($sizes){return array();});
}
add_action('init', 'disable_image_resize');
我是習慣先壓再傳 https://squoosh.app/
客制目錄圖片
可以主圖片與目錄圖片想要用不同張呈現,可使用這個function
function change_product_thumbnail($thumbnail_id, $product_id) {
$product = wc_get_product($product_id);
if ($product) {
$image_gallery = $product->get_gallery_image_ids();
if (!empty($image_gallery)) {
$thumbnail_id = $image_gallery[0];
}
}
return $thumbnail_id;
}
add_filter('woocommerce_product_get_image_id', 'change_product_thumbnail', 10, 2);
add_filter('woocommerce_product_variation_get_image_id', 'change_product_thumbnail', 10, 2);
function 管理可使用 Code Snippets