如何用 AI 重新設計 Square 網站

簡介

大多數 Square Online 網站的存在，是因為這家企業本來就已經在使用 Square。付款功能可以用、POS 系統可以用，網站則是隨著整套方案附帶的。不過作為網站建置工具，Square Online 其實很弱。你只能從一小組固定的區塊類型中組裝頁面，裡面的元件也是固定的。基本的改動經常是不可能的，例如重新調整圖片位置，或新增第二個按鈕。

你是否該離開，取決於你的網站有多深入使用 Square 的商務功能。如果你的商店、庫存和線上訂購全都透過網站運作，那個整合正是重點所在，沒有外部的建置工具能取代它。但很多 Square Online 網站根本沒有用到這些功能，它們只是普通的商業網站，卻付著商務方案的價格。如果這是你的情況，你可以把網站搬到更好的地方。

在本指南中，我將向你展示如何使用名為 Repaint 的 AI 工具重新設計 Square Online 網站。

為什麼要用 AI 重新設計 Square Online 網站？

最大的升級是設計自由度。Square Online 把你限制在它的區塊類型和內建選項之內。如果你想要的改動不在其中，就沒有辦法實現。在 Repaint 中，你用平常說話的方式描述想要的效果，AI 就會建置出來。如果你想讓某一排卡片中的一張多一個按鈕，那只是一句話的事，不用繞路想辦法。

第二個升級是易用性。在 Square Online 裡，選項散落在各個側邊面板中，往往搞不清楚某個改動到底能不能做。你可能花一小時研究某件事，最後才發現根本行不通。在 Repaint 裡，什麼都不用摸索。你直接說出想要的，AI 就會進行編輯。如果你想知道某件事能不能做，也可以直接問。

還有價格因素。Square Online 的方案把商務功能全都綁在一起，不管你用不用得到。如果你根本用不到那些功能，Repaint 通常會更便宜。

AI 網站遷移的運作方式

Repaint 會像顧客一樣造訪你的線上網站。它會讀取你的文字、下載你的圖片，並為每個頁面截圖以了解版面配置。根據這些素材，它會重建你的網站。之後，你可以透過與 AI 對話來進行改動。它不需要存取你的 Square 帳戶，Square 裡的任何東西也不會被修改。

開始操作也不代表你要有任何承諾。你在建置的同時，Square Online 網站會保持上線，訪客也會繼續看到它，直到你把網域指向新網站為止。如果你做到一半停下來，什麼都不會改變。

第一步：匯入您的內容

首先，複製你目前線上 Square Online 網站的網址。然後：

1. 前往 AI 網站重新設計工具。
2. 貼上你的 Square 網站網址並送出。
3. 建立一個 Repaint 帳戶。

你的自訂網域可以使用，免費的 square.site 網址也一樣。Repaint 會掃描網站，讀取每個頁面上的文字、保存你的圖片，並截圖以捕捉設計。這些蒐集到的素材，就是新網站的原始材料。

你也可以補充掃描看不到的素材。你可以把文字貼到對話中、上傳照片和檔案，或分享其他來源，例如你的 Google Business 檔案。Repaint 會把你提供的一切都當作新網站的素材使用。

第二步：生成您的網站

掃描完成後，Repaint 會在建置前先問幾個問題。這是你選擇新網站要包含哪些內容的時候。所有內容都可以原封不動地帶過來，只是換上新設計。或者你也可以終於做出 Square Online 一直難以完成的改動，例如重新整理頁面架構，或把一個過於擁擠的頁面拆成兩個。如果你不確定，Repaint 可以提出一個架構，讓你從那裡開始調整。

選擇風格

在建置之前，Repaint 通常會先生成幾個風格範例，讓你在真正能看到的設計之間做選擇。你有幾個選項：

• 選擇其中一個生成的風格範例
• 仿照你喜歡的其他網站
• 用自己的話描述想要的風格
• 在更靈活的工具中保留目前的外觀

