Ruinart 林馬具商城 | WordPress、WooCommerce 網站製作案例

introduction of ruiunartlin equestrian shop

2022 年開始,陸續利用零碎時間,幫我一位創業多年的好友林昀弄了一個簡單的品牌網站。他是「Ruinart 林馬具」的創辦人,林馬具從 2015 年成立到現在,在台灣的小小馬術圈中,已經是有口皆碑、人人都聽過的存在。一直用著比同業還要高出好幾倍的熱忱,在販售、代理、代購國外的馬術裝備。隨後在 2023 年,林馬具的 WooCommerce 商城也正式上線!

這篇文章,前半部來介紹一下林馬具,後半部簡單分享一下架站的心路歷程!

超級專業的騎馬裝備賣家:林馬具

雖然台灣賣馬具的廠商不多,但因為騎馬的人也很少,所以做起來並不輕鬆。而且,馬術裝備是高單價又講求耐用的東西,會三不五時買馬具的人,應該不多吧(超有錢人除外?)。

​就連我自己,除了襪子跟靴子以外,每種裝備也都只買過一次。我從來沒有一雙屬於自己的長靴,綁腿還沒換過,破爛到不行 XD 馬褲雖然有四條,但有兩條是接手別人不穿的。即使是這樣,全身上下加起來的花費也是不得了。

​以前我覺得,馬術裝備首重功能性,只要可以穿、可以用就好,相信跟我有同樣想法的大有人在。但現在發現,原來世界上有很多厲害的馬具品牌,他們的東西都好漂亮,根本只是以前台灣的廠商沒有引進,讓不會海外網購的大家,都習慣了用醜醜的裝備而已啊~

​相較之下,林馬具進的馬術裝備,真的是精挑細選,走在歐洲流行尖端,而且明顯有品味很多。

點進去看他的馬術安全帽頁面,比較一下就可以感受到,林馬具賣的安全帽,除了是知名品牌,安全有保障,而且什麼款式都有,要浮誇有浮誇,要可愛有可愛,低調又奢華也沒問題。

林馬具商城馬術安全帽

​最讓我覺得神奇的是,林昀家明明就只是個一般的房子,但他架上的安全帽居然都有現貨,到底要怎麼放 XD?

​總之,我絕對推薦馬術運動好朋友都來註冊會員。其實就算沒騎馬也可以來看看,因為上面還有很多歐洲馬術品牌出的休閒配件,是耐穿又耐用,不會輸主流名牌的!!

PS. 這位網友寫的台灣馬具商介紹文章可以參考看看,就會知道林馬具跟傳統的台灣馬具商真的不一樣!

林馬具商城架站心得

這次做網站的過程很開心,因為我很久沒有騎馬了,所以看到這些馬具,讓我覺得很懷念,而且也很高興台灣有這麼好的馬具商。所以其實花最多時間的反而不是架站,而是跟林昀討論怎麼規劃、設計內容,讓品牌整體都得到提升。這些事情都讓我充滿幹勁。

我接觸 WordPress 算算有超過 6 年,對 WooCommerce 也並不陌生,除了沒辦法親手寫程式、寫外掛,基本上都還是可以盡情發揮 WordPress 的優點,用不同方式解決遇到的問題。不過這次林馬具商城對我來說,實在是一個全新挑戰。

在建置過程中,遇到很多大小難題,必須讓我發揮創意、查資料能力,還有寫 Email 跟開發商溝通的能力來面對,幸好目前都是有順利解決。

首先,把變化商品也算進去的話,整個商城會有超過 1,000 個商品,主機跟網站本身的負擔就是一個挑戰。

再來,這次讓我想最久的就是,一開始規劃要做出一個可以在「使用者資料頁面(profile page)」、「帳號管理頁面(account page)」跟「結帳欄位頁面(checkout page)」之間同步,而且又要可以配合點數系統功能的客製欄位。中間解決的過程真的很漫長,但總之最後發現,其實可以不用做客製欄位就解決問題 XD 好吧,雖然不算有挑戰成功,但問題還是有解決,也算及格吧?等到未來有一天真的要面對客製化欄位挑戰的時候,我也比較知道要從哪裡開始思考。

