Naratake跟誰比會把程式碼交給你的 Squarespace 替代方案
對照

一個你真的帶得走的 Squarespace 替代方案

幾乎沒有人是因為網站不好看才離開 Squarespace 的。大家是在發現網站搬不走的那一刻才走——匯出來的是一份指向 WordPress 的 .xml,而 Squarespace 自己的支援中心就列著這份檔案帶不走什麼。下面寫的是另一種買法:一門生意真的靠著在跑的那些模組、兩種語言、我們一毛抽成都不收,以及一個寫著你名字的原始碼資料夾。

Storefront 每月 $49,Storefront Pro 每月 $79。建置與預覽不用錢、也不用綁卡;發佈那一刻才開始算錢,七天內可退款。 看完整價目表

決定這件事的 14 項

每一項都能用頁尾的出處自己查證,其中有 2 項是 Squarespace 比較強。一份作者每項都贏的對照表,本質上是廣告;你要是整份都不採信,也很合理。
你真正在問的事Naratake 這邊Squarespace 那邊這一項誰比較強
什麼東西可以離開這個平台一整份程式碼。LocalSite Studio 會把網站寫成一份 Next.js 專案:頁面、樣式、元件和圖片都是原始碼,你打得開、讀得懂、改得動,放到哪個主機上都行;網站有存資料的話,資料庫和後台也一起出來。桌面版是買斷、不是租的;瀏覽器這一側,原始碼下載含在 Storefront Pro 裡。一份要拿去匯入 WordPress 的 .xml,而它的支援中心自己寫著:不是所有東西都會被匯出,因為很多功能依賴他們平台的 JavaScript 與 CSS。帶不走的清單包括:商店頁、作品集頁、索引頁、封面頁、相簿頁、行事曆頁、資訊頁,商品、影片與音訊區塊,草稿,各頁專屬的頁首頁尾與側欄,還有樣式設定與自訂 CSS。文字和圖片走得掉,網站走不掉。我們
不續費之後還剩下什麼剩下匯出來的那個資料夾。它是一份普通的 Next.js 專案,放到哪裡都繼續跑,中間不需要 Naratake 帳號。已經交給客戶的東西,不會因為我們哪天不在了就跟著消失。代管是含在方案裡的,所以方案結束,網站也就結束了。.xml 幫你留住文字,設計、商店和各種設定則是一次重做。而那張重做的報價單,通常就是有人會來看這種頁面的原因。我們
一個行業起始點裡面有什麼該問的不是 40 這個數字,是打開來有什麼。烘焙那一個是四頁:九個標好價的品項、一張含照片欄的客製蛋糕詢價表單、六張圖的作品集——你一個字都還沒打,網站就已經能運作,這一行真的會用到的版位都已經排好了。再套上 15 種設計風格的任何一種,換掉的是版面骨架,不是只換顏色——是另一組骨架,不是同一頁換個色。新站確實是附示範內容的——Squarespace 說每個新站都預載示範頁面與內容,在 7.1 上「所有佔位文字、圖片與區塊都是示範內容」。接著它說明那些內容是拿來做什麼的:依照它的服務條款,示範內容只供啟發,你沒有權利把任何示範圖片或內容用在正式上線的網站上。也就是說,那個示範是一張「做完的網站」的照片,而清空它是你的第一件工作。我們
換一套長相,不用把網站重做一次40 個行業起始點乘上 15 種設計風格,是 600 種長得不一樣的網站,而這還沒開始換顏色——但數字不是重點。重點是這一句:15 種風格每一種都是重排版面,不是只換顏色。首屏的排法、每一個內頁的頁首、字型、圓角、動態、照片調性會一起換掉;配色也是按行業挑的,同一套風格套在烘焙店和診所上,出來不會是同一個色盤。切換的時候會照模板把頁面重建一次,而你的內容跟著走:菜單與價格、評論、員工、課表、房源、優惠碼、營業時間都會帶過去,你的店家資料——店名、電話、電子郵件、地址、logo、社群連結——也已經填好在那邊了。不會跟著走的是直接打在區塊裡的那些:你在那裡改過的標題與內文、換掉的照片,會回到模板的樣子。一次還原就能把整個切換退回去。所以想試第二個方向,成本就是點一下再看一眼——文案已經開始寫了也一樣。Squarespace 有版型,而新站打開來是滿滿的示範內容,它授權給你的方式是「只供啟發」、不能用在正式上線的網站上——所以第一輪的文字,兩邊都是你自己寫。至於之後換一套版型,那些你已經寫進去的文字和照片會怎麼樣,那是 Squarespace 自己那些頁面要回答的問題,不是我們——而那也正是把一季的文案交給一個版面之前,最該先問的一題。我們
真正在跑一門生意的那些零件十一個,開箱就在:線上點餐、訂位、依人員與時段的預約、課表、訂單追蹤、房源列表、報價請求、優惠碼橫幅,還有三種菜單版面。一個產品、一張帳單、一個接住全部紀錄的後台。它們在哪裡運作是方案界線:線上點餐與訂位在 Storefront Pro(每月 $79、每年 $758)正式上線;Storefront(每月 $49、每年 $468)可以建置與預覽。是用別人的產品拼起來的。預約走的是 Scheduling 區塊,而 Squarespace 明講:要用這個區塊,你需要一份 Acuity 訂閱,而且那份訂閱和你的網站訂閱是分開的兩筆。餐廳訂位是 OpenTable 區塊,要填 OpenTable 的餐廳 ID;或是 Reservations 區塊,那個接的是 Tock。菜單有一個 Menu 區塊可以顯示。我們
什麼都還沒接之前,編輯器裡有什麼111 個元件、15 種設計風格,兩個方案都完整拿到,而設計風格換的是版面骨架、不是顏色。沒有東西要接、沒有東西按次計價,也不會有別家公司的服務條款延伸到你的訪客身上——表單、相簿、菜單、預約和後台,全部是同一個產品。編輯器裡有一長串區塊——文字、圖片、相簿、表單、地圖、影片、圖表、程式碼等等——再往外就是 Extensions。Squarespace 說得很清楚:那裡列出的擴充功能是由第三方提供、不是 Squarespace 提供的;價格各不相同,而且它無法控制那些價格;你使用它們時適用的是提供者自己的條款。另外,要在程式碼區塊裡放 JavaScript 或 iframe 是付費功能,適用於 Website Core 以上的方案。我們
單一個元件可以調到多細把一個區塊拖到頁面上只是門檻,不是產品。門檻後面是這些:單一節點 44 個樣式屬性,每一個都能在桌機、平板、手機,以及滑鼠移過去這四種狀態下各設一次——一個元件 176 個可調點。中文直排可以做掛軸式標題、指定顏色的霓虹光暈、毛玻璃背景模糊、帶角度的雙色漸層、左右各 45 度以內的傾斜、sticky 定位、z-index,還有每個節點自己的進場動作:淡入、滑入、縮放或模糊。分斷點各設一次的滑過狀態,長在一個視覺編輯器裡:不必寫一行 CSS,也不必先學一套版面系統。有,而且線是畫在站台這一層,不是元件這一層。Squarespace 的動畫是整站設一次——六種樣式、三檔速度——個別區塊可以覆蓋;而要在程式碼區塊裡加入 JavaScript 或 iframe 是付費功能,它列出的適用範圍是 Website Core 以上的方案。我們
頁面上會動的東西29 個捲動與電影感版位,做好的:影片隨捲動刷過、視差、隨捲動說完一個故事、橫向捲動、膠卷、影廳膠捲、跑馬燈、捲到就顯影的圖片、捲動進度條。3D 主視覺與動態背景就在旁邊。整站的強度只有一個屬性在管——收斂、活潑、電影感,或整站關掉——搭配十種入場手法:升起、淡入、滑入、縮放、模糊、遮罩、翻轉、寬銀幕黑邊、光圈開場、側翻。關掉 JavaScript 文字照樣讀得到;訪客的系統要求減少動態時,整站就停下來不動。那是一個站台層級的設定,不是你自己編排出來的東西。Squarespace 提供六種動畫樣式——None、Fade、Scale、Slide、Clip、Flex——與三檔速度:Slow、Medium、Fast,整站設一次;個別區塊可以覆蓋站台設定,而它自己那一頁也註明某些內容只支援 Fade。站台動畫是 7.1 的功能;在 7.0 上要看你的佈景主題。Fluid Engine 可以把一個區塊釘住,讓同一區的其他內容從旁邊捲過去。我們
你賣出去的錢,誰抽一手不是我們,任何方案、任何品項都不抽。訂單、訂位、訂金、課程、會員資格,我們一個百分比都不拿——訂閱費就是我們開給你的全部帳單。刷卡走的是你自己的 Stripe 帳戶:你的金鑰、Stripe 自己的費率由 Stripe 收,錢直接進你的帳戶。Stripe 只接一次。從那之後,卡片直接從顧客那裡刷進你的帳戶,訂閱費也就一直是全部的帳單。抽多少,看你賣什麼、也看你在哪一檔,而且是疊在刷卡手續費之上的——Squarespace 自己就說:金流手續費是每一筆消費都收,交易手續費則取決於你的方案。它公開的表格把線上商店的交易手續費對到各個檔次,數位內容與會員制另外列一行;我們不把那張表轉印過來,因為它是他們說改就改的東西,抄過來的那一刻就開始過期。請直接打開 Squarespace 的定價頁看,再把它放到我們這一列旁邊——訂單、訂位、訂金、課程、會員費,我們任何方案、任何時候,一毛百分比都不抽。我們
一個網站同時用兩種語言是一個勾選框,不是一個專案。英文加中文或西班牙文,同一個網站,導覽列上真的會渲染出語言切換鈕,兩種語言住在同一份檔案裡。不接第三方帳號、沒有字數額度、不按語言數收錢,兩個方案都不另外加價。交給第三方。Squarespace 把 7.1 的多語言做法記載成 Weglot 整合:一種語言、2,000 字以內免費,而 Weglot 的訂閱和網站訂閱是分開的兩筆——它也提醒你,超過字數上限之後,翻譯就不會顯示。有些東西根本翻不到:Email Campaigns、Acuity Scheduling、第三方內容區塊,還有 Member Sites 的登入畫面。它另外說明,像結帳頁那種平台內建文字,只能顯示一種語言。我們
碰不碰得到程式碼一半一半,而那個一半一半本身就是答案。桌面版這一側,程式碼本身就是產品:匯出來的是整份專案,你自己讀、自己改。瀏覽器這一側給你的是 111 個元件與 15 種設計風格,而不是一個 CSS 輸入框——而 Storefront Pro 上的原始碼下載,會把同一份 Next.js 專案交到你手上,用真正的編輯器打開。上線網站上的一塊面板,和一份留得住的程式碼,是兩種不同的買賣,這一列就是你選哪一種的地方。有,而且部分要付費才開。程式碼區塊本身在標準的區塊清單裡,但 Squarespace 說明:要在程式碼區塊裡加入 JavaScript 或 iframe 是付費功能,適用於 Website Core 以上的方案。而且你寫的東西是跑在他們的平台裡——你在客製他們的網站,不是握著自己的檔案。平手
要花多少錢這裡直接印出來,不是叫你自己去找。瀏覽器方案是 Storefront 每月 $49 或每年 $468,以及 Storefront Pro——讓點餐與訂位在已發佈網站上運作、也含原始碼下載的那一個——每月 $79 或每年 $758。上面不再加任何百分比。桌面版 LocalSite Studio 是買斷、不是租的,數字在定價頁上,旁邊就寫著那份授權解鎖什麼。官網列出四個層級——Basic、Core、Plus、Advanced——而上一列那些交易手續費,是照你在哪一檔疊上去的。金額請到他們自己的定價頁上看;我們不替別人保管價目表,這一列會動的是他們那一欄,不是我們這一欄。平手
真的要開一家店行業起始點會把訂單、訂位、預約和詢問收進網站自己的資料庫,刷卡走你自己的 Stripe 金鑰——你的帳戶、你的錢,我們一毛不抽。菜單、班表和詢價表單就是這個產品在跑的那一行。那種深度的商品目錄——庫存數、運費計算、稅率表——是 Shopify 的本業,也是另一個產品。一套做完的電商產品。實體商品、數位商品、課程、會員制,Squarespace 都做了、也都定好了價,交易手續費寫在它自己的支援頁上,而整段結帳由同一家公司包辦。對方
網站上線之後誰顧發佈到託管網址,HTTPS 自動處理好,兩個雲端方案都含 1 個自訂網域——把你已經買好的網域掛上來就行。這一側同樣沒有東西要設定、沒有東西要續約。匯出的專案剛好相反,而那正是它的用意:你的主機、你的憑證、你的網站,中間不卡著我們的帳號。它的支援中心寫得很直白:每個方案都包含網站與內容的頻寬和代管,而且是全代管。沒有東西要設定、沒有東西要續約,出事只要找一家公司。我們的雲端方案也幫你代管、也自動簽 HTTPS,但全代管這件事是 Squarespace 在這一列的全部本業。對方

