GOZISHOP 多頁式網站・使用教學

從購買到發布,一步一步做好你的網站

每一步都有手機畫面,紅圈就是要按的地方。不用會電腦、不用會設計,照著做大約 30 分鐘就能上線。

開始:購買、登入、建立網站

  1. 選方案,按「登入並前往付款」

    打開 多頁式網站方案,選月繳 NT$499或年繳 NT$4,990(繳 10 個月用 12 個月),按紅色的「登入並前往付款」。

    付款可以刷卡或銀行轉帳;都不會自動扣款。蝦皮買的啟用卡,在同一頁下面輸入啟用碼就能開通。

    多頁式網站方案卡上的「登入並前往付款」按鈕
    多頁式網站方案卡上的「登入並前往付款」按鈕
  2. 用 Google 或 LINE 登入

    按頁首的「登入」,用 Google 或 LINE 帳號登入 GoziShop 會員(同一個人用哪一個登入都算同一個會員)。不用另外註冊、不用記新密碼。

    頁首右上角的「登入」
    頁首右上角的「登入」
  3. 付款完成,按「開始建立網站」

    付款確認後會回到這一頁,按大大的「開始建立網站」。之後隨時可以從 我的方案 或會員中心回來。

    小提醒銀行轉帳要等對帳完成才會開通,完成後重新整理這一頁就好。

    付款完成頁的「開始建立網站」按鈕
    付款完成頁的「開始建立網站」按鈕

編輯文字與照片

  1. 總覽:你的每一頁都在這裡

    網站一開始就有首頁和幾個常用頁面,裡面是範例文字。點頁面右邊的「編輯」開始改。首頁以外最多可以有 8 頁。

    總覽頁的頁面清單與「編輯」按鈕
    總覽頁的頁面清單與「編輯」按鈕
  2. 改文字:照著欄位說明填

    每個欄位上面都寫了要填什麼、最多幾個字。改完按最下面的「儲存這一頁」,右邊(手機在下面)的預覽會跟著更新。

    寫不出來?先寫「我們是誰、幫顧客做什麼、在哪裡」三件事就很夠了。

    編輯首頁的「大標題」欄位
    編輯首頁的「大標題」欄位
  3. 放照片:按「上傳圖片」

    在圖片欄位按「上傳圖片」(已經有圖就是「換圖片」),從手機相簿選或直接拍照。上傳完記得按儲存。

    小提醒手機直接拍就可以,系統會自動縮小、壓縮(長邊 1600px、900 KB 以內)。主視覺與背景建議橫拍(4:3 或 16:9),商品、作品照片橫直都行;店家標誌(logo)用正方形(會裁成 512×512)。白天靠窗的自然光最好看,畫面保持乾淨、不要有別人的臉或車牌。

    圖片欄位的「上傳圖片」按鈕
    圖片欄位的「上傳圖片」按鈕

設計:顏色、字型、版型、背景圖

  1. 先挑一個版面風格與主題色

    到「網站設定」,在「外觀」選版面風格(沉穩專業、溫暖柔和、鮮明大器、雜誌編輯、日系極簡、普普可愛)和主題色。不知道選哪個?到 設計範例 看完整網站,按「用這個風格開始」直接套用。

    網站設定的「外觀」:版面風格選項
    網站設定的「外觀」:版面風格選項
  2. 顏色與字型:在「設計」自由調整

    往下到「設計」,可以挑主色、輔色、網站底色、文字顏色,以及標題和內文的字型。全部留空就是原本風格的樣子。

    文字和背景太接近、看不清楚時,系統會自動把文字調深或調淺。

    「設計」面板的顏色欄位
    「設計」面板的顏色欄位
  3. 背景圖:用你自己的照片

    在「背景圖片」按「上傳照片」,或從網站裡已經上傳過的照片挑一張。「疊色強度」越高,照片越淡、文字越清楚;60% 左右通常剛好。

    展開「段落背景照片」,還可以給主視覺、底部行動區、預約橫幅各放一張照片。

    小提醒背景照片挑畫面單純的(牆面、桌面、天空、店門口),人物或文字太多的照片放背景會讓字不好讀。

    「設計」面板的「背景圖片」
    「設計」面板的「背景圖片」

新增頁面與段落

  1. 新增一頁

    在總覽的「新增頁面」選一種:關於我們、服務與商品、作品集、最新消息、聯絡我們、自訂頁。新頁面會自動加進網站選單;用 ↑↓ 調整選單順序。

    總覽頁的「新增頁面」類型按鈕
    總覽頁的「新增頁面」類型按鈕
  2. 首頁加段落、調整順序

    編輯首頁時,「更多段落」可以加價目表、相簿、顧客評價、常見問題、營業時間+地圖、預約橫幅;「段落順序」用 ↑↓ 排、取消勾選就先不顯示(內容會保留)。

    首頁的「段落順序」清單
    首頁的「段落順序」清單

