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