網路開店入門教學指南
想要網路開店,但建立好自己的網路商店後不知道如何開始嗎?別擔心,這裡提供一系列的網路開店教學,一步步教你如何使用開店系統,無須技術背景,照著步驟做,也能輕易上手。
新手上路
1.如何建立商品?
2. 如何設定網站的基本資料?
3. 如何設定付款與配送方式?
4.如何操作訂單?
5.如何讓網店能在搜尋引擎搜尋的到?
6.如何加入Google Analytics 數據分析追蹤?
商品介紹內頁加入購物車按鈕自定義配色(使用CSS)
使用教學
這邊將示範如何修改 自訂商品介紹內頁,裡面的直接購買、 加入購物車 、追蹤商品這三個按鈕的配色。

直接購買按鈕
/* 直接購買 */
div.main_page.page_product_detail .pd-action-group a.btn-main{
/*背景色*/
background:#000000;
/*邊框色*/
border-color:#aa0000;
/*文字色*/
color:#ffffff;
}
/* 直接購買 ,當滑鼠在按鈕上時(hover)*/
div.main_page.page_product_detail .pd-action-group a.btn-main:hover{
/*背景色*/
background:#ffffff;
/*邊框色*/
border-color:#aa0000;
/*文字色*/
color:#000000;
}
加入購物車按鈕
/* 加入購物車 */
div.main_page.page_product_detail div.row.pd-action-group.row-no-gutters.mb-md a.btn-info{
/*背景色*/
background:#66aa66;
/*邊框色*/
border-color:#aa0000;
/*文字色*/
color:#ffffff;
}
/*加入購物車,當滑鼠在按鈕上時(hover)*/
div.main_page.page_product_detail div.row.pd-action-group.row-no-gutters.mb-md a.btn-info:hover{
/*背景色*/
background:#3333ff;
/*邊框色*/
border-color:#aa0000;
/*文字色*/
color:#000000;
}
追蹤商品按鈕
/* 追蹤商品按鈕 */
div.main_page.page_product_detail div.row.pd-action-group.row-no-gutters.mb-md a.btn-danger{
/*背景色*/
background:#aaaa66;
/*邊框色*/
border-color:#aa0000;
/*文字色*/
color:#ffffff;
}
/* 追蹤商品 ,當滑鼠在按鈕上時(hover)*/
div.main_page.page_product_detail div.row.pd-action-group.row-no-gutters.mb-md a.btn-danger:hover{
/*背景色*/
background:#6565aa;
/*邊框色*/
border-color:#aa0000;
/*文字色*/
color:#000000;
}
設定兩階段登入 – Google Authenticator
為了防止有心人士暴力破解密碼或是使用機器人大量嘗試攻擊,因此OLLSTORE系統添加了兩階段登入機制,雖然會讓登入流程變多,但為了保障資料安全,設定兩階段登入非常有必要。
快速說明兩階段登入的好處,手機綁定Google Authenticator 以後,每隔30秒都會隨機產生6碼數字,在系統後台登入時,則需要將此6碼驗證登入碼輸入。
這樣即使有心人士破解了您的密碼,但他不知道兩階段登入碼的話,則仍然無法登入。
設定方式
首先,登入系統後台,點個人資料

接著,找到裡面的兩階段登入區域,點選[設定兩階段登入]的按鈕。
(再點選之前可以先下載 Google Authenticator App )
系統便會產生一組Auth Token 以及此Auth Token對應的QR Code
您可以在 Google Authenticator App 內以手動填寫Auth Token的方式 或者直接掃描此QR Code

在 Google Authenticator App 添加成功後 ,便會出現一組名為OLLSTORE的動態驗證碼。

接著將驗證碼輸入到上圖[驗證登入碼]的位置,並按下驗證。

驗證通過的話,就會系統就會顯示[已開啟兩階段登入]的畫面

如果需要取消兩階段登入,則需要輸入驗證登入碼,並按下[重設兩階段登入],驗證成功後,將會關閉兩階段登入。
兩階段登入方式
開啟兩階段登入機制以後,未來登入系統都需要將 Google Authenticator App 的驗證碼輸入到下圖的欄位中

促銷活動排除說明

