How to Create a Stunning Shopify Store in 15 Minutes

By Santrel Media · 2023-07-11

This tutorial will guide you step by step on how to create a stunning and professional Shopify store, including design elements, content for enhancing user experience and conversion rates, and backend settings to ensure Google ranking and maximize website potential. While the video covers all the steps to create a website, there is much more to learn about website creation. If you want to delve deeper into this knowledge, there is a link in the description that can provide you with further insight.

製作專業美觀的Shopify商店

  • 嗨,歡迎來到這個頻道。我叫麥克,在這段影片中,我將逐步向您展示如何製作一個美觀、專業的Shopify商店。我在這段影片中會展示的內容,很容易就能決定一個失敗的商店和一個成功的商店之間的差異。我們將討論設計元素,以及如何添加一些內容到您的網站,以提供更好的使用者體驗和提高轉換率,還有一些後端設置,確保您在Google上排名,並最大化您的網站潛力。我們要涵蓋的內容很多,但我們將以非常簡單的方式在15分鐘內為您分解,因此觀看完這段影片後,您將真正了解如何製作一個Shopify商店,不論您是用於跨境交易、銷售自家產品還是出售數位產品。這段影片將向您展示所有您需要了解的內容。提前說一聲,如果我的說話速度對您來說太慢或太快,YouTube有播放速度選項,因此很容易調整。其次,這段影片內容非常豐富,建議您經常暫停影片,拿出筆記本寫下資料,或者您可以跟著我逐步暫停影片,同步操作。

  • 另外,雖然我會在這段影片中向您展示製作網站的所有步驟,但實際上相關知識還遠不止這些。如果您想了解更多有關如何製作網站的知識,描述欄下有一個連結,可以讓您深入了解。

製作專業美觀的Shopify商店
製作專業美觀的Shopify商店

建立Shopify網站

  • 成功的商店不僅僅是後續我會談到的部分,還涉及市場營銷、產品尋找等等。所有這些都在我們的免費課程中,下面有連結。

  • 我知道你可能以前已聽過這種說法,然後認為“好吧,免費課程”,然後我再向你推銷。但事實上,我們沒有推銷,我保證這聽起來很奇怪,但我們甚至沒有辦法收取信用卡,所以請至少點擊下方的鏈接查看一下。

  • 話雖如此,讓我們過渡到我的筆記本電腦,我們現在可以開始計時,大約15分鐘後我們就會準備好一個網站了。

  • 首先,我們要進入描述框頂部的鏈接,或者只需輸入santromedia.com/shoify。我們建議使用我們的鏈接,因為我們是官方Shopify商務教練,這意味著我們正在為您提供最優惠的交易,所以現在是每月1美元,連續三個月。

  • 這應該會帶你到一個看起來像這樣的頁面。我們將輸入我們的電子郵件地址然後點擊“開始免費試用”。然後我們實際上只需在底部點擊“全部跳過”。我們將選擇我們的地區,然後我們可以選擇其中一個四個選項來創建帳戶。我將繼續使用電子郵件,然後它會驗證我們的帳戶,這將帶我們到Shopify的儀表板。

  • 通常,我喜歡的第一件事情是選擇一個計劃,這樣我們在建立時不會遇到奇怪的障礙,最好是立即知道你的計劃,然後就可以毫不中斷地建立整個網站。

建立Shopify網站
建立Shopify網站

建立Shopify賬戶和添加第一個產品

  • 在選擇計劃時,有三個選項。現在它們的價格都一樣,但最終將以不同的月費續訂。因此,請記住,如果你不需要那個,就不要點擊那個選項,因為它每月的費用是$299。

  • 對於這個視頻的目的,我會選擇基本計劃。我們有月費和年費的選項。我會直接選擇年費,因為你可以省下$120,而且在頭三個月仍然只需每月$1。

  • 現在我要確認。我們會填上我們的業務地址,你可以在右側看到,即使我選擇了年費計劃,今天我們只需支付$1加稅。現在我們可以選擇「不用了,謝謝」,關閉它,這會帶我們回到我們的儀表板。

  • 在儀表板中,Shopify列出了九項不同的任務。我們將以稍微不同的順序進行操作。我們將首先添加我們的第一個產品。在左側點擊產品,然後點擊添加產品。

  • 我們將以我們產品的名稱開始。我們稱這個為Aurora Hub。然後我們可以添加描述。接著,我們可以往下滾動並添加一些媒體。我這裡有一堆照片。當這些照片上傳時,我們可以繼續往下滾動並添加價格。我們會將價格設為49.99。對比價格為59。這個產品需要收取稅。Shopify也作為你的庫存管理員,所以我們可以輸入每件物品的成本,它也會幫助我們計算利潤。這是21.99。

