傑森| 用shopify做一個多國語言獨立網站

2025年2月15日

最近在做一個網站，非常投入和樂在其中，每天作為樂趣在工作。原因是想是接外國客人，因為他們大部分不方便使用微信小程式。另外，在未來可以預見競爭越來越激烈的情況下，可以發揮我們的語言優勢，可以說的語言有：英語，日語，法語，韓語，主要還是英語。這樣也能鼓勵大家學習語言。

緣起：再早些的時候，我做過一些英語的行程說明，但因為一方面外國客人比例實在太低，和要維護更新的精力不成比例，另外只是行程說明，並沒有全英文預訂系統的支持，效果有限。今年暑假我和Vera有一次在樸石見面聊天，她提到因為免簽政策，入境的客人大幅增加，在上海做旅遊業明顯能感受到。我說：過境免簽144小時，只能有時間到大城市，還到不了我們雲南，希望未來政策可以更寬鬆一些。前一陣子又大幅放開了入境免簽國家的數量，甚至從免簽15天增加到了30天。我開始著手找方法搭建新的系統。

把現有的小程序，做一個英文版本，是一個方案。優點是直接可以使用中文版的資料庫，缺點是許多外國人不使用微信小程式。而且，英語化的需求對小程式商來說，沒有那麼明顯，進度也由他們來控制，甚至可能會一直拖下去。

確定：我在網路上搜尋可能的多語言建站方法，有一個國內的，但有點複雜不好用，國外的找了幾個，但沒有理想結果。前幾週和寧軼事見面，我們談到了境外客人的需求，她說有人推薦了shopify，她們想用這個。我之前看過shopify，沒有很深入測試，以為只是類似淘寶的出海商品網站。經她這麼說起，我想我要再看一下這個網站架設工具。結果發現這個建站工具的威力，大大超越我的想像。最強大的一個特點，它有一個app store，有不同第三方製作的插件，可以解決不同的問題。例如我需要的預定日期和時間段的功能，是一個日曆插件來解決，有十幾家這樣的供應商，有的免費，有的每月15美金（大部分在這個價格）左右，不過如果解決一個關鍵問題，這個費用是可以接受的。所以事物帶有開放性，和合理商業化，是最健康和多元豐富的。沒有做不到的功能，只有你想不到的功能。例如我一直困擾我的年齡選擇：我家有個X歲的孩子（老人），哪些活動合適，合理利用產品的tag功能，客人就能自己一下子找出這些活動。

加速推動：但是要研究一個陌生的系統，實現比較複雜的需求，需要大量的學習，而且常常會有困境，影響進度。有一天我剛好和sisitong說起在用google翻譯活動介紹到英語，她表示chatgpt更好用，並給了我一個使用連結。 chatgpt剛出來我試過一下，因為國內服務IP的限制問題，就沒有再用。雖然我覺得也許chatgpt比較好，但google實現的翻譯功能，也已經不錯了，能解決我的基本問題。不過我還是出於好奇，嘗試了一下chatgpt的翻譯功能。這下不得了，迅速被chatgpt折服：

一是可以快速方便翻譯，而且可以清晰歸納，也可以用不同的語氣來重寫。

二是可以問shoptify建站問題，甚至可以依照我的需求寫程式碼，並告訴我要嵌到哪裡。一下子勢如破竹，很多問題都解決。只要你問出好問題，或調整提問，它就會給出很好的多個方案。

三是能對一篇文章進行歸納總結，而且還很不賴，排版清晰，羅列一二三。我在提交文章的時候沒有說明是翻譯，結果它對文章進行了評價，並且有一定自己的看法和總結，頗有見地。

所以一個chatgpt，在我的這個工作當中，相當於是一個工作小組：一個超級高效優秀翻譯，一個對產品功能給出解決建議的專業諮詢，一個代碼工程師，一個文案。而且都隨叫隨到，一分鐘解決問題。（註：由於chatgpt暫時失靈，我試用了一下google gemini，也一樣可以，而且翻譯上還似乎更貼心，像個真正的負責人的助手，提供幾個方案，問你意見。而且不用費心去研究怎麼在國內使用。所以重要的是一個方法和思路，有不同AI工具應該都可以做到）

目前已解決的問題（還沒有使用付費方案，都是免費或基本免費版，達到數量需要收費，到時候再看看是不是值得，如果免費方案可以解決，就最好，但好的功能也值得付費）：

多語言方案：基礎語言英語（由chapgpt翻譯），另外shopify可以自動翻譯到：繁體中文，日文（翻譯後可以編輯調整）。系統支援三種語言選擇。

部落格：shopify整合了部落格功能。原來我們部落格功能由公眾號實現，現在整合的更好。另外，公眾號發表後幾乎不能修改，大大約束了修正更新。國內的優勢也有，但是開放性有些方面的確不足。

支援所有外鏈：所以最新活動照片介紹可以連結到intagram，客戶諮詢群可以連結到facebook message。這一點開放性，是國內app非常抵觸的，希望都在自己的閉環內。微信還好有個開放的小程式系統，多少可以連結一些內容。

日期/時段預約問題：用一個免費日曆工具bookeasy解決，並可以將不同活動訂單，發送到不同郵箱，這一點非常好。

活動分類問題：一是可以依照活動分類（即裡面的產品系列）來陳列，由關鍵字判斷自動歸類，不是傳統的手動分類，我用了tag作為判斷依據，這樣就很靈活，修改tag，就自動修改了去哪個分類。

適合年齡/內容：也用tag，只需要內建的工具search&discovery，就可以依照年齡，難度，活動內容自己篩選。