無論你選擇哪一種，Repaint 都能保留你的品牌色彩和標誌，讓網站依然感覺像是你的事業。

如果你想探索更多設計方向，我們有一套依產業分類的網站範例。其中任何一個都可以作為新網站的視覺參考。

審閱結果

一旦計劃確定，Repaint 就會生成網站。幾個頁面只需幾分鐘，較大型的網站則需要五分鐘或更長時間。

第一個版本可能會有一些不完美的地方，例如文字落在奇怪的位置，或圖片位置不對。來自外部服務的小工具，例如預約工具或付款連結，這時也還沒有連接。所有這些問題，都可以透過與 Repaint 對話來修正。

第三步：進行調整

你可以透過告訴 Repaint 你想要的內容來進行更改，使用的是建置網站時的同一個對話。用平常說話的方式描述改動，Repaint 就會套用並顯示更新後的頁面。如果結果不是你想要的，直接說出來，它就會調整。這個方式適用於任何規模的改動，也包含 Square Online 做不到的那些，例如移動一張圖片或改變版面配置。

外部服務要重新連接，可以透過嵌入碼或連結來完成。分享你預約工具的嵌入碼，Repaint 就會把小工具放到頁面上。如果你比較想連結到該服務，它也可以改為新增一個按鈕。如果你是透過 Square 付款連結進行銷售，做法也是一樣的。

你可以按任何順序進行這些編輯，但通常先打磨風格能省下不少工夫。風格上的改動會一次性重塑每個頁面，所以太晚才做可能會抵消你已完成的細節工作。Repaint 也會把你現有的頁面當作範本，來建置任何新內容，所以網站現有的部分越漂亮，新增的內容也會做得越好。

一旦風格感覺對了，剩下的就是逐頁檢查。確認文字準確、圖片位置正確、連結有效，並且在手機上看起來也順暢。

審閱 SEO

如果你的 Square Online 網站有搜尋流量，在轉換過程中值得特別保護它。Google 是依 URL 為個別頁面排名的，所以移到新 URL 的頁面會重新開始，沒有任何歷史記錄。避免這種情況的方法，就是在新網站上保留相同的路徑。請 Repaint 比較新網站和舊網站的 URL，並重建任何不相符的路徑。大多數 Square Online 網站頁面不多，這項檢查很快就能完成。如果你想了解更深入的做法，我們寫了一份完整的網站重新設計 SEO 指南。

第四步：發布

到目前為止，你的新網站還只是只有你能看到的草稿。發布才是把它放上網際網路的動作。點擊右上角的「發布」按鈕，你的網站就會以一個 Repaint 網址上線。這是一個真實、可運作的網站，你可以在手機上開啟它，或傳給任何人徵求意見。

發布並不會取代你的 Square Online 網站。兩者會同時並存，你的網域仍然指向 Square，所以訪客看到的仍然是舊網站。這個階段完全不用急。你可以持續編輯、多次發布更新，直到新網站準備好接手為止。等準備好了，最後一步就是完成切換。

第五步：連接您的網域

最後一步是將你的網域指向新網站。網域的作用就像通訊錄裡的一筆聯絡資訊。目前它告訴瀏覽器要從 Square 載入你的網站，你要做的就是把它更新成改從 Repaint 載入。網域會繼續註冊在原本的地方，無論是透過 Square，還是像 GoDaddy 或 Namecheap 這類外部公司。

要完成切換，只要在對話中告訴 Repaint 你想連接網域，它就會給你需要新增的確切 DNS 記錄，以及針對你服務商的操作說明。如果卡住了，描述你看到的畫面，Repaint 會引導你完成。你可以在免費試用期間或使用任何付費方案時連接自訂網域，詳情可參閱定價頁面。

這項更新通常在大約 20 分鐘內生效，但偶爾可能需要更久。你可以請 Repaint 幫忙檢查，一旦新網站在你的網域上正式上線，它就會告訴你。之後，你就可以取消 Square Online 訂閱了。如果你把 Square 用在其他地方，例如實體付款，那部分會完全照常運作，因為那從來都不屬於網站的一部分。

