自訂您的網路商店首頁
從這段影片中,您將了解:
- 如何使用主題區塊來建立動態版面配置。
- 如何打造反映您品牌風格的時尚首頁。
- 圖片替代文字的重要性。
您好,我是薩曼莎。我是小型企業主,並在Shopify工作。
現在是時候設定我們網路商店的首頁了。您的網站首頁是用來向未來的客戶展示您的品牌和產品。
分享您的品牌資訊以及為什麼您的產品能解決潛在客戶的問題非常重要。
讓我們從區塊的頂端開始,往下進行。第一個區塊是標題。點擊「標題」。我們先上傳我們的標誌。為網站上的圖片提供替代文字很重要,這樣視障使用者才能了解圖片內容。這也讓 Google 能理解圖片內容,對搜尋引擎優化非常必要。
Brooklyn 主題還允許您新增額外的標誌,該標誌只會顯示在首頁。您可以調整標誌的寬度,高度會自動調整,這樣可以保持原始的寬高比。
接下來是「搜尋類型」。我不打算更改它。
接著是「選單」選項。我已經設定好我的主選單,包含商店最重要的連結,所以我很滿意。如果您還沒設定選單,可以點擊「編輯選單」回到您的Shopify管理後台,建立新的選單。
「額外側邊欄選單」是會顯示在行動裝置導航中的額外連結。建議將頁尾的選單加入這裡,這樣客戶在用手機瀏覽時,不必捲動頁面到底部的頁尾。
公告橫幅是顯示在螢幕頂端的橫幅。您可以完全移除它,或用來向客戶顯示訊息。我想提供新客戶 10% 折扣,所以我會在這裡寫下這個訊息。我會繼續新增:「使用折扣碼 ONE-TEN 享有 10% 折扣」。我也會將這則訊息連結到我的產品頁面。還可以更改橫幅的顏色,使其更符合網站設計。
下一個區塊是「幻燈片秀」。我喜歡這些設定,所以不打算更改。我想這裡有一張大圖片,但我只有一張,所以我會刪除其他幻燈片。我會點擊剩下的幻燈片並新增圖片。
點擊「編輯」,然後新增替代文字。內容區背景的不透明度確保圖片上的文字易於閱讀。如果對比度太低,可以調整覆蓋層的不透明度。
我真的想鼓勵客戶購買,所以在這個區塊我會介紹我最受歡迎的產品。為了促進購買,我會新增一個按鈕,連結到我的產品頁面。我發現這裡的按鈕顏色不是我在主題一般設定中設置的顏色。這是因為這個按鈕位於圖片上方,主題讓您對這個特定按鈕有更多控制權。這確保您可以選擇與圖片形成良好對比的顏色。我對此很滿意。
現在我回到區塊。接下來是「可編輯文字區塊」。這個區域讓我有機會介紹我的品牌和產品。您應該在這裡使用清晰且簡潔的文字,描述您的產品或服務的優點。
下一個區塊是「系列清單」。我有幾個產品,但只有一個系列。目前這個區塊不太適合我的商店,所以我會刪除它。您隨時可以在未來點擊「新增區塊」來建立新的區塊。
「推薦系列」區塊讓您向潛在客戶展示暢銷或最受歡迎的產品。如果您只有一個系列,它會預設顯示在這裡。如果您有多個系列,想更改預設顯示的系列,請點擊「編輯」。
現在我點擊「電子報訂閱」區塊。讓用戶訂閱您的電子報,是持續行銷客戶群的有效方式。我們現在不會專注於電子郵件行銷,但未來會有很多精彩內容。現在我會編輯文字,使其更符合我的品牌風格。
回到區塊。最後一個區塊是我非常喜歡的頁尾,我會保持不變。
太好了。我對我的首頁外觀非常滿意。在區塊側邊欄,您可以新增區塊並透過拖曳六個小點的圖示來調整順序。當您對更改感到滿意時,點擊「儲存」。
現在您知道如何編輯主題區塊並建立自己的網站,無需任何技術知識或程式設計技能。我建議您檢查商店的每個頁面,確保您對外觀滿意,然後再開啟商店。
也建議您在開店前,點擊編輯器頂端的手機圖示,檢視網站的行動版面。
您的商店會隨著業務成長而發展。如果您需要額外的技術支援,可以在 Shopify 說明中心取得更多資源。如果您對主題有具體問題,請聯絡我們的客服團隊,獲得個別支援。