WooCommerce 客製化 – 如何隱藏 WooCommerce 商品類型

WooCommerce 預設有幾種商品類型,在新增商品時,你可以選擇以下四種商品類型

 

但有時候商店的商品種類是很限定的,像是大多數的商店並沒有組合商品或是外部和加盟商品,為了避免後台操作者的困惑,你可以選擇把不需要的選項拿掉。

參考連結

https://cartible.com/tips/customizing-product-types-selectbox-in-woocommerce/

 

電商網站金流 – 第三方支付 – 綠界與藍新金流(原智付通)手續費比較表

**更新:2018-12-27,綠界分期支援28家銀行

**更新:2018/10/04,綠界分期支援25家銀行

**更新:2018/9/1(六) 00:00起,綠界調整超商代碼及條碼手續費優惠方案

**更新:2018/07/22,智付通金流交易手續費,現在皆為與智付通議定

**更新:2018/07/22,綠界信用卡分期提升為24家

**更新:2017/12/20,修正智付通有提供英文付款介面,綠界信用卡分期提升為23家

** 綠界金流物流費用將於 2018 年調整,調整內容請見網站公告

電商網站金流一直是開店店家很重要的一項功能,過去串接銀行金流,店家可能需要花很多去跟銀行洽談,同時請工程師串接,一來一往所花的時間可能相當多。

如今第三方支付提供了開店店家一個相當方便且快速的方式讓網站的金流可以快速地運作,讓店家可以快速開店,相信對於想開店或是正在籌劃的店家是一大福音。

第三方支付中又以綠界和智付通這兩家公司最為大家所熟知,常常客戶也在問我,到底要選擇綠界和是智付通,綠界手續費和智付通手續費誰比較低?每次為了回答這個問題,都要再去比較兩家公司提供的服務內容,所以乾脆就整理出一個表格方便大家比較囉!希望大家能夠快速地比較和了解兩家公司的差異。

服務 綠界 智付通
會員等級 個人會員 商務會員 特約會員 個人會員/企業會員
系統設定費/年費 0 0               5,000元 / 10,000元 0
信用卡手續費最低限制 5元 5元 依雙方議定
信用卡手續費 一次付清 2.75% 一次付清 2.75%                   依雙方議定 與智付通議定
信用卡分期 v(28家) v(23家)
信用卡紅利 v v
信用卡定期定額 v v
信用卡撥款天數 +7日 +7日 依核定後的天期撥款 +10日
web ATM 1%/筆( 單筆最低收取 10 元,最高收取 30 元 ),付款後隔日撥款 與智付通議定,+7日撥款,單筆手續費上限20元
ATM轉帳 1%/筆( 單筆最低收取 10 元,最高收取 30 元 ),付款後隔日撥款 與智付通議定,+7日撥款,單筆手續費上限20元
超商代碼繳費(在kiosk列印) 30元/筆 起,付款後隔日撥款 與智付通議定,+10日撥款
超商條碼(使用者自己列印) 15元/筆 起,超商條碼採非即時入帳,款項將於付款完成後2-3天撥款 與智付通議定,+10日撥款
apple pay x x v(介紹) x
android pay x x v(介紹) x
英文介面 v v
提領手續費 $15/次,已取消每月免費次數(詳細說明) $10,無次數和金額限制,每月4次免手續費優惠(詳細說明)
電子發票 x x v(介紹) v(ezPay)
物流 v,詳細內容 x

以上手續費和功能的比較,相信大家應該能比較清楚兩家公司之間服務的差異性。而對於許多使用套裝軟體的店家,綠界和智付通也都提供了整合的插件,讓店家可以快速地使用金流。
當然熱門的 WordPress/WooCommerce 金流插件自然是不可少的,有需要的網友可以至以下網址下載相關的程式。

綠界購物車插件:https://www.ecpay.com.tw/Service/Appcntr_Shpcar
智付通購物車插件:https://web.spgateway.com/api/download_api#2

使用 WordPress/WooCommerce 的店家,也有第三方公司自行撰寫的 WordPress 綠界插件可以使用。

WooCommerce 客製化 – 新增訂單狀態

WooCommerce 內建有幾種預設的訂單狀態,但這些狀態不見得適合每個商店,因為店家通常都會有一些自己的內部流程,所以為了方便我們可以新增客製的訂單狀態,讓店家的內部流程可以更順利一點。

 

首先透過 register_post_status 這個函式來新增一個客製化訂單,另外透過 wc_order_statuses 這個 filter, 來在訂單編輯頁面中加入新的訂單狀態

在訂單編輯頁面的訂單狀態中,就可以看到新增的狀態。

但是如果要編輯訂單狀態必須一筆一筆訂單改,那也太沒有效率了,所以我們要在訂單清單中的批次處理動作中,新增我們增加的訂單狀態。

首先透過 handle_bulk_actions-edit-shop_order, 來更新選擇的訂單狀態。

另外透過 admin_notices, 來顯示你要提醒使用者的相關訊息。

如此商家就可以在訂單清單中批次更新訂單狀態了。

 

參考文章:

https://rudrastyh.com/woocommerce/bulk-change-custom-order-status.html

Yoast SEO 教學 – 設定麵包屑的主要分類(Primary category)

yoast seo primary category

Yoast SEO 在 3.1 版時推出了一項新功能,Primary category,讓你可以在多重分類的狀態下,設定麵包屑(breadcrumbs)的顯示分類。

我們知道 WordPress 允許一篇文章設定多重分類,若是你的網站啟用了麵包屑功能時,同一篇文章只會出現在同一個分類路徑下。

若你希望改變這個路徑,可以透過 yoast 提供的功能,將該分類設定為 primary category

