如何在部落格上打造一個小型電商?一個自媒體創作者折騰 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 件事情:
  1. 學以致用:買程式的線上課程終於派上用場,以前練習 Udemy 或六角學院的網頁切版都沒什麼感覺,但上架自己的產品就超興奮啊!
  2. 組合解法:尋找問題的過程中會看到超級多解決方法,每個方法都有適用的前提與場景(例如有無腦土豪解,也有高技術土炮解)。很大機率根本找不到100%適用在自己場景的解法,但可以東拼西湊,取各種方法中自己需要的。
  3. 問對問題:以前總搞不清楚104 上職缺寫的「問題解決能力」是什麼,這次總算搞懂了。也就是:當我自己是頭家/決策者的時候,在有限資源的情況下 (例如不想花這麼多錢),如何問對問題、解決眼前的問題。
我始終覺得:
做個人品牌最大的好處,就是自己有個產品可以傷腦筋。只有花上自己的時間、金錢、名聲,才會真正把潛力都發揮出來。
你可以點擊 這裡 看效果,Gumroad 的 JS Widget 做的真的蠻讚的。

▶ 關於文章
1/ 歡迎 訂閱電子報 加入 1200+ 學習愛好者的行列,獲得每週 1 個學習行動建議!
2/ 常滑 Facebook 嗎?可以幫我的 Facebook 粉絲團 按個讚,就可以看到文章啦~
3/ 想要掌握最新文章,可以點擊「追蹤」我~
4/ 如果你覺得文章寫的不錯,可以對文章點愛心讓我知道 ❤️
▶ 關於我
Software Technical writer @ OwlTing 奧丁丁集團 我專注寫
1/ SaaS 軟體產品規劃
2/ 個人知識管理
3/ 線上寫作的文章
擁有 6+ 年的SaaS產品經理工作經驗,☕️ 歡迎講座邀約、諮詢或跟我喝杯咖啡聊聊天,我的信箱是 muhenry608@gmail.com
▶︎ 聯繫方式
• 📪 Email:muhenry608@gmail.com
• 💬 Facebook:請先加我 個人好友 並簡短說明想要諮詢的主題
▶︎ 建立人脈
歡迎使用 LinkedIn 與我交流,你可以「加我為好友」建立連結 | LinkedIn @ Chi Chu 歡迎交流
avatar-img
211會員
129內容數
分享學習相關的技巧、工具與方法
留言
avatar-img
留言分享你的想法!

































