促銷類型[指定商品] :
多個指定商品的促銷活動都有匹配這個商品的話,會以優先度來判斷,高優先度的促銷若有勾選排除促銷類型[指定商品]的話,則其他優先度較低的便不會符合條件。
促銷類型[指定商品分類]:
有勾選的話,其他指定商品分類的促銷活動就不會匹配此商品
會員分級折扣:
此排除只限定 會員管理 > 會員分級的那個折扣率
對單品商品裡面的分級設置的分級價格不影響。(單品分級價格說明)
其中促銷類型為:指定商品、指定商品分類,勾選 排除會員分級折扣則購物車有符合條件的商品則不會有會員分級價。
例如:
會員折扣率為90
指定商品促銷Y 折扣20元
A商品 100元,有符合指定商品促銷(有勾選排除會員分級折扣)
B商品 50元,沒有符合指定商品促銷
則購物車為
A商品 100元
B商品 50元 * 0.9 => 45元會員分級價
指定商品促銷Y 折扣20元
購物車金額為 100 + 45 – 20 = 125元
促銷類型為:訂單滿額 勾選 排除會員分級折扣的計算方式
訂單滿額類型 會從同類型中匹配最優惠的折扣
例如-情況1:
訂單滿額A 折扣5元
訂單滿額B 折扣10元
會員折扣3元
那這樣會符合 訂單滿額B折扣10元 與 會員折扣3元
例如-情況2:
訂單滿額A 折扣5元
訂單滿額B 折扣10元,有勾選排除會員分級折扣
會員折扣3元
那這樣僅會符合 訂單滿額B折扣10元
例如-情況3:
訂單滿額A 折扣5元,有勾選排除會員分級折扣
訂單滿額B 折扣10元,有勾選排除會員分級折扣
會員折扣15元
那這樣會符合 會員折扣15元,另外兩項訂單滿額折扣會不符合
促銷類型[訂單金額]
勾選排除促銷類型訂單金額,則匹配促銷的購物車商品不在符合訂單滿額條件
例如:購物車
A商品 100元 符合指定商品折扣,有勾選排除促銷類型訂單金額
B商品 200元 符合指定商品分類折扣 ,有勾選排除促銷類型訂單金額
C商品 150元
促銷活動內還有兩個訂單滿額折扣
訂單滿額折扣1為滿額100元折扣10元
訂單滿額折扣2為滿額200元折扣25元
上面的購物車 商品A、商品B 因為有符合其他促銷,且對應的促銷有勾選排除促銷類型訂單金額,所以實際訂單滿額只會算商品C,因此只會符合 訂單滿額折扣1 這項促銷。
商品購物金
購物車商品若有符合促銷,且有勾選排除商品購物金,則此項商品無法使用購物金折抵
例如:
A商品 100元,符合促銷,有勾選排除商品購物金
B商品 200元
購物金設定訂單最多可折抵 100元 或 10%
則最多可使用 200元 * 0.1 => 20元的購物金
FB應用程式用戶資料刪除
FB app應用如果出現提示,要求提交用戶資料刪除的連結

可以輸入https://你的網站網址/article/detail/privacy_policy
例如:
https://demo.ollstore.com/article/detail/privacy_policy
記得將下面這個連結內的內容,添加到隱私權政策頁
https://demo.ollstore.com/article/fbappdel
資料刪除說明流程
- 進入您 Facebook 個人檔案的應用程式和網站設定頁籤:https://www.facebook.com/settings?tab=applications
- 移除您的應用程式。
編輯器使用教學
插入Youtube影片
方式一
複製youtube網址,例如下圖中的
https://www.youtube.com/watch?v=JWDNE9L29ZI

複製網址後,在編輯器內點選[影片]按鈕

將網址貼入,有看到預覽畫面表示成功。