yoast seo primary category

在頁面顯示上就會以該分類為主要分類路徑。

breadcrumb-primary-category

 

參考來源:https://yoast.com/yoast-seo-3-1/

 

 

如何讓 WordPress 網站支援 AMP(Accelerated Mobile Pages)

Accelerated Mobile Pages (以下簡稱 AMP ),是 Google 提出的一項加速手機版網頁內容瀏覽的技術,你可以把它想像成是 Facebook 的 Instant Articles。使用此技術後,Google 將會針對你的頁面建立一個快取,所以當使用者從手機搜尋並連結到你的網頁的時候(實際上不是由你的主機提供網頁檔案),手機瀏覽器可以很快速地開啟快取頁面,此篇文章先且不討論使用此技術會帶來的影響,而是讓你了解,如何讓你的 WordPress 網站支援 AMP。

 

安裝 WordPress AMP 插件

要讓網頁支援 AMP,必須製作符合規格的網頁,google 定義了一些amp的標籤,您可以前往 google amp網頁了解符合amp需求的網頁規範。不過很幸運的 Automattic 製作了一個 AMP 的插件,讓你可以快速讓你的wordpress網站支援 AMP。

AMP

下載安裝並啟用後,即可讓你的網站支援 AMP。

測試

由於 AMP 網頁啟用後,google需要一點時間才會爬得到,如果你要確認你的網頁成功支援 AMP,可以透過以下的方式確認。在瀏覽起中開啟你網站的某篇文章連結,並於網址後面加上 /amp,即可看到 AMP 網頁。

amp test

 

如果打開 chrome developer tool,在console中你可以看到,Power byAMP html 的相關文字

如果要驗證網頁是否符合 AMP 規範,你可以在AMP 網址列後面打上/#development=1,並重新整理。

 

 

若成功通過驗證,即會出現 AMP validation successful的訊息,接下來就等google去爬你的AMP 網頁啦!

amp-validate

目前這個插件能客製化的選項並不多,在 0.4版以後,你可以修改一些基本的顏色和色彩色定。

 

使用 Glue for yoast seo & amp

由於 WordPress AMP 插件僅提供基本的 metadata 設定,如果你使用了yoast seo,並沒有辦法使用最佳化後的 metadata,因此yoast seo針對此問題撰寫了一個小外掛 Glue for yoast seo & amp,顧名思義就是讓yoast seo和amp插件有比較好的整合,同時他也提供了更多的色彩設定選項,以及加入google analystic的功能。

Glue for Yoast SEO & AMP

安裝並啟用後,在yoast seo會多出一個 AMP 選單。

你可以設定要支援 AMP 文章類型,在此篇文章發布前,頁面(page)還不支援

你也可以做更進階的外觀設定,像是AMP 網頁的logo,或是內容的顏色等等。

也可以加入ga的追蹤碼,請參考 Adding Analytics to your AMP pages,如果你有使用 MonsterInsights plugin 插件(之前叫做 Google Analytics by Yoast),他會針對AMP 和google analystic有較進階的整合。

如果設定正確,過一陣子之後應該就可以在GA看到AMP網頁的瀏覽數據了。

除了在GA中檢視數據外,你也可以在Google search console 中檢視amp網頁的瀏覽數據。在搜尋分析中,將搜尋結果呈現方式設定為AMP非複合式搜尋結果即可。

google search console amp

 

到此為止,我們算是完成了 wordpress 網站和 AMP  的基本整合,同時還讓yoast seo 以及 google analystic 都能夠和AMP 一起運作。

在接下來的文章,我們會陸續探討你的網站是否該使用AMP ,以及使用AMP 對網站seo搜尋和廣告的影響。

 

Yoast SEO 教學 – 如何解決重複內容問題

重複內容(duplicate content)對於網站的SEO是一個不利的因素,雖然在技術上,google並不會因為重複內容而直接降低網站排名,但重複的內容卻會影響搜尋引擎判斷哪一則文章比較重要。重複的內容可能來自網站本身不同的頁面,或是來自於其他網站,由於內容重複,所以google很難判斷哪一個的排名應該在前面,因此改善重複內容問題是網站架設和上線後必須要注意的事情。

要怎麼找出重複的內容呢?最簡單的方式就是透過google search console。

在google search console中的搜尋結果呈現方式->改善html中會列出重複的內容,你可以檢視重複的部分,再進行修改。

Screen Shot 2017-04-26 at 3.00.54 AM

 

你可以發現,通常使用wordpress的網站,容易出現重複內容的原因在於分類和標籤的彙整(archive)頁面。

Screen Shot 2017-04-26 at 3.03.16 AM

你也可以在google搜尋引擎中觀察網站的重複內容

輸入 site:yourdomain.com

Screen Shot 2017-04-26 at 3.10.50 AM

,你可以觀察google怎麼檢索你的網站,通常不必要納入檢索的內容包括分類,標籤,作者,彙整頁和搜尋頁。如果你發現任何類似的結果,

那就是該改善你網站seo的時候了。

將分類和標籤不納入索引

若你使用yoast seo作為網站的seo工具,那麼你可以很容易地設定分類和標籤不要被google爬蟲索引

Screen Shot 2017-04-26 at 3.26.51 AM

設定完後,頁面上就會多了noindex的meta囉。noindex代表告訴google爬蟲不要將此頁加入索引,而follow則代表告訴爬蟲,可以針對這頁上的連結繼續搜索下去。
Screen Shot 2017-04-26 at 3.42.48 AM

當然這只是處理重複內容的方式之一,之後我們會介紹更多解決重複內容的方法。