評價功能：用Judge.me插件實現，這個插件不僅在單獨活動頁面可以寫評價，還可以把最新的活動評價加到首頁，給客人參考最近獲得好評的活動，並可以直接點進去預訂。

ai諮詢：用Juphy插件，如果客人詢問活動，它會根據活動介紹文字，給出建議，並直接鏈接過去，也可以餵一些知識給它。目前智能程度還不確定。

新增自訂說明：活動頁面預設加入「協助接送服務」的說明，加入「退改規則」。之前需要加在活動說明裡。

推薦產品：「訂了這個活動的人也訂了」這樣的功能，用插件Essential upsell（免費）可以實現。效果不詳，因為還沒有足夠訂單。在內建的「search&discovery」可以手動設定推薦或互補產品。

最受歡迎的活動：以一個「產品系列」包含所有活動，系統自動依照預定數量排名。

整合instagram到shopify：shopify本身沒有強大的影片和照片庫功能，需要instagram的補充。做一個連結就可以，用來存放日常照片和影片。也是一個可能的引流工具。

客戶諮詢群組問題：facebook messenger chat group

支付：目前使用paypal，除此之外，都需要在海外（港澳台）有公司。另外系統也可以設定為不付款預定（免費預定，現場支付）。

未解決：顯示最新的帶日期的已預定活動列表

以上是目前做到的一些進展

新網站的網址是：dalitrip.com

2024.12.08

經過兩個星期的學習，有一些新的感受：

到目前，沒有用到付費的app，覺得好用的是幾個免費的和內嵌的工具：

bookeasy 日曆預訂：在設定上是最簡單友善的，而且目前免費。我嘗試了絕大部分其他日曆預定app，大部分是專注於短時間預訂，循環一天的工作時間，例如醫生看診，對於一天一場或最多兩場的活動，設定麻煩。我本來想找的在首頁顯示每天可預定的活動功能，沒有找到。有幾個有，但介面非常難看和不易用。

元字段：這個是非常強大的自訂功能，可以增加字段，對活動進行說明，例如：距離，建議年齡，並且可以把字段值用來智能篩選方式加入產品系列。例如距離10 公里內的活動，可以自行判斷產生一個集合（產品系列），顯示在首頁。可以結合Nitrolookbook 相簿（免費），以幻燈片方式（不佔空間）顯示一些特定照片，例如評論，某個季節的照片。

Shopify search&filter（內嵌功能）：可以根據不同字段，篩選活動。例如進入了某個合集，客人還可以繼續自己根據需要（年齡）篩選。原來我想都用它給客人篩選，但有點不夠不友好，特定的合集就用（智能）產品系列來解決了，比如5 歲兒童適合的活動，客人直接可以進入。

自訂模板：和自訂元字段結合，修改預設模板，變成一個自訂模板，配置不同的字段（因為不同類別產品的描述很不一樣），這樣我可以把“住宿（領隊家的，未來可以拓展到更多）”，還有“領隊介紹”作為一個單獨類別放到這個系統，做成類似於airbnb 既有活動又有房間這樣的融合網站。由於bookeasy 有連續多天預訂（大部分日曆工具有這個功能），因此訂房也能輕鬆實現。將來可以把商品加入進去，成為一個新的類別（自行車行的租車業務，植物工作室的標本，陶藝的作品等）。強大之處在於方便的自定義，其他人可以方便的上傳訊息

障礙：可能國內防火牆，會導致編輯shopify 內容，客人從中國預定，會卡住。由於不同的工作模式，手機端障礙比較大，用電腦設定和瀏覽都不成問題。

2024.12.26

歡迎交流，可以加我微信：lingjiec

2024.12.30

今天，bookeasy 日曆預訂發現國內需要用翻牆才可以，經過印度工程師遠端檢查，是使用了服務，國內的IT 朋友說，應該是用了Google 字體，解決比較簡單。

2025.01.01

實現了根據客人的用戶端語言自動切換網站語言，根據chatgpt 指導寫一段程式碼到theme。

要做一次大改動，把基礎語言改為中文，然後系統翻譯到英文，因為中文翻英文會比較簡單。英文翻譯到中文，很多地名，拼音都會出現大的問題，校對工作大，而且最重要，後期不同領隊編輯自己的活動，會有很大障礙。

這是技術知識不足帶來的多餘勞動，不過也學習了。我最在想用英語作為基礎語言，是因為主要是想開發給英語用戶，所以想像一進入網站就是英語，所以費了很大的功夫，把中文翻譯為英語。全然沒有想到，會可以依照使用者語言自動切換到對應語言。

2025.1.8

今天解決從獨立站點擊直接連結到小程式預定。因為我們的小程式是有h5 頁面的，每個活動可以是網址連結。這樣就打通了從獨立站到小程式。現在剩下小程式如何直接連結到獨立站。），還好問一嘴maya（小程式供應商），不然我一個人在哪裡研究小程式短鏈一整天了。

之前由於google服務帶來的預定問題（實際上是日曆預定用到google 的re-CAPTCHA 檢測），一直困擾我，雖然也不一定必須，但如果把客人預定用到google 的re-CAPTCHA 檢測），一直困擾我，雖然也不一定必須，但如果把客人預定在新網站上（由於強大好用）卻不能預訂，又需要說明微信客人的預定方法，會帶來困擾。

2025.1.13

前天下載了一個插件，section store，有各種部件模板，例如視頻幻燈，照片幻燈，多頁面切換（省空間，一目了然），可以彌補原生模板的呈現有限性。