如何用 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 指南。

第四步：發布

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

發布並不會取代你的 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 真正存在的意義，而 Repaint 無法取代這些功能。Repaint 建置的是行銷型網站，它不會同步商品庫，也不會處理訂單。如果商務整合正是撐起你事業的關鍵，就留在原地吧。

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

不會怎樣。這些全都存在你的 Square 帳戶裡，而不是網站上，Repaint 完全不會動到它。如果你想從新網站銷售商品，可以在上面加入 Square 付款連結或結帳按鈕。

我的預約工具怎麼辦？

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

我需要移動我的網域嗎？

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

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

可以。Repaint 會建置能將送出內容寄到你電子郵件的表單。如果你舊的表單來自 Square Online 的建置工具，Repaint 會在遷移過程中重新建立它。如果你使用 Typeform 之類的外部工具，請在對話中分享嵌入碼，Repaint 會幫你放上去。

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

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

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

在 Repaint 子網域上匯入、編輯和發布都是免費的，不需要信用卡。連接自訂網域需要付費方案，起價為每月 $25，或每月 $20（按年計費）。依你原本的 Square Online 方案而定，這通常反而是降價，而不是額外的支出。

如果 AI 犯了錯怎麼辦？

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