search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

3天架設Shopify網站| Shopify架站 | 基本操作篇 - 社畜實驗室

最近剛好有機會可以用Shopify架站,所以來記錄一下簡單的整個架站流程操作以及遇到的問題。

    目錄
  • Shopify前情提要
    • 1.1 關於開店費用
    • 1.2 金物流對台灣不友好
    • 1.3 關於外掛安裝
  • Shopify 基本架站操作FAQ
    • 2.1在Shopify內購買網域時,會遇到”郵遞區號錯誤”的訊息
    • 2.2上傳的圖片放在哪裡
    • 2.3哪裡更改網站字型
    • 2.4如何編輯shopify的css → theme.css
    • 2.5標籤旁的小icon(FAVICON) 以及 導覽列的圖示哪裡設定

Shopify 前情提要

Shopify為美國最大的電商架站工具,主攻歐美市場,更是僅次於Amazon的電商平台。

其架站性質類似Wordpress可供修改程式碼,但使用的語言是由Shopify自創 以Ruby編寫的”Liquid”。

關於開店費用

若是草創時期的品牌,其實Basic方案就足夠使用,一年是29美元/月一年的費用約是台幣9600元左右,而網域費用另計[可以在shopify內購買,或是其他地方(如: GoDaddy)購買],全部加一加網站一年的開店費用只需一萬出頭(不含成交手續費)。

Shopify 3大架站方案Shopify 3大架站方案

與wordpress架站類似,買方案的時候就包含了主機的費用在裡面,另外還有加上每個方案所開放的功能,如Basic基礎方案會收取2%的交易費/ 一般方案會收取1.5%的交易費;Basic方案所收到的行銷報告可能就是其中幾個,但一般Shopify方案可以提供所有的行銷報告

shopify各方案提供之行銷報告差異shopify各方案提供之行銷報告,詳情可見 https://help.shopify.com/zh-TW/manual/reports-and-analytics/shopify-reports/report-types

金物流對台灣的不友好

因為Shopify主攻歐美市場,美國本地支援的金流很多,但對台灣來說,在金流、物流方面都不是那麼的方便,比如說台灣所習慣的「超商取貨付款」、銀行轉帳都是需要另外串接才會有的功能。

這個缺點也讓Shopline有機可乘,補足Shopify在亞洲市場的金物流缺點,以內建串接了第三方金流服務供店家選擇,成功在台灣、新、馬地區打敗Shopify,成為亞洲主要電商架站的平台。

關於外掛

Shopify 有類似 wordpress外掛下載的地方,稱「Shopify App」,可供開發者依需求自由安裝外掛於架設的Shopify網站上,但不同於wordpress的外掛,wordpress的外掛通常都會有可供基本操作的「免費方案」,但Shopify App裡面的外掛所說的「免費方案」通常都沒三小路用,功能介於有跟沒有之間。

Shopify 基本架站操作FAQ

Shopify的架站的前置作業其實跟wordpress大同小異,就是選好他的方案、直接購買之後,就可以進入他的後台,開始建立整個網站的樣式(選一個順眼的佈景主題)、新增產品、金/物流、購買網域…等,而以下就是在操作過程中,需要一些摸索時間的設定。

  • 在Shopify內購買網域時,會碰到”郵遞區號必須有有效的Taiwan郵遞區號”

打台灣的郵遞區號(如台北的110),就會出現這樣的錯誤,而且下方的購買網域是不能點的。

聯絡客服後,若是台灣要在郵遞區號填入”01234″
(猜測01234是他們的default值,也因為台灣還真不是他們的主要市場,所以這個bug一直沒有改XD)

更改郵遞區號

雖然將郵遞區號改成”01234″後,錯誤還是在,但右下角的「購買網域」就可以點擊了。

點擊按鈕後,也有成供購買的訊息。


  • 上傳的圖片(媒體庫) 放在哪裡
    在後台介面的左下角「設定」> 「檔案」裡面
shopify後台圖片存放
  • 哪裡改網站字型

進入「佈景主題」>右方「自訂」按鈕 > 到自訂頁面後,拉到左邊最下方「佈景主題設定」> 第二項「印刷樣式」 即可更改標題、按鈕、內文字型


  • 如何編輯shopify 的 css → 編輯theme.css檔

也是進入「網路商店」> 「佈景主題」點進去後 >「當前佈景主題」旁邊有個「動作」的按鈕,給他點下去會有下拉選單 > 「編輯程式碼」

Shopify編輯程式碼

進入後找到 「Asset」資料夾後,就可以看到theme.css檔


  • 標籤旁的小icon(Favicon)、導覽列的icon 哪裡設定

1. 若是要設定瀏覽器上的小icon ( Favicon )可從 「佈景主題」 > 「自訂」> 左側最下方「佈景主題設定」> 「FAVICON」即可編輯瀏覽上的網站圖示

更改shopify網站上的瀏覽器圖示

2. 若是要設定導覽列旁的網站圖示 (可能會因佈景主題不同而在不同地方設置,以下是使用佈景主題Debut的設定方式)

可至「佈景主題」 > 「自訂 」 > 「 標頭 」 > 「 標誌圖片 」 修改


看更多Shopify進階設定:

5個步驟建立Shopify 雙語網站 | 不用安裝外掛APP



熱門推薦

本文由 search4labscom 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