如何在部落格上打造一個小型電商？一個自媒體創作者折騰 5 小時，自己動手解決問題的故事
閱讀時間約 4 分鐘
身為一個自媒體創作者/一人公司，99%的時候都必須自己解決問題。
這篇文章我要分享自己折騰 5 小時將數位產品放到部落格上，學到的 3 個寶貴經驗。故事是這樣的…
我的 2023 年個人品牌計畫是「打造自己的文章訂閱制服務」。我使用 Ghost.org 來建立個人網站，目標是一個訂閱制部落格 + 小型個人電商。
Ghost.org 的後台操作與文章編輯比 WordPress 好上手非常多，也支援市面上將近8成的 SaaS 服務。但問題是貴啊！電商 SaaS 服務的成本組成是
- 月費方案平均要 20–25 美金
- 2–3%手續費抽佣
對一個剛開始做小電商的自媒體創作者成本真的太高了。
像我這種小小自媒體創作者的困境，市場上挺多人都有的…於是國外有一家 SaaS 公司專門解決這樣的痛點-Gumroad。
我使用 Gumroad 當作小型電商平台，不需另外收訂閱費、只有發生交易(aka 賣出數位產品)的時候才會抽手續費，心理負擔小了許多。
另外 Gumroad 提供 JS Widget (小工具），可以內嵌(embed)產品購買頁面在任何網頁上。這代表任何人在閱讀我的部落格時，看的爽可以在部落格中直接購買產品，不需跳轉到 Gumroad 商店中，多好啊！
但問題又來了…這個功能只支援單一產品內嵌（embed）！當有1+以上的產品時，內嵌的畫面奇醜無比，無法製作出電商網站上 Product page（產品頁面） 的效果。
於是我開始用各種關鍵字 Google 找解決方法:
- Ghost Ecommerce
- Gumroad embed product page
- Ghost product page
但是搜索結果都不符合我的需求…多數人面對 1+ 以上的產品要銷售時，都是使用Gumroad 以外的電商 SaaS 並內嵌回 Ghost 頁面。
我非常沮喪…這個問題竟然沒人問過！但轉念一想：「Ghost 最大的彈性就是可以自行修改 CSS 與 HTML，那我為什麼不自己寫、製作出Product Page的效果呢？」
於是我搜尋：CSS Product Card (產品卡片)。Wow…！跳出了非常多漂亮的 Product Card 參考範例，而且連 HTML/CSS 都寫好了。
接著根據自己網站的風格，修改Product Card CSS、按鈕 CSS，嵌入 Gumroad 的 Button 就可以做到小型電商的產品頁面效果了。
這翻折騰讓我學習到 3 件事情：
- 學以致用：買程式的線上課程終於派上用場，以前練習 Udemy 或六角學院的網頁切版都沒什麼感覺，但上架自己的產品就超興奮啊！
- 組合解法：尋找問題的過程中會看到超級多解決方法，每個方法都有適用的前提與場景（例如有無腦土豪解，也有高技術土炮解)。很大機率根本找不到100%適用在自己場景的解法，但可以東拼西湊，取各種方法中自己需要的。
- 問對問題：以前總搞不清楚104 上職缺寫的「問題解決能力」是什麼，這次總算搞懂了。也就是：當我自己是頭家/決策者的時候，在有限資源的情況下 (例如不想花這麼多錢)，如何問對問題、解決眼前的問題。
我始終覺得：
做個人品牌最大的好處，就是自己有個產品可以傷腦筋。只有花上自己的時間、金錢、名聲，才會真正把潛力都發揮出來。
你可以點擊 這裡 看效果，Gumroad 的 JS Widget 做的真的蠻讚的。
▶ 關於文章
1/ 歡迎 訂閱電子報 加入 1200+ 學習愛好者的行列，獲得每週 1 個學習行動建議！
2/ 常滑 Facebook 嗎？可以幫我的 Facebook 粉絲團 按個讚，就可以看到文章啦～
3/ 想要掌握最新文章，可以點擊「追蹤」我～
4/ 如果你覺得文章寫的不錯，可以對文章點愛心讓我知道 ❤️
2/ 常滑 Facebook 嗎？可以幫我的 Facebook 粉絲團 按個讚，就可以看到文章啦～
3/ 想要掌握最新文章，可以點擊「追蹤」我～
4/ 如果你覺得文章寫的不錯，可以對文章點愛心讓我知道 ❤️
▶ 關於我
Software Technical writer @ OwlTing 奧丁丁集團 我專注寫
1/ SaaS 軟體產品規劃
2/ 個人知識管理
3/ 線上寫作的文章
擁有 6+ 年的SaaS產品經理工作經驗，☕️ 歡迎講座邀約、諮詢或跟我喝杯咖啡聊聊天，我的信箱是 [email protected]
Software Technical writer @ OwlTing 奧丁丁集團 我專注寫
1/ SaaS 軟體產品規劃
2/ 個人知識管理
3/ 線上寫作的文章
擁有 6+ 年的SaaS產品經理工作經驗，☕️ 歡迎講座邀約、諮詢或跟我喝杯咖啡聊聊天，我的信箱是 [email protected]
▶︎ 建立人脈
歡迎使用 LinkedIn 與我交流，你可以「加我為好友」建立連結 | LinkedIn @ Chi Chu 歡迎交流
歡迎使用 LinkedIn 與我交流，你可以「加我為好友」建立連結 | LinkedIn @ Chi Chu 歡迎交流
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位
王多多的點評
「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。
我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...
本文介紹了在中國大陸申辦手機號和銀聯卡所需的準備事項，包括臺胞證、中國大陸住址、實名制手機、臺灣住址等，並分享了申辦的經驗。
經常在社群上看到有人詢問為什麼我的「網站名稱」是網址？要如何修改出現在搜尋結果頁上的網站名稱？因此，本篇文章將解釋什麼是網站名稱、如何撰寫及新增網站名稱。
恒生银行（股票代码：0013.HK）作为香港四大银行之一，以其强大的跨境金融服务和专业的财富管理著称。恒生银行不仅与汇丰集团紧密合作，在香港及中国大陆市场均有广泛的业务覆盖。
恒生银行作为汇丰集团的成员之一，专注于为香港和中国大陆客户提供全面的银行服务。其优势在于汇丰全球网络的支持，客户可以方便地
對於像我這樣在職涯過程中沒花太多時間找工作的人來說，
這篇文章可能會讓你受益。
你將學到如何在每個職涯轉折點上，
利用正確的心態，
實現順利過渡和成功。
以下是我在職涯中不斷重生的3個關鍵心態。
▋心態1 - 接受挑戰並勇於歸零
回顧我的學習和工作經歷，
上班族都會面對各種開銷壓力,但透過善用閒暇時間,可以採取不同方法來增加額外收入。這篇文章介紹了四種可行的方式,包括當網路兼職工作者、提供小型顧問服務、出租閒置空間或物品以及開設小型副業。這些方法是靈活且能夠讓人發揮自身專長,值得上班族參考。
當我一邊是醫學圖書館員一邊是實證醫學執秘
前幾年，開始有同道私底下陸續問我，當初「怎麼會接到實證醫學中心執秘？」這個任務，因為近年來各級醫院也紛紛開始將醫學圖書館員賦予實證執行秘書的新功能。面對這個挑戰，館員們要如何因應呢？
心態決定一切
人，才是組織最重要的
需求優先、興趣優先、任務優先的事
兩年前 TJ Warren 是泡泡聯盟中最熱門的話題，他在 2020 年 8 月恢復比賽後對上 76 人隊拿下職業生涯新高的 53 分後，TJ Warren 就不斷證明他是聯盟中最被低估的得分手之一。
何謂「賽局理論」？
賽局理論最有名的例子，就是普林斯頓大學數學教授阿爾伯特．塔克（Albert Tucker）講解的「囚犯困境」（Prisoner’s Dilemma）。
舉凡商業上的競爭、產品的價格戰等，雙方都在絞盡腦汁制定策略。生活也有像賽局理論的案例，最貼切的例子是—去菜市場買菜。
台灣的餅乾何其多，走一趟各個不同類型的賣場與商店，架子上的各類餅乾真的蠻多的。盛香珍就是台灣一個老品牌的伴手禮食品公司。生產餅乾種類繁多，這篇介紹法國薄餅就堪稱是業界最薄的夾心餅乾。
盛香珍食品公司法國蘇相關資訊::
地址:
台中市梧棲區自強一街146號
電話:
04 3600 2626
在職場中，有不少溝通與對話發生在會議上。在這一篇文章中，我們先來談談如何在會議上創造高效溝通的技巧？甚至是進一步從引導會議的角色，躍升為主導會議順利進行的幕後操盤手。
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位
王多多的點評
「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。
我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...
本文介紹了在中國大陸申辦手機號和銀聯卡所需的準備事項，包括臺胞證、中國大陸住址、實名制手機、臺灣住址等，並分享了申辦的經驗。
經常在社群上看到有人詢問為什麼我的「網站名稱」是網址？要如何修改出現在搜尋結果頁上的網站名稱？因此，本篇文章將解釋什麼是網站名稱、如何撰寫及新增網站名稱。
恒生银行（股票代码：0013.HK）作为香港四大银行之一，以其强大的跨境金融服务和专业的财富管理著称。恒生银行不仅与汇丰集团紧密合作，在香港及中国大陆市场均有广泛的业务覆盖。
恒生银行作为汇丰集团的成员之一，专注于为香港和中国大陆客户提供全面的银行服务。其优势在于汇丰全球网络的支持，客户可以方便地
對於像我這樣在職涯過程中沒花太多時間找工作的人來說，
這篇文章可能會讓你受益。
你將學到如何在每個職涯轉折點上，
利用正確的心態，
實現順利過渡和成功。
以下是我在職涯中不斷重生的3個關鍵心態。
▋心態1 - 接受挑戰並勇於歸零
回顧我的學習和工作經歷，
上班族都會面對各種開銷壓力,但透過善用閒暇時間,可以採取不同方法來增加額外收入。這篇文章介紹了四種可行的方式,包括當網路兼職工作者、提供小型顧問服務、出租閒置空間或物品以及開設小型副業。這些方法是靈活且能夠讓人發揮自身專長,值得上班族參考。
當我一邊是醫學圖書館員一邊是實證醫學執秘
前幾年，開始有同道私底下陸續問我，當初「怎麼會接到實證醫學中心執秘？」這個任務，因為近年來各級醫院也紛紛開始將醫學圖書館員賦予實證執行秘書的新功能。面對這個挑戰，館員們要如何因應呢？
心態決定一切
人，才是組織最重要的
需求優先、興趣優先、任務優先的事
兩年前 TJ Warren 是泡泡聯盟中最熱門的話題，他在 2020 年 8 月恢復比賽後對上 76 人隊拿下職業生涯新高的 53 分後，TJ Warren 就不斷證明他是聯盟中最被低估的得分手之一。
何謂「賽局理論」？
賽局理論最有名的例子，就是普林斯頓大學數學教授阿爾伯特．塔克（Albert Tucker）講解的「囚犯困境」（Prisoner’s Dilemma）。
舉凡商業上的競爭、產品的價格戰等，雙方都在絞盡腦汁制定策略。生活也有像賽局理論的案例，最貼切的例子是—去菜市場買菜。
台灣的餅乾何其多，走一趟各個不同類型的賣場與商店，架子上的各類餅乾真的蠻多的。盛香珍就是台灣一個老品牌的伴手禮食品公司。生產餅乾種類繁多，這篇介紹法國薄餅就堪稱是業界最薄的夾心餅乾。
盛香珍食品公司法國蘇相關資訊::
地址:
台中市梧棲區自強一街146號
電話:
04 3600 2626
在職場中，有不少溝通與對話發生在會議上。在這一篇文章中，我們先來談談如何在會議上創造高效溝通的技巧？甚至是進一步從引導會議的角色，躍升為主導會議順利進行的幕後操盤手。