這次也有幾個之前沒做過的功能,包含「點數回饋系統」跟「商品資料庫存和 Google Sheet 雙向同步」等等。為此我查了很多資料,比較好多不同外掛,最後點數系統決定使用 YITH 這間知名外掛開發商做的 YITH WooCommerce Points and Rewards,商品同步試算表則是使用 WPPOOL 出的新外掛 Stock Sync for WooCommerce with Google Sheet

雖然這兩個付費外掛都還算滿足這個專案的需求,但它們兩個都有讓我生氣過 XD

比如說,YITH 那支點數系統外掛有一個功能,可以讓顧客填寫完所有會員資料後,額外賺取點數。但這個功能有個小小的 bug,就是顧客得遵照某個特定的順序填完所有欄位,才會自動獲得點數。如果沒有照著這個順序,就必須在填完之後重新整理,才會得到點數,真的很困擾。

以上的 bug 我自己花了好幾天才測試出來,而且花了很多時間跟 YITH 寫信溝通。一開始他們以為切到預設佈景主題就可以解決,後來我花了 5 封 Email 跟他們再仔細描述我的發現跟猜測,他們才終於發現是 WooCommerce 更改了一些東西,造成外掛出了這個小問題。(應該不會是我英文太爛 XD)最後終於在 11/14 的更新中把這個問題修復了。

YITH WooCommerce Points and Rewards changelog
可喜可賀,可喜可賀

然後,WPPOOL 的那個商品同步 Google Sheet 外掛,因為 2022 年才剛推出,所以其實還有很多進步空間。像是沒辦法新增可變商品,也沒辦法修改商品分類、標籤、taxanomy,客製欄位的同步也沒有很穩定。不過他還是有很多不錯的優點,例如可以直接從 Google Sheet 新增商品,修改價格庫存、簡介、貨號。就管理上來說還是有幫助。只希望他們可以多多進步!!!

但 Stock Sync for WooCommerce with Google Sheet 這支外掛有一個詭異的地方,就是裝上去以後,後台商品管理頁面的快速編輯畫面 CSS 會跑掉,label 的文字變超級無敵大,整個影響到操作。

wppool tock Sync for WooCommerce with Google Sheet break css in admin dashboard min
左邊是正常的樣子,右邊是外掛裝上去以後走鐘的樣子

為什麼我那麼確定是這支外掛造成的呢?除了更新系統、停用所有其他外掛、切換為預設佈景主題這些基本步驟以外,更關鍵的原因是,連他們官方自己的測試站都有這個問題啊 XDD 於是我也寫了信跟他們的客服反映。因為這支外掛是用來同步 Google 雲端資料跟網站的,平常不會需要從網站後台操作東西,所以在等待的期間,我花了超多時間,好不容易找到一段程式碼,可以停用這支外掛的後台 CSS,讓這個問題暫時解決。

每當這時候就會很氣自己不會寫程式,無法更快速又有結構地找出問題所在,只能憑意志力跟想像力去不斷測試。

林馬具商城的未來

因為林馬具還有代購的服務,以及實體馬場寄賣的經營方式,所以未來我們還是會繼續想辦法擴充林馬具商城的功能,讓這個商店能夠在經營之路上扮演更好的協助角色。

希望一切都順順利利,蒸蒸日上!

hannah kao

高高與她的激動大狗

你好,我是高高,家裡有一隻激動大狗旺財,一隻內向小狗波比,是牠們給我靈感創作這個部落格。1992 年生,喜歡宇宙、咖哩、歷史、聖鬥士星矢。我本身也是一名網頁/資訊設計師,歡迎來信 [email protected] 聊聊合作的機會!

我要留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端