結語

當商店真正是透過網站本身運作時，Square Online 就有其道理。但如果你的網站根本沒有實際販售任何東西，你等於是為一個連基本改動都做不到的建置工具，付著商務方案的價格。Repaint 會匯入你現有的網站，圍繞你的內容重新設計，之後的每一次改動，都只是一句平常話的請求。

開始使用是免費的，本身也不會改變任何事情。舊網站會保持上線，直到你把網域指向新網站為止，而這只會在你選擇時才會發生。

常見問題

Square Online 遷移需要多長時間？

匯入內容並生成新網站，通常需要 3-10 分鐘。Square Online 網站往往規模不大，審閱和打磨常常一個下午就能完成。如果你最後要連接自訂網域，DNS 更新通常還會再多花大約 20 分鐘的等待時間。

我還能繼續使用 Square 收款嗎？

可以。Square 的付款、POS、發票和付款連結，都與網站是分開的，會照常運作不受影響。很多企業一邊透過 Square 收款，一邊使用其他平台建置的網站。你只是在替換 Square Online 這個網站本身而已。

我整間商店都是透過 Square Online 網站運作的，還應該轉換嗎？

這取決於你是否也有實體銷售。Square Online 最大的優勢是能與你的 Square 商品庫和收銀系統同步，讓線上與店內庫存集中管理。Repaint 可以建置具備結帳、訂單和庫存功能的線上商店，但不會與 Square 同步。如果你主要在線上銷售，轉換平台可能很合適。如果你的商店和收銀系統共用庫存，繼續使用 Square Online 通常更簡單。

我的商品庫和商店資料會怎樣？

不會有影響。這些資料全都存在你的 Square 帳戶裡，而不是網站上，Repaint 完全不會動到它。如果你想從新網站銷售商品，可以加入 Square 付款連結或結帳按鈕，也可以請 Repaint 建置一個有自己結帳功能的商店。

我的預約工具怎麼辦？

預約和排程工具能順利帶過來。分享像 Calendly 或 Acuity 這類工具的嵌入碼，Repaint 就會把小工具放到新網站上；或者它也可以新增按鈕連結到你的預約入口。這兩種做法都很常見，只需幾分鐘就能設定好。

我需要移動我的網域嗎？

不需要。你的網域會繼續註冊在目前的地方，包括在 Square。搬移你的網站不會搬移網域本身。你只需要更新它的 DNS 記錄，讓它指向新網站，Repaint 會提供這些記錄以及針對你服務商的操作步驟。

我的聯絡表單還能使用嗎？

可以。Repaint 會建置表單，儲存填寫內容，並在有人填寫時寄電子郵件通知你。如果你舊的表單來自 Square Online 的建置工具，Repaint 會在遷移過程中重新建立它。如果你使用 Typeform 之類的外部工具，Repaint 可以透過嵌入碼將它加入新網站。

遷移期間我的 Square Online 網站會怎樣？

不會怎樣。Repaint 是根據線上網站的掃描結果來運作，完全不會動到你的 Square 帳戶。你的 Square Online 網站會維持原樣，直到你把網域指向新網站為止。如果你中途改變主意，也沒有什麼需要復原的，因為根本沒有東西被改變過。

從 Square Online 換到 Repaint 要花多少錢？

你可以免費試用 Repaint 14 天，期間可以建置、編輯及發布網站，還能連接自訂網域。付費方案每月 $25 起，包含網站託管和每週的 AI 使用額度。 依你原本的 Square Online 方案而定，這通常反而是降價，而不是額外的支出。

試用期結束後，你的工作區會暫停，直到你開始使用付費方案。你的作品都會保留，隨時可以重新啟用。詳情請參閱我們的定價頁面。

如果 AI 犯了錯怎麼辦？

Repaint 會在每次更改時儲存你網站的一個版本。請它回到之前的版本，或者你也可以打開版本歷史，自行還原到任何較早的時間點。你所嘗試的一切都不是永久性的。