朱騏的沙龍 的其他內容
2022 年我開始整理自己在網路上 3 年的寫作內容並製作成數位產品銷售,過程中經歷做產品、寫文案、行銷宣傳、產品銷售。我發現…原來這就是創業啊! 然而我沒學過怎麼創業,也發現自己經營事業的方式跟傳統公司不相同 (後來才知道這叫做「一人公司」),我很驚慌…因為很多時候根本不知道怎麼做。 究竟該跟誰學
在網路上持續寫作,究竟可以獲得什麼具體的成果呢?2019 年開始我持續在 Medium 和 Facebook 上發表文章,分享自己每一天新學到的東西。「無私分享我所會的一切」聽起來很匪夷所思,但卻產生驚人的收穫。2022 年底將至,這篇文章我想分享自己在這 3 年透過寫作獲得的 5 個成果。
你想要讓更多網路上的陌生人認識自己,進而拓展更多的異業合作可能嗎?現在斜槓概念盛行,有許多的上班族都想藉由分享自己的專業,進而拓展更多的異業合作可能。但你可能不知道從哪裡開始,因此我想要邀請你一起參加線上讀書會,提升學習、寫作、個人品牌經營 3 大能力。
個人品牌如何在產品/服務教學上和其他人有差異呢?我發現如果市場上同時存在非常多的競爭者,我們要做的就是持續探索自己的產品/服務定位。但要如何找呢?答案是:多結合自己不同領域的專業,來解決特定主題上的問題,就能找到自己獨特的產品/服務定位。
我們每天都需要用「文字」與人溝通,但很多時候說了一堆,對方卻沒聽懂。這也是為什麼我要閱讀《Smart Brevity》這本書,學習「用最少的文字,讓讀者瞬間抓到我想傳達的重點」。Smart Brevity 是一種溝通公式,目的是高效率地傳遞資訊。
從 2021 年開始我陸續獲得講座授課的機會。在備課過程中,我發現自己在商業授課的經驗嚴重不足。這讓我思考:如何讓自己的講座授課,擁有直面市場的能力?答案是「舉辦個人讀書會」。經過 1 年的努力我看到的成果是:天!我真的靠課堂上學到的內容,動手實作賺到 NT.72,450 的業外收入。
2022 年我開始整理自己在網路上 3 年的寫作內容並製作成數位產品銷售,過程中經歷做產品、寫文案、行銷宣傳、產品銷售。我發現…原來這就是創業啊! 然而我沒學過怎麼創業,也發現自己經營事業的方式跟傳統公司不相同 (後來才知道這叫做「一人公司」),我很驚慌…因為很多時候根本不知道怎麼做。 究竟該跟誰學
在網路上持續寫作,究竟可以獲得什麼具體的成果呢?2019 年開始我持續在 Medium 和 Facebook 上發表文章,分享自己每一天新學到的東西。「無私分享我所會的一切」聽起來很匪夷所思,但卻產生驚人的收穫。2022 年底將至,這篇文章我想分享自己在這 3 年透過寫作獲得的 5 個成果。
你想要讓更多網路上的陌生人認識自己,進而拓展更多的異業合作可能嗎?現在斜槓概念盛行,有許多的上班族都想藉由分享自己的專業,進而拓展更多的異業合作可能。但你可能不知道從哪裡開始,因此我想要邀請你一起參加線上讀書會,提升學習、寫作、個人品牌經營 3 大能力。
個人品牌如何在產品/服務教學上和其他人有差異呢?我發現如果市場上同時存在非常多的競爭者,我們要做的就是持續探索自己的產品/服務定位。但要如何找呢?答案是:多結合自己不同領域的專業,來解決特定主題上的問題,就能找到自己獨特的產品/服務定位。
我們每天都需要用「文字」與人溝通,但很多時候說了一堆,對方卻沒聽懂。這也是為什麼我要閱讀《Smart Brevity》這本書,學習「用最少的文字,讓讀者瞬間抓到我想傳達的重點」。Smart Brevity 是一種溝通公式,目的是高效率地傳遞資訊。
從 2021 年開始我陸續獲得講座授課的機會。在備課過程中,我發現自己在商業授課的經驗嚴重不足。這讓我思考:如何讓自己的講座授課,擁有直面市場的能力?答案是「舉辦個人讀書會」。經過 1 年的努力我看到的成果是:天!我真的靠課堂上學到的內容,動手實作賺到 NT.72,450 的業外收入。
你可能也想看
Google News 追蹤
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
這篇文章介紹瞭如何在 Ubuntu 系統上更改 SSH 端口的步驟,包括檢查當前使用的端口、修改設定檔及重啟服務。也提及了隨著新版本 Ubuntu 24.04 的升級以及安全策略的改變,這些步驟可能需要相應的調整。此外,還提供了防火牆更新和 fail2ban 服務重啟的注意事項,確保系統的安全性。
Thumbnail
本文探討了當前M型化社會對青年的影響,青年面臨的經濟挑戰,以及在困境中如何保持思考和追求夢想的必要性。強調批判性思考、自我提升與專業技能的重要性,並介紹政府和民間機構的資源與補助,幫助青年在職場和經濟上實現更好的自我。對青年來說,面對困難時保持信心和學習的動力是改變社會經濟地位的關鍵。
聖誕節將近,所有教會進行傳福音、報佳音。 而不管是否想到新北聖誕城的傳福音,都要儆醒。 至於星爸媽,該怎麼做? 有行為的信心 身體沒有靈魂是死的,信心沒有行為也是死的(雅各書2:26) 這是教主兒女星爸媽的部分,未信主星爸媽可以參考。 基本上,在新北聖誕城前,星爸媽可以陪星兒做福音單張的
Thumbnail
本文探討了在「再部落化」社會中信用網路的重要性。文章解釋了從中心化社會到分散式社會的轉變,強調了傳統成功路徑的失效。文章提出了通過建立多元化人際網路、重視信譽、善用社交媒體等方法來適應新環境,並以實例說明如何在工作中應用這些概念。
Thumbnail
可能包含敏感內容
這個要免免免免免免免免免免費才能看唷! 我的私人流量在昨天內爆衝兩倍,因為我是做交易的課程與專欄,想賺錢的人當然看到我的好康跟優惠都會想一起加入,因此我在方格子以外設私人的Line,這樣我就可以用病毒行銷的方式增加粉絲。而且要增加粉絲不難,你要動頭腦,粉絲的痛處在哪?你的粉絲想聽想看什麼?
本文探討了自架網站、電商平臺和通路平臺的區別,包括他們的用途,適用對象,以及選擇開店平臺時應注意的功能,並提供了臺灣9家網路開店電商平臺的比較表。
Thumbnail
《平台寫作倖存手札》既是自我記述,也是寫作工具書,而且是坊間相當少見、以「寫作平台」角度為出發點所寫的書。 本書中,我將從觀察、經驗、心態三個角度分列出總共十八個題目,與各位聊聊在寫作平台的生存法則。
Thumbnail
很多朋友在問:我想開始從事行銷工作,如果完全沒經驗我該如何開始? 我會說:開始寫部落格吧! 說真的,我知道短影音在現在才是主流,但只要文字沒有被消滅的一天,行銷的工作就永遠會跟文字綁在一起
Thumbnail
充滿競爭的數位世界中,越來越多的人選擇創業,並將目光投向了電子商務。 互聯網的普及和電子商務的迅速崛起為個人創業者提供了前所未有的機會,讓人們可以通過網路銷售產品或服務,實現自己的創業夢想。  在這個背景下,建立一個成功的網店品牌成為了一項重要的任務。 然而要從品牌定位到網站設計,再到產品規劃和行
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
這篇文章介紹瞭如何在 Ubuntu 系統上更改 SSH 端口的步驟,包括檢查當前使用的端口、修改設定檔及重啟服務。也提及了隨著新版本 Ubuntu 24.04 的升級以及安全策略的改變,這些步驟可能需要相應的調整。此外,還提供了防火牆更新和 fail2ban 服務重啟的注意事項,確保系統的安全性。
Thumbnail
本文探討了當前M型化社會對青年的影響,青年面臨的經濟挑戰,以及在困境中如何保持思考和追求夢想的必要性。強調批判性思考、自我提升與專業技能的重要性,並介紹政府和民間機構的資源與補助,幫助青年在職場和經濟上實現更好的自我。對青年來說,面對困難時保持信心和學習的動力是改變社會經濟地位的關鍵。
聖誕節將近,所有教會進行傳福音、報佳音。 而不管是否想到新北聖誕城的傳福音,都要儆醒。 至於星爸媽,該怎麼做? 有行為的信心 身體沒有靈魂是死的,信心沒有行為也是死的(雅各書2:26) 這是教主兒女星爸媽的部分,未信主星爸媽可以參考。 基本上,在新北聖誕城前,星爸媽可以陪星兒做福音單張的
Thumbnail
本文探討了在「再部落化」社會中信用網路的重要性。文章解釋了從中心化社會到分散式社會的轉變,強調了傳統成功路徑的失效。文章提出了通過建立多元化人際網路、重視信譽、善用社交媒體等方法來適應新環境,並以實例說明如何在工作中應用這些概念。
Thumbnail
可能包含敏感內容
這個要免免免免免免免免免免費才能看唷! 我的私人流量在昨天內爆衝兩倍,因為我是做交易的課程與專欄,想賺錢的人當然看到我的好康跟優惠都會想一起加入,因此我在方格子以外設私人的Line,這樣我就可以用病毒行銷的方式增加粉絲。而且要增加粉絲不難,你要動頭腦,粉絲的痛處在哪?你的粉絲想聽想看什麼?
本文探討了自架網站、電商平臺和通路平臺的區別,包括他們的用途,適用對象,以及選擇開店平臺時應注意的功能,並提供了臺灣9家網路開店電商平臺的比較表。
Thumbnail
《平台寫作倖存手札》既是自我記述,也是寫作工具書,而且是坊間相當少見、以「寫作平台」角度為出發點所寫的書。 本書中,我將從觀察、經驗、心態三個角度分列出總共十八個題目,與各位聊聊在寫作平台的生存法則。
Thumbnail
很多朋友在問:我想開始從事行銷工作,如果完全沒經驗我該如何開始? 我會說:開始寫部落格吧! 說真的,我知道短影音在現在才是主流,但只要文字沒有被消滅的一天,行銷的工作就永遠會跟文字綁在一起
Thumbnail
充滿競爭的數位世界中,越來越多的人選擇創業,並將目光投向了電子商務。 互聯網的普及和電子商務的迅速崛起為個人創業者提供了前所未有的機會,讓人們可以通過網路銷售產品或服務,實現自己的創業夢想。  在這個背景下,建立一個成功的網店品牌成為了一項重要的任務。 然而要從品牌定位到網站設計,再到產品規劃和行