這一頁關於 Squarespace 的每一句話,最後查證日期是 2026年8月26日。方案、價格和功能隨時會變,而且不會通知我們——決定之前,請到 Squarespace 自己的頁面再確認一次。

Squarespace 是為哪些情況做的

Squarespace 和我們是為不同的工作做的,而且你在這一頁就分得出來,對雙方都比較省。下面任何一條成立,他們那一側就是比較合的形狀。

  • 01你現在就在賣東西——商品、課程、會員——而且你希望結帳、手續費和其餘那一整串由同一家公司包辦,不是你自己一塊一塊拼起來。
  • 02你完全不想去想伺服器。代管、憑證、備份、半夜三點的那通電話,全部是別人的事,而你就是喜歡這樣。
  • 03你的工作方式就是在瀏覽器分頁裡寫 CSS,而「線上網站上有一個程式碼面板」對你來說,比「本機建置得出來的一個原始碼資料夾」重要。

這些情況,我們才是比較好的答案

當這個網站第一天就要能運作、第三年還要是你的,才值得搬過來。

  • 01你希望做生意的那些零件跑在你自己的頁面上——點餐、訂位、依人員與時段的預約、課表——而不是在你的網站裡嵌一份別人的預約系統訂閱。
  • 02你是接案的人或工作室。你最後交出去的應該是一個客戶擁有的網站,不是他們每個月在別人平台上租的一個席位。
  • 03你已經讀過那篇匯出說明,看過 .xml 帶不走的清單,也想清楚了:要走,就等於要重做。

