Webflow是個網頁架設平台,標榜使用者在沒有太多程式基礎、不會Coding切版的情況下,依然可以透過Webflow建置出個人風格強烈的網站,功能大至網站版型RWD、小至游標移到圖上時會Roll的動畫選擇,全部都能隨心所欲地調整!關於Webflow的完整介紹、優缺點分析,可以參見我這篇完整文章,我也會在部落格中,陸續和大家分享繁體中文圈最齊全的Webflow教學。
Webflow免費方案限制非常多,就連頁面也只能製作兩頁的靜態頁面(Static page),僅能用於製作一頁式網站。因此絕大多數的Webflow使用者都會購買付費方案。
文章結構
Webflow的3個付費方案差在哪?
Basic方案 — 適合一頁式網站、簡易Landing Page、問卷蒐集頁面
Basic版是Webflow最基本的付費方案,它包含了以下的幾個功能。
1. Webflow伺服器(Webflow hosting)的優點,可以將資料儲存在Webflow hosting,Webflow自己的伺服器上,讀取速度非常快,不像WordPress+Bluehost Shared hosting那樣慢得要死,網頁設計師不必擔心一堆資料儲存、讀取或轉址等工程問題,可以無腦使用。同時WF的伺服器也會像Google文件一樣,自動備份每次的大改動,改壞了可以即時回溯,這些伺服器的基本功能通通都有。
Webflow伺服器(Webflow hosting)的缺點是:Webflow的圖片上傳後,不知道會儲存在哪裡,不像WordPress的媒體庫可以輕鬆管理,上傳下載或刪除;圖片建議先壓縮後再上傳,或是使用SVG檔,因為WF的圖片不會自己壓縮,內建功能無法自動壓縮。
2. 可以使用自己的網域(Connect your domain),Custom Domain是免費版做不到的功能,免費版只能使用puretruthson.webflow.io,Basic版可以透過Webflow註冊並代管網域(Domain),或單純代管網域。在設定網域時,如果有遇到網域www重複的問題,可以參考我的這篇文章。可以透過Webflow3. 自動免費申請SSL憑證(Free SSL certificate),不用額外弄一堆SSL的複雜問題,雖然和付費版相比,免費版沒有更高的安全性及賠償規範,但對一般企業或個人而言,已經夠用了。
4. 支援CDN服務(內容傳遞網路,Content delivery network),簡言之就是一個圖片代管的服務,讓台灣的瀏覽者點進該網站時,不必大老遠地連線到美國的網站、再連進伺服器,而是可以先連線到近一點的新加坡或台灣的節點,再連進網站,大幅降低打開網站所需的時間,進而大幅提升使用者的瀏覽體驗。額外補充一句:CDN服務放在Webflow上是沒問題的,但放在WordPress使用時,很多時候卻不是這樣,使用後速度反而變慢。
5. 每月能夠支援25,000人次的瀏覽者(Monthly visits),每個使用者都獨立計算。
6. 蒐集表單:可以透過這個Basic方案架設的網站來蒐集表單、設定填寫後自動寄發的Email,並且下載表單結果(CSV格式),最多可蒐集500個leads。
Basic方案的結論
Basic方案不包含CMS功能,WordPress上大家熟悉的文章上傳、管理系統,Webflow Basic方案中完全不存在,因此這是一個蠻爛的版本,極難用在部落格、電子商務平台、新聞網站或其他內容較多的網站上,只適合用來製作一頁式網站或用於蒐集問卷,下面CMS方案那邊,會仔細介紹為什麼CMS功能如此重要。
CMS方案 — 適合部落格、電商,或內容較多的網站
CMS功能全稱叫做內容管理系統Content Management System,市面上幾乎所有的部落格、電商、新聞網站,都會使用這個功能,先架好單一文章頁面的排版之後, 就可以去後台輕鬆寫文章,按下發佈Publish之後,網站就會自動用同樣的版面展現給瀏覽者看。
一開始請設計師及工程師,先在前台/前端(Front-end)把單一文章頁面排版好:「左邊放商品圖,右邊放品名、價格、規格、介紹文」,把頁面架好之後,再去後台/後端(Back-end)依序上傳各個商品的資料,這些資料就會依照原本的版面一一呈現。
7. CMS items的優點:如果缺少了CMS功能,想要做出類似新增文章的效果,必須複製整個一頁式網站的頁面,並且在新的複製頁面中,更改標題、內文、附圖等,相較CMS來說麻煩了許多;即便如願新增頁面了,未來有天想要修改單一頁面設計,也必須一頁一頁改!文章數量一多,這件事將曠日廢時到幾乎不可能完成;也做不到「在首頁自動顯示最新五篇文章」的自動更新或排序功能,原因是雖然每篇文章中都有提到該篇文章的發佈日期,但系統卻無法辨識、無法爬出該數據,因此很難做到文章排序、文章索引等功能。單一文章的一切都必須手動更新。
CMS items的缺點:台灣的電商可說是全世界玩折扣前幾名強的,把消費者的數學神經都玩到很精,好比第二件五八折、第三件免運費等,但在電商的支援度上,Webflow很難做到這些奇怪折扣。
同時也因為Webflow沒有會員系統,因此整體購物體驗、瀏覽歷程不是先留下資料後再去逛街,而是消費者看到喜歡的東西、加入購物車、按付款後導到PayPal之類的支付頁面,付費後再留下信箱、寄送地址等資料;無法讓消費者先加入會員、蒐集會員資料,再透過買FB、Google廣告推給「已加入購物車但還沒付款的會員」,透過再行銷帶來商品轉換。假如是台灣電商,還是建議使用WordPress+Woocommerce。
8. API:可以請工程師透過API,去上傳及刪除CMS items,或把自家的其他資料庫串接到Webflow的CMS中。
9. Content editors:給部份職員或外部合作廠商「編輯權」,讓他們可以編輯網站內容。
10. 站內搜尋功能(Site search):讓Webflow把這個網站的每則內容建立索引,開放瀏覽者進行搜尋。
所以到底該買哪個付費方案?
我建議Webflow的初學者直接在CMS和Business兩個方案間做選擇,假如沒有特別的需求的話,其實CMS方案就相當夠用了,假如未來有升級需求,可以再無縫升級成Business方案,非常方便。除非一次繳清長時間的CMS方案、還沒用完就要升級,才可能會遇到費用上的問題,需要再去詢問客服。