預覽、發布、分享

  1. 切到「手機」預覽

    大部分顧客用手機看網站。按預覽上方的「手機」,看看字會不會太長、照片有沒有被切到。想看大一點可以按「另開預覽」。

    預覽上方的「手機」按鈕
    預覽上方的「手機」按鈕
  2. 發布:選網址、打勾、按發布

    回到「總覽與發布」,在「網站網址」填 3~48 個小寫英文、數字或連字號(例如 qinghe-home),勾選確認,按「發布網站」。

    網址發布後就不能改,請選好記、跟店名有關的。

    總覽頁的「發布網站」
    總覽頁的「發布網站」
  3. 分享網址與 QR code

    發布後會看到你的網址:gozishop.tw/multipage/sites/你的網址。

    • 貼到 LINE 官方帳號、Facebook、Instagram 個人簡介、Google 商家。
    • 要印在名片、菜單、店門口的 QR code:在編輯器「總覽」的發布區按「QR Code」→「下載 PNG」(約 1024×1024、四周已留白,直接印就清楚);印海報或大圖用「下載 SVG」(向量,放多大都不糊)。網址發布後固定,印好的 QR code 之後改內容也能繼續用。
    • 貼到 LINE、FB 時會出現店名和主視覺的預覽圖。
    發布後顯示的網站網址
    發布後顯示的網站網址
  4. 修改:改完再按「發布更新」

    網站發布後一樣可以隨時改。改完按儲存,顧客看到的還是上一次發布的版本,要到總覽按「發布更新」才會換成新的。

    改錯了還沒發布?把內容改回來再儲存就好,顧客不會看到;圖片可以按「移除」或「換圖片」。

    「有未發布的變更」提示與「發布更新」按鈕
    「有未發布的變更」提示與「發布更新」按鈕

常見問題

我的網址是什麼?可以改嗎?

網址是 gozishop.tw/multipage/sites/你的網址,第一次發布時自己取,發布後不能改。自己的網域(例如 www.你的店.tw)之後會開放。

怎麼做網站的 QR code?

發布後,在編輯器「總覽」的發布區按「QR Code」,再按「下載 PNG」(印刷用,約 1024×1024)或「下載 SVG」(向量,印大張)。QR code 在你的瀏覽器裡產生,不經過其他網站;連到的是你的網站網址,之後改內容不用重印。

我在手機上看不到網站?

先確認:① 已經按過「發布」(總覽上方會顯示「已發布」);② 網址沒有打錯(小寫英文、連字號);③ 剛改的內容要按「發布更新」才會出現。還是不行,請重新整理或用無痕視窗開。服務到期時網站會顯示「暫停中」。

照片太大、上傳失敗?

用網頁上傳時系統會自動壓縮,一般手機照片都可以。失敗多半是網路不穩,換 Wi-Fi 再試;格式要是 JPG、PNG 或 WebP(iPhone 的 HEIC 請在「設定 → 相機 → 格式」選「最相容」)。每個網站最多 300 張照片。

手機直接拍就可以,系統會自動縮小、壓縮(長邊 1600px、900 KB 以內)。主視覺與背景建議橫拍(4:3 或 16:9),商品、作品照片橫直都行;店家標誌(logo)用正方形(會裁成 512×512)。白天靠窗的自然光最好看,畫面保持乾淨、不要有別人的臉或車牌。

改了內容,顧客卻看不到?

你可能還沒按「發布更新」。儲存只會存在後台;到「總覽與發布」按「發布更新」,顧客才會看到新內容。

到期會怎樣?資料會不見嗎?

到期或未續用時,公開網站會顯示「暫停中」,內容全部保留;完成續用後原網址馬上恢復。

怎麼續約?

到 方案頁 再買一次月繳或年繳(或輸入蝦皮啟用卡),付款確認後自動延長。不自動扣款,所以到期前要記得續約。

想用 AI 幫我寫、或升級到 AI 建站?

多頁式網站是自己用表單編輯。想要一句話生成整個網站、用聊天修改,可以看 GoziShop AI 建站(599 自助建站可以補差價升級 699 AI 建站:每 30 天 NT$100,依剩餘天數計算)。

頁尾的「以 GoziShop 多頁式網站製作」可以拿掉嗎?

目前不行,它固定顯示在網站最下面。

還是不會?

到 GoziShop 官方 LINE 問我們,截圖給我們看最快。