注意!! 以下幾種連結為錯誤格式,會導致影片解析不出來
錯誤格式一: 帶有?v= 以外的參數,例如 &feature=youtu.be
http://https//www.youtube.com/watch?v=JWDNE9L29ZI&feature=youtu.be
正確的格式:
(一). https://www.youtube.com/watch?v=JWDNE9L29ZI
(二). https://www.youtube.com/embed/JWDNE9L29ZI
(三). https://youtu.be/JWDNE9L29ZI (2020.04.06新增格式)
新版購物車機制
原始機制:所有單頁式銷售頁與官網共用同一個購物車
舉例:假設有一件商品 氣炸鍋(A001)
顧客在單頁式銷售頁A 將氣炸鍋(A001)加入購物車 x 4
顧客又到官網再次將氣炸鍋(A001)加入購物車 x 1
後來顧客又進入單頁式銷售頁B 再次將氣炸鍋(A001)加入購物車 x 2
無論顧客進入哪一個頁面購物車內會顯示 氣炸鍋(A001) x 7
新版機制:每個單頁式銷售頁面購物車與官網購物車彼此獨立
舉例:假設有一件商品 氣炸鍋(A001)
顧客在單頁式銷售頁A 將氣炸鍋(A001)加入購物車 x 4
顧客又到官網再次將氣炸鍋(A001)加入購物車 x 1
後來顧客又進入單頁式銷售頁B 再次將氣炸鍋(A001)加入購物車 x 2
顧客進入銷售頁A 購物車會顯示 氣炸鍋(A001) x 4
顧客進入官網 購物車會顯示 氣炸鍋(A001) x 1
顧客進入銷售頁B 購物車會顯示 氣炸鍋(A001) x 2
新機制的好處:
好處1.優化結帳的流暢度
原始的機制會出現 顧客在官網購買了[官網專用商品] 後來又跑到銷售頁去結帳,但含有官網專用商品導致無法結帳,必須要刪除官網專用商品才能結帳。
新版機制的話,顧客在官網購買了[官網專用商品]在進入銷售頁,顧客不會看到從官網加入的商品,顧客可在此頁直接加入該銷售頁商品後直接結帳。之後顧客在回到官網就又會出現當初在官網加入的商品
好處2.可優化單頁式銷售頁業績精準度
原始的機制,顧客在單頁式銷售頁A加入了一些商品,後來又跑到單頁式銷售頁B去結帳,此時會將業績都視為是銷售頁B的。
又或者顧客從官網加入了一些商品,後來跑到某個銷售頁,官網的商品業績也會都視為是該銷售頁的。
新版的機制,則會不同的銷售頁有不一樣的購物車,因此在銷售頁A所加入購物車的商品,業績就只會算在銷售頁A。不會在出現原始機制的情況。
新機制缺點:
顧客在多處加入購物車,就得各別去結帳。無法一次結帳所有購物車。
例如在銷售頁A、銷售頁B、官網都有加入商品。顧客必須到銷售頁A、銷售頁B、官網分開各別結帳。
如何更改首頁輪播圖/廣告圖?
進入系統後台 > 介面管理 > 形象配置 > 首頁
繼續閱讀 “如何更改首頁輪播圖/廣告圖?”商店購物金機制
以下將介紹系統購物金獲得、使用機制。
繼續閱讀 “商店購物金機制”購物車提示訊息說明
提示訊息 | 說明 |
超商代碼格式錯誤 | 當顧客選擇未串接的「超商取貨付款」、「超商取貨」未輸入超商取貨代號,會顯示此提示訊息 |
請選擇超商取貨門市 | 當顧客選擇串接的「超商取貨付款」、「超商取貨」未使用電子地圖選擇取或門市,會顯示此提示訊息 |
請選擇取貨門店 | 當顧客選擇「門店自取」、「門店自取付款」未選擇取貨門店 |
不允許此付款方式 | 購物商品內,含有不可使用此付款方式的商品 |
不允許此配送方式 | 購物商品內,含有不可使用此配送方式的商品 |
超商門市資訊參數錯誤 | 系統判斷選擇的超商取貨門市代碼不正確時,會顯示此提示訊息。(出現此訊息概率不高) |
請選擇付款方式 | 當顧客未選擇付款方式時,會顯示此提示訊息 |
錯誤次數過於頻繁,請稍後重試 | 當顧客填寫資料不正確時,卻反覆送出下單。超過一定次數將會被系統暫時鎖定 |
需要登入才可購買 | 後台[購物設定]有勾選「須登入才可結帳」或「須登入才可加入購物車、結帳」,但顧客未登入 |
此電話、手機號不可進行結帳 | 後台[購物設定]有勾選 與「禁止戶」相同的電話不可結帳,顧客購物車的電話、手機號與禁止戶相同時,將顯示此提示 |
此E-Mail不可進行結帳 | 後台[購物設定]有勾選 與「禁止戶」相同的E-Mail不可結帳,顧客購物車的E-Mail 與禁止戶相同時,將顯示此提示 |
須通過驗證才可購買,請先通過E-Mail驗證 | 後台[購物設定]有勾選 須為[已驗證會員]才可結帳,但顧客帳戶尚未通過驗證時,將顯示此提示 |
最少須購買N元才可結帳 | 後台[購物設定]有設定購物低消,但顧客購物金額未大於此低消金額時,將顯示此提示 |
單次下單金額最多不可超過N元 | 後台[購物設定]有設定購物上限,但顧客購物金額大於此上限金額時,將顯示此提示 註:購物上限設為0,表示無限制 |
購物清單內有不符合結帳條件的商品 | 買即送、商品加購、滿額加購清單內含不符合當下結帳條件的商品。(例如:已無庫存、已過活動….) |
折扣合計不得大於商品購物合計 | 購物金 + 折價券的合計折扣不得大於商品購物金額。(不包含運費、手續費、加購品) |
訂單金額已異動,請重新整理頁面取得最新價格 | 顧客購物車顯示的訂單金額,與送出訂單當下系統計算的實際訂單不相同時,將顯示此訊息 |
Facebook DPA設定教學
簡單說明一下什麼是Facebook DPA? 這邊的DPA中文叫「動態廣告」,它的主要功用是,只要您的訪客曾經訪問過您的網站,當用戶在FB瀏覽時,FB動態廣告就能自動地將訪客對您網站有興趣的商品自動的推廣給他。(詳細介紹)
要使用FB DPA動態廣告,需要將您的商品資訊提交給FB。可以採用[人工提交]或[給資料源讓FB定期自動抓取]。接下來,將會演示如何提交商品資訊給Facebook。