先把適合誰講清楚

哪一種人最用得上這個

如果你要開的是一家真的店——要算庫存、算運費、算稅,商品目錄天天在變——那種深度的商品目錄是 Shopify 的本業,上面那一列判給誰就是這個道理。如果你預期新功能是從一個外掛市集接上來的,那是另一種形狀的產品;這裡的東西本來就都在編輯器裡、也都在那個價格裡。我們賣的東西很具體:40 個能運作的行業網站、111 個元件、600 種行業 × 風格的組合可以挑長相;屬於這個網站自己的點餐與訂位、兩種語言,還有對你的營業額一毛都不抽——刷卡走你自己的 Stripe 帳戶,錢直接進你的帳戶,不經過我們手上。再加上一份你留得住的原始碼。

真的有人問的問題

我可以把 Squarespace 的網站匯出來嗎?

可以匯出一份給 WordPress 用的 .xml。它的支援中心列了帶得走的:版面頁、一個部落格頁和裡面的文章、文字區塊和圖片區塊;也列了帶不走的:商店頁、作品集頁、索引頁、封面頁、相簿頁、行事曆頁、資訊頁,商品、影片和音訊區塊,草稿,各頁專屬的頁首頁尾與側欄,樣式設定,還有自訂 CSS。文字撐得過這趟搬家,網站撐不過。