建立Shopify賬戶和添加第一個產品
建立Shopify賬戶和添加第一個產品

Shopify產品設定和SEO優化

  • 2150年,所以我們在這方面獲得了大約50%的利潤。如果您通過直郵方式出售商品,我們就不需要追踪數量,但如果您想要的話,也可以追踪數量。如果您有多個產品,可以添加SKU或條碼,這是一個不錯的添加,但我不會在這個產品上添加。我們可以添加實際產品重量。當然,如果您在Shopify上銷售數字產品,那是絕對可以的,您可以在這裡選擇數字產品,然後我們就不需要運送選項了。然後,如果我們還有其他變體或尺寸,我們可以在這裡添加這些。我沒有任何其他變體,因為這只是一個小燈,所以我打算刪除它。當然,在這裡我們有搜索引擎列表。我們想要編輯它,以確保它在Google上排名並且實際合理。為了向您展示它將會是什麼樣子,我們還沒有域名,所以這個鏈接看起來很醜。我們會在一會兒編輯它,但我們要確保這是有意義的。所以Aurora Hub多功能無線揚聲器,我認為這是一個不錯的標題。但是描述部分,那個下面有許多點點,看起來有點奇怪,我們可能需要將其改寫為完整的句子。所以我會在這裡說。然後URL處理部分,就像我說的,這是一個非常醜陋的URL,但我們最終不希望它太長。這被稱為URL slug。所以我們可以將其命名為多功能。我們可以將其命名為Aurora。然後向上滾動,看起來所有我們的圖像都已加載。現在我們可以重新排列這些圖像的順序。所以我們可能希望像這樣的東西排在第一位,所以我們可以點擊。

  • 向上滾動和點擊「提交」按鈕。

Shopify產品設定和SEO優化
Shopify產品設定和SEO優化

商品庫存追蹤與網站編輯

  • 您可以隨意拖動和重新排列圖片,或根據需要新增或移除它們。

  • 在編輯商品頁面,您可以刪除重複的圖片或檔案。

  • 您可以在網站中選擇性地添加產品組織、類別、產品類型、供應商等資訊。

  • 如果您有多種商品,您可以建立不同的集合,並將相應商品添加到各自的集合中。

  • 透過點擊左側的「產品」,您可以添加其他商品並追蹤庫存情況。

  • 接下來,您可以開始編輯網站外觀,點擊底部的「線上商店」,選擇適合的主題。

商品庫存追蹤與網站編輯
商品庫存追蹤與網站編輯

選擇並設定主題

  • 在這裡有五、六個流行的選擇。我想挑選一個略有不同的,所以我們可以點擊「訪問主題商店」。這裡有付費和免費主題,所以您要確保為您的預算選擇最相關的。

  • 就這支影片而言,我會選擇一個免費主題。它們可能會有一些限制,但在初期,我喜歡節省錢,自己動手設計。所以,您可以點擊您喜歡的主題,然後轉到「預覽示範商店」,這樣它會展示網站的外觀。

  • 這個主題非常注重圖片。這正是我想要的。您知道,這些圖片就像是網站上的文字圖像,所以我想這個主題會非常完美。我會點擊「試用主題」,然後應用到我的商店。

  • 現在,當人們到達這一步時,他們會問我一個最常見的問題,就是他們認為他們已經添加了一個主題,但它並沒有出現在他們的網站上。原因是因為您總是需要繼續並在您的主題庫中點擊「發布」。

  • 我們想要選擇 Origin。這就是我們剛剛得到的。我會點擊「發布」,當然,我們的網站仍然受到密碼保護。我們會繼續保持這樣,現在我們可以點擊「自訂」來實際自訂和編輯我們的網站。

  • 現在,我們可以在中間看到,這是我們整個網站。目前看起來並不起眼,但我們將會編輯所有東西。在左側,您可以看到逐個列出每個元素,所以我們有特色產品,那就是整個區塊。我們有下面的圖片橫幅。

選擇並設定主題
選擇並設定主題