LocalSite Studio 匯出的到底是什麼?

整個網站,形式是 Next.js 專案:頁面、樣式、元件和圖片都是原始碼,裝在一個你可以打開、可以自己建置、也可以自己部署的資料夾裡;網站有存資料的話,資料庫和後台也一起出來。那些都只是普通檔案,程式碼歸你保管和修改,之後要讓網站跑起來也不需要 Naratake 帳號。

瀏覽器方案可以像 Squarespace 那樣收單、接預約嗎?

在 Storefront Pro 上可以:點餐和訂位在已發佈的網站上運作,紀錄落在網站自己的資料庫和後台裡。在每月 $49 的 Storefront 上,兩者都能建置、都能預覽,但它們不會上線。刷卡兩邊都是走你自己的 Stripe 帳戶——金鑰你自己存,Stripe 直接付你,錢從不經過我們,我們也不從裡面抽任何百分比。我們不做的是那種要算庫存、運費和稅金的商品目錄;那是另一種產品,上面那張表已經寫明是哪一種。

在你決定之前,先看看匯出來的是什麼

先在瀏覽器裡做一個網站,把點餐和訂位打開,再去看「程式碼歸你」那一頁,看看匯出到底交給你什麼。那個資料夾是這一頁上其他人都沒有在賣的東西——決定任何事之前,先把它打開看一眼。

我們查了哪些資料

這份對照表是從下面這幾頁讀出來的,全部都在 Squarespace 自己的網站上。

Squarespace 是 Squarespace, Inc. 的商標。Naratake 與 Squarespace, Inc. 沒有任何關聯,也未獲其背書;本頁是我們自己做的比較,不是 Squarespace 的官方內容。