優化範例:簡化和優化模板

  • 通過懸停,我們可以逐一檢查每個部分。從頂部開始,公告欄可能不需要歡迎來到我們的商店,可以改為相關的折扣或促銷信息,或者干脆刪除它。

  • 點擊公告欄旁的下拉箭頭,選擇歡迎來到我們的商店,可以將其更改為任何內容,甚至可以連結到特定產品或系列。

  • 然後是頁頭,稍後再編輯頁頭,接著是Rich Text,我們可以移除該部分,讓第一個產品直接顯示。再來是精選產品,我們可以直接選擇產品,而不用逐個輸入內容,節省了很多時間。

  • 新增產品後再進行編輯,逐個選擇標題大小、價格、加入購物車或立即購買等。

優化範例:簡化和優化模板
優化範例:簡化和優化模板

製品標題編輯技巧

  • 中等大小可能會有點太大了。讓我們保持小。這個標題有點長。也許我們回去編輯產品標題,讓它短一點,但我們也可以在這裡添加其他區塊,只是為了指出來。如果你想添加像SKU或者圖標和一些文本、產品評分之類的東西,所有這些都可以很容易地添加進去。

  • 然後我們在下面有一個圖片橫幅。我喜歡有一張圖片,但也許我們想要有多張圖片之類的,所以我們總是可以添加其他部分。如果我們只是將滑鼠指向那個藍色的加號,我們可以點擊添加區塊。這裡可以是許多不同的東西。假如我們想要一個拼貼畫或者可能是一個幻燈片。讓我們做一個拼貼畫。我們可以展示該產品的更多照片,因為這是一個單一產品的網站。我們希望有很多該產品的照片。

  • 現在,我其實只是想在那裡放其他圖片,所以我們可以刪除集合和產品,而是在右邊添加另一張圖片。我們將選擇一張圖片,把它放在那裡,然後再添加一個區塊,選擇另一張圖片。

  • 我改變了產品名稱和特色圖片的想法。所以我馬上回去編輯一下。如果我們只是到產品,點擊產品。當然,我們可以往下滾動和更改特色照片。我真的很喜歡這張深色的,看起來更清爽,對我來說更吸引眼球。

  • 現在我覺得看起來好多了。極光中樞,超越多功能。我們擁有了該產品。

製品標題編輯技巧
製品標題編輯技巧

編輯網站內容

  • 這段文字主要是在介紹網站內容的編輯過程,包括刪除不需要的圖片和文字部分。

  • 作者提到可以透過點擊文字部分進行編輯,並強調了檢視網站在手機上的呈現的重要性。

  • 建議在手機上檢視網站並進行必要的自定義。

  • 最後,作者提到了重要性,大多數人會使用手機訪問網站,因此手機端網站的呈現也十分重要。

編輯網站內容
編輯網站內容

網站主題設置

  • 總的來說,整體看起來相當穩固。我認為這將是一個在手機上表現良好的網站,特別是頂部的展示效果很好。讓我們返回桌面編輯器吧。

  • 接下來我想談談主題設置。在這裡,我們可以更改顏色。我認為目前的顏色已經相當合適。一種中性的棕色非常適合。橫幅上的黑色也很好。默認的顏色對我來說已經很理想,但如果您想要更改顏色、標誌等,都可以在左側進行操作。

  • 首先,我會添加一個標誌。我們可以添加標誌和網站圖標。網站圖標會顯示在頂部。我打算使用這個小太陽。我認為這很適合。至於標誌,您可以在 Canva 快速製作一個。當然,我們也可以選擇一個標誌。

  • 縱使這並非我要使用的出色標誌,但我只是在 Canva 上草草做了這個。暫時我們就使用這個。我覺得還是想讓標誌再大一點,所以也許我會在未來回到 Canva 再加大尺寸。

網站主題設置
網站主題設置

優化和設置商店

  • 所有設置都已經完成。我們可以查看結帳頁面。別誤會我的意思。結帳頁面將會是這個樣子。非常基本和精簡的結帳頁面。通常Shopify會使用這個樣式,但你可以在左側的主題設置中進行自定義。

  • 進入結帳設定,我們可以新增橫幅、標誌或圖片等內容。我將新增商標,點擊商標,然後加入商標圖片。它應該會出現在頁面頂部。當然,目前叫作「我的商店」。稍後我們會前往設定並更改所有的資訊和元數據。

  • 在下拉選單中我們可以看到「購物車」。讓我們看看購物車。我認為購物車看起來相當不錯。當然,我們也可以撰寫部落格文章。目前還沒有任何部落格文章,我們可以稍後再談及此,但現在我們先保存設定,然後返回主畫面。

  • 這會帶我們回到主控台。有產品、設計和設定。我現在想前往一些設定。滾動到底部,從「商店詳情」開始。我們可以先更改商店名稱、貨幣、時區和訂單編號格式,然後點擊儲存。接著進入支付設定,設置Shopify支付以讓客人能使用蘋果支付、Google支付等付款方式。

優化和設置商店
優化和設置商店

設置商店付款和運送選項

  • 點擊「完成帳戶設置」,按照指示進行設置。提交詳細資料後,我們應該會有Shopify付款、PayPal和亞馬遜支付。我們需要啟用亞馬遜支付。

  • 通過點擊「管理」,您隨時可以刪除任何付款選項。提供多種付款方式是更好的選擇,以防顧客沒有信用卡而只有手機上的PayPal,這樣可以避免丟失銷售機會。

  • 在結帳時,已經自定義了結帳頁面。最重要的是讓顧客可以選擇加入我們的電子郵件行銷清單。預先選中,他們必須取消選擇才能退出。

  • 關於運送和交貨,您可以管理全球范圍或僅國內的運送選項。通過「管理運送費率」,您可以自定義運送費率,刪除國際運送選項。

設置商店付款和運送選項
設置商店付款和運送選項

優化設置運費和域名

  • 我們可以設定運費為零美元,但需要添加條件。例如,可以根據訂單價格進行設定。

  • 我們還可以創建其他運送區域,比如美國和加拿大。在設置運費時,我們可以搜索加拿大,並將各個省份都納入設定。

  • 如果未添加運費,客戶無法結帳。因此,我們必須立即添加運費,可以按照每個地區單獨設定運費。

  • 另外,設定域名也很重要。可以在Shopify購買域名,這樣操作更簡單方便。比如,我們可以花15美元買一個域名,然後通過郵件進行驗證。

優化設置運費和域名
優化設置運費和域名

建立 Shopify 網站的頁尾和導覽菜單

  • 要讓這些內容「真正消失」需要一分鐘的時間。當然,我想詳細指出這些政策。

  • 現在,Shopify有一個很酷的功能,允許您使用政策範本。因此,我們可以從範本中創建《服務條款》、《隱私權政策》等內容。當然,您要先閱讀這些範本,因為這是您的政策內容,但Shopify重新編寫這些內容,為您提供了一個良好的起步點。

  • 之後,您可以添加自己的運送政策和退貨政策。但目前,這就是我要進行的內容。因此,我們將保存所有這些內容。我們也可以將這些內容添加到頁尾。因此,讓我們關閉設置。點擊「在線商店」,選擇「導覽菜單」。

  • 在這裡,我們將點擊「頁尾菜單」,並添加一些項目到頁尾菜單中。例如,我們要添加指向《政策》的連結。我們希望添加《隱私權政策》和《退款政策》以及《服務條款》。接著,保存菜單。這樣,這些內容就會顯示在我們的頁尾上。

  • 如果我們回到導覽菜單,我們也有頁面頂部的主菜單。點擊這個主菜單,我其實不需要目錄,因此我要刪除那個部分。我們可以添加另一個項目。這個項目實際上就是我們的主要產品。這樣,無論訪客在哪個頁面或博客中,他們都可以輕鬆找到我們的產品並進行購買。

建立 Shopify 網站的頁尾和導覽菜單
建立 Shopify 網站的頁尾和導覽菜單

建立 Shopify 商店

  • 首先,您可以重新安排這些內容。將其移到畫面中央並點選「儲存選單」。接著,是時候移除密碼了。在線商店中到「偏好設定」,目前設有密碼以防止購買,但現在可以取消該選項。儲存後網站就準備好了。

  • 在「線上商店」中,按三個點,選擇「檢視」,短短幾分鐘內,一個完全運作的網站就建立完成了。最後一步是進行測試訂單,確保一切運作正常。接下來,您可以參加我們免費的課程,內容涵蓋行銷、產品資源等多個方面。

建立 Shopify 商店
建立 Shopify 商店

Conclusion:

In approximately 15 minutes, you can create a captivating and high-converting Shopify store, covering design, content, user experience, SEO, and backend settings. Further resources are available through the provided link for those seeking an in-depth understanding of website creation.

Shopify store tutorialeCommerce website designShopify SEO optimizationUser experience enhancementBackend setup for ShopifyGoogle ranking for ShopifyWebsite creation knowledge
如何提高Shopify商店銷售?秘密全揭露在Shopify上如何大幅提升銷售?

About HeiChat

Elevating customer service with advanced AI technology. We seamlessly integrate with your store, engaging customers and boosting sales efficiency.

Connect With Us

Join our community and stay updated with the latest AI trends in customer service.

© 2024 Heicarbook. All rights reserved.