【新推出】於網站串接您自己的LINE PAY服務!

※僅特定方案提供此功能,如有使用意願,請洽客服或業務※

如果老闆您本身已有申請LINE PAY服務,想在網站上串接自己的LINE PAY收款,
請查看以下步驟說明 ↓

 

STEP1.需提供您的官方LINE的【 Channel ID】、【Channel Secret Key】兩個設定值給我們進行設定哦!

*此兩個設定值可於LINE PAY金流後台【管理付款連結】>【管理連結金鑰】取得,如圖片示意紅框處

STEP2.至您的LINE PAY金流後台 【管理付款連結】>【管理付款伺服器 IP】 點擊最右方的「加入列」

STEP3.加入列後,會顯示再最下方

將以下IP加入至設定
1.35.236.141.187
2.35.221.222.152
3.35.221.131.151
4.35.229.225.62
5.35.234.2.236
6.35.234.49.81
7.35.221.216.38
8.35.221.178.245
9.35.221.188.196
10.35.221.201.36
11.35.221.228.145

STEP1~3設定完成後即完成串接自己的LINE PAY服務哦!

 

若貴司針對此設定有操作上的疑問或者是建議 歡迎加入我們JOO的LINE@客服詢問唷~ LINE@ : https://lin.ee/66MSHfk  (@427sdtqt)

 

【教學】Facebook 網域驗證

因應 iOS14 隱私權更新, 除了啟用 Facebook 轉換 API來補充Facebook 像素成效以外, 也需於Facebook企業管理平台網域驗證,以避免傳送事件受到影響

*請留意:Facebook 像素彙整事件僅支援透過「獨立網域」進行建立,故需使用「獨立網域」進行驗證。

一、登入平台後,請至「企業管理平台設定 > 品牌安全 > 網域」點選「新增」按鈕。

二、在視窗中輸入您網站的網域名稱(domain),填入後請點「新增」 舉例來說若您的網站網址為 https://www.abc.com/ ,請您在視窗欄位填寫 abc.com

三、取得中繼標籤驗證代碼

新增網域後,請點選此網域的「中繼標籤」驗證方式並複製下代碼 Content 中間英數字代碼即可 例如:<meta name=”facebook-domain-verification” content=”p33784kvsccil2pXXXXXXXXXXXXXXXXX” /> (複製紅字部分)

四、至網站後台【網站維護】>【網站擴充元件】進去編輯FB像素

五、於FB像素的 HTML標記驗證代碼欄位貼上複製的content值

六、再回至FB的「企業管理平台設定 > 品牌安全 > 網域」點擊【驗證網域】即可完成

 

若貴司針對此設定有操作上的疑問或者是建議 歡迎加入我們JOO的LINE@客服詢問唷~ LINE@ : https://lin.ee/66MSHfk  (@427sdtqt)

【教學】商品任選組合|提供客製化的組合商品!

*僅特定方案提供此功能,如有使用意願,請洽客服或業務*

因應現代有越來越多可以讓消費者客製化的商品, JOO揪開店推出新功能「商品任選組合」! 假設您是一間甜點店的老闆,您的店內有銷售各種口味的甜甜圈及不同包裝盒~

舉例有一甜點店老闆將迎接雙11的到來,希望以優惠價造福消費者,但同時因網路下單會有運費的成本, 故您想將多個商品組成甜點超值禮盒的方式進行銷售, 但是又不想侷限固定商品的組合,想讓消費者自己挑選自己喜歡的口味
這種時候您就需要【商品任選組合】!!
接下來,我們來看看我們能怎麼顯示吧~

首先我們先來看看前台商品頁怎麼呈現~!

與一般商品不同,於右邊多一個內容物選擇的區域,
消費者可於商品頁內的此內容物選擇區域進行選購,
舉例來說甜點店賣一組甜點組合,
其中有一必選區消費者可任選甜甜圈的口味,及另外一區可挑選甜點的外包裝盒 1.甜點組合內容物為五個甜甜圈
故消費者必須要在必選區內挑選五個「甜甜圈口味」

2.甜點組合除了五個甜甜圈外
消費者可依自身需求是否要挑選一個外包裝盒樣式,進行包裝

3.當消費者尚未將必選區選擇完成前,無法加入購物車
必須完成挑選五個甜甜圈口味才可以加入購物車! 4.消費者已任選完五個口味的甜甜圈
除了蜜糖口味外,其餘兩個口味都需要加購價

5.因甜甜圈口味此必選區均已挑選完成,故我們可以將甜點組合加入購物車囉! 6.消費者若將頁面往下滑也可「展開內容物」進行挑選

7.消費者可一邊查看商品介紹等資訊,一邊於內容物選擇區域進行挑選

接下來我們進到網站後台來看怎麼設定商品任選組合吧~!

網站後台左邊功能列【EC行銷活動】 >【商品任選組合】

依照下方操作流程即可建立一個商品任選組合
1.點選右上角「新增商品任選組合」 2.假設甜點店老闆決定幫網站的商品組成一個禮盒的方式銷售,
首先我們來幫禮盒的名稱取個名字及定價吧!
(1)商品名稱 :甜點超值組合
(2)商品任選組合定價:599
(3)商品任選組合售價:499
完成填寫,點擊「新增」!
3.甜點店老闆新增完一個禮盒商品且希望禮盒可以在雙11限定銷售100組!!
故我們需要在庫存,及商品銷售時間上特別設定~
※其餘主檔內的設定跟原本一般商品設定是一樣的唷!※ 4.接著甜點店老闆要來挑選設定禮盒內的內容物~
點擊「設定任選區」,前往設定商品的任選區 5.進入設定任選區後,於必選 任選區點擊「新增任選區」進入設定!
※任選區可新增多個※ 6.甜點店老闆首先要將甜甜圈組成一個任選區
故任選區名稱填寫 :甜甜圈口味
可選數量填寫 : 5
這樣甜點超值組合內即可任選5個甜甜圈口味囉~! 7.設定完任選區的規則後,
甜點店老闆就可以點「選擇商品」 挑選任選區內的甜甜圈口味啦~ 8.甜點店老闆搜尋”甜甜圈”關鍵字的商品
※可用商品的關鍵字進行搜尋※ 9.甜點店老闆搜尋出的商品可點選「點我加入」的按鈕
將該商品新增至任選區內!

若有父子商品,加入父商品,子商品系統也會自動被加入唷 10.若甜點店老闆覺得「已加入」的甜甜圈商品內,
假設其中一個子商品(草莓口味)非常熱銷!!!
不該讓此子商品(草莓口味)參與任選區,可點「X」移除 挑選完畢後,
點「儲存」即完成選擇商品,
可關閉視窗 11.甜點店老闆完成挑選任選區的商品後,點選放大鏡可查看任選區的商品明細 12.甜點店老闆展開該任選區的商品明細後, 可針對成本較高的子商品(口味)設定加購價!
如其中的「豆香」口味是成本較高的口味,
則需於「豆香」口味的「加購價(紅框處)」欄位設定加購10元
另外若商品買越多,商品成本可能會壓低,
那甜點店老闆可於「成本(藍框處)」欄位,
另外調整該商品在此任選組合內的成本多少唷!
13.若商品任選組合內,有不強制、可讓消費者依自身需求是否需選購的商品區 至「選填」的任選區這邊新增
假設甜點店老闆,甜點超值組合除了可任選五個甜甜圈口味之外,
另外還可以讓消費者自行選擇是否要挑選外包裝盒樣式進行包裝,
這邊甜點店老闆就需要新增包裝盒的任選區~ 14.甜點店老闆於選填任選區這邊
任選區名稱填寫:包裝盒任選區
可選數量填寫 :1 15.設定完任選區的規則後,
甜點店老闆就可以點「選擇商品」 挑選任選區內的外包裝盒商品啦~ 16.甜點店老闆搜尋「包裝盒」關鍵字的商品
※可用商品的關鍵字進行搜尋※ 17.甜點店老闆搜尋出的商品可點選「點我加入”」的按鈕
將該商品新增至任選區內!

若有父子商品,加入父商品,子商品系統也會自動被加入唷 18.完成加入商品後,點「儲存」即完成選擇商品,可關閉視窗 19.甜點店老闆設定完挑選任選區的商品後,點選放大鏡可查看任選區的商品明細 20.老闆展開該任選區的商品明細後, 可針對成本較高的商品設定加購價!
如其中的「黃色小鴨」樣式是成本較高的商品,
則需於「黃色小鴨」樣式的「加購價(紅框處)」欄位設定加購10元~
若商品買越多,商品成本可能會壓低,
那甜點店老闆可於「成本(藍框處)」欄位,
另外調整該商品在此任選組合內的成本多少唷!
 

*僅特定方案提供此功能,如有使用意願,請洽客服或業務*

若貴司針對此功能有操作上的疑問或者是建議 歡迎加入我們JOO的LINE@客服詢問唷~ LINE@ : https://lin.ee/66MSHfk  (@427sdtqt)

 

【教學】Facebook像素|設定Facebook轉換API

因應 iOS14 隱私權更新,
建議啟用 Facebook 轉換 API來傳送事件資料,
補充Facebook 像素成效,
該設定需與FB企業管理平台網域驗證一併做設定,
以避免傳送事件受到影響

如何設定Facebook轉換API ?

1. 請進入企業管理平台  事件管理工具
從右上角選擇 FB 像素所綁定的企業管理平台帳號,
選擇對應的 FB 像素後,
請點選> 設定 > 按下「產生存取權杖」。
*您必須是此企業管理平台帳號的管理員,才能建立存取權杖 2.按下「產生存取權杖」後,請複製「存取權杖」 3.進到網站後台,【網站維護】>【網站擴充元件】>找到「 Facebook 像素
點擊後方鉛筆進入編輯 4.將方才複製的「存取權杖」貼至對應的「存取權杖」欄位即完成設定

如何確認設定成功 ?

1. 進入網站進行瀏覽或購買,就會觸發設定的相關轉換事件
2.前往Facebook事件管理工具
3.在事件內即可看到如下圖「收到的伺服器事件數」代表設定就成功囉 !  

若貴司針對此設定有操作上的疑問或者是建議 歡迎加入我們JOO的LINE@客服詢問唷~ LINE@ : https://lin.ee/66MSHfk  (@427sdtqt)

【教學】客服即時通訊按鈕|拉近距離聯繫

JOO開發新功能,自有客服即時通訊功能,店家可選擇提供聯繫方式以便與瀏覽者連絡,包含line、FB Messenger、whatsapp、電話及e-mail欄位等,於網站放置小圖示,訪客點開後即使用設定好的方式聯絡囉!

一、設定客服即時通訊按鈕

  • 步驟1 
    登入後台>網站維護>網站擴充元件
    使用客服即時通訊功能

  • 步驟2
    開啟使用客服即時按鈕功能
    並選擇置放網頁按鈕位置

  • 步驟3
    設定提供客服聯絡的社交服務
    如不提供的聯繫方式,則不需填寫 ^^

    左側圓形按鈕
    點擊按鈕 可選擇按鈕顏色
    客服按鈕尺寸
    輸入按鈕的尺寸大小 例如 60
    輸入 Line好友連結
    例如 https://lin.ee/66MSHfk
    輸入 Facebook Messenger 聊天室
    例如 https://m.me/+Facebook ID
    輸入whatsapp聯繫號碼
    例如 0900000000
    輸入 電話號碼
    例如 0900000000
    輸入 E-mail
    例如 cs@joo.com.tw

    二、網頁呈現畫面
  • 電腦版畫面

  • 手機版畫面

透過客服即時通訊按鈕功能
讓您與消費者的距離更貼近,聯絡更便利了!


若有任何問題,歡迎詢問LINE@客服唷 ~
LINE@ ID:@427sdtqt,或拿起手機掃描Qrcode加入 ↓

 

【教學】匯出網站訂單|有效管理您的商店庫存

訂單管理可匯出為Excel試算表軟體的.csv 檔。

為順利匯出網站訂單,有效管理線上線下庫存,建議當匯出資料量較多時,使用匯出申請功能將訂單匯出唷。


一、如何匯出並下載訂單清單報表

  • 步驟1  
    登入後台>訂單管理>訂單管理>搜尋訂單>點選匯出申請
    由上方功能列點擊清單匯出申請功能。
    店家可以自行由左側搜尋功能,指定匯出訂單的交易區間、訂單狀態。

 

  • 步驟2

申請後 提示顯示申請成功。

 

  • 步驟3

匯出清單功能,可查看匯出狀態
待系統產生檔案後(約三十分鐘),即可下載。

 

  • 步驟4

至管理員信箱收取檔案開啟密碼。


  • 步驟5

開啟匯出檔案,輸入密碼即可開啟檔案囉!


二、如何篩選訂單並下載訂單報表

  • 步驟1
    訂單管理>出貨單查詢

透過篩選器,篩選出不同運送方式的訂單,匯出訂單報表。
按下「清單匯出申請」,即可以匯出當頁「特定運送方式」訂單,不需經試算表篩選器篩選,直接於訂單報表中查看便利操作。

包含付款方式、出貨日期、交易日期、付款日期亦可使用篩選器篩選按照需求匯出訂單!


若有任何問題,歡迎詢問LINE@客服唷 ~
LINE@ ID:@427sdtqt,或拿起手機掃描Qrcode加入 ↓

 

【教學】自適應 YOUTUBE 影片|隨螢幕比例RWD

直接使用YouTube產生的嵌入碼,使用行動裝置瀏覽網頁會有爆版的情況,

為了讓YouTube影片在電腦與手機都能讓完整呈顯,需要對這段原始碼做些微調整!

 

使用YouTube的嵌入碼,如下:

 

<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/XbEJlBYiCHM” frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>

 

↑這段嵌入碼是尚未修改過的

直接貼進網頁並用手機瀏覽時會如下圖呈現:

難到不能讓影片也隨著螢幕同比例RWD嗎?

「可以的!」只要對YouTube產生的嵌入碼,稍作修改就沒問題囉!

 

【步驟一:將以下原始碼完整的複製下來】

 

<div class=”ytb_video_box”>

<div class=”ytb_video_container”>

 

<!–嵌入碼貼在這下面–>

 

<!–嵌入碼貼在這上面–>

 

</div>

</div>

 

<style>

.ytb_video_box{ max-width:1180px; padding:5px; margin:0 auto; background:#FFF; -webkit-border-radius:8px; -moz-border-radius: 8px; border-radius:8px; margin-bottom:10px;}

.ytb_video_container { max-width:1180px; margin:0 auto; position:relative; height:658px; overflow:hidden;}

.ytb_video_container iframe,.ytb_video_container object,.ytb_video_container embed { position:absolute; top:0; left:0; width:100%; height:100%; max-height:658px;}

@media screen and (max-width:1280px) { 

.ytb_video_container{ padding-bottom:56%; height:0;}

}

</style>

 

【步驟二:把YouTube產生的嵌入碼,一起貼進來】

 

<div class=”ytb_video_box”>

<div class=”ytb_video_container”>

 

<!–嵌入碼貼在這下面–>

 

<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/XbEJlBYiCHM” frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>

 

<!–嵌入碼貼在這上面–>

 

</div>

</div>

 

<style>

.ytb_video_box{ max-width:1180px; padding:5px; margin:0 auto; background:#FFF; -webkit-border-radius:8px; -moz-border-radius: 8px; border-radius:8px; margin-bottom:10px;}

.ytb_video_container { max-width:1180px; margin:0 auto; position:relative; height:658px; overflow:hidden;}

.ytb_video_container iframe,.ytb_video_container object,.ytb_video_container embed { position:absolute; top:0; left:0; width:100%; height:100%; max-height:658px;}

@media screen and (max-width:1280px) { 

.ytb_video_container{ padding-bottom:56%; height:0;}

}

</style>

 

使用修改後的原始碼,影片就能如下圖一樣完整呈現囉!

【進階調整】

如何修改影片的最大寬度?

 

找到以下這一段↓

.ytb_video_box{ max-width:1180px; padding:5px; margin:0 auto; background:#FFF; -webkit-border-radius:8px; -moz-border-radius: 8px; border-radius:8px; margin-bottom:10px;}

 

黃色標記的地方可以隨適合的寬度自行調整喔!

【教學】商品預購模式下單,掌握您的訂單與成本

每逢佳節常有預購的需求,舉凡是食衣住行皆可使用預購的形式銷售。

現行網路平台常有預購與代購的模式經營店舖,先收到款項、訂單後再為消費者備貨、出貨,不僅可掌握已有的訂單數,低庫存模式亦可降低經營成本。

以下文章講述商品預購功能的操作流程,請繼續閱讀下文。


步驟1:進入後台首頁>商品管理>商品預購。

步驟2:進入後台首頁>商品管理>商品預購。

選擇預購商品、輸入預購商品標題、選擇適用該預購商品的會員群組、設定預購期間、設定預購數量,設定完成後,點選下方【新增】即完成預購設定囉!!

新增後如下圖

如要調整內容可點選”異動”下方的鉛筆圖示【管理】進入編輯內容唷。

 

預購功能限定只可使用刷卡先付款成立訂單,請至預購商品的結帳方式將刷卡付款方式勾選,限定該商品只可以使用刷卡結帳,以及預購訂單每張訂單僅可有一商品,不可加入多商品做結帳。

預購時間到期,或者預購商品數量已達設定數量,訂單會於晚間00:00自動轉為訂單處理中,後續即可安排備貨與進行出貨囉~

如需提前出貨,可使用拋單功能,提早將訂單由預購中轉為訂單處理中狀態,即可進行出貨~


設定完成後,前台購買流程:

前台商品頁面顯示為預購商品 付款方式為刷卡

完成結帳後,後台訂單狀態為【預購中】

預購時間到期,或者預購商品數量已達設定數量,訂單會於晚間00:00自動轉為訂單處理中,後續即可安排備貨與進行出貨囉~

如需提前出貨,可使用拋單功能,提早將訂單由預購中轉為訂單處理中狀態,即可進行出貨囉 ^^ ~


若有任何問題,歡迎詢問LINE@客服唷 ~
LINE@ ID:@427sdtqt,或拿起手機掃描Qrcode加入 ↓

 

【新推出】JOO店家小幫手就是您的開店小幫手|即時通知工具

因應現代人手一機的時代,JOO揪開店推出【JOO店家小幫手】APP!
提供JOO揪開店的各位老闆快速掌握網站的訂單數據

    1. 掌握網站動態-訂單進來囉!商品缺貨囉! APP立刻推播訊息給您!
    2. 新品快速上架
    3. 缺貨開啟APP即可補貨
    4. 代客下單,快速成立訂單!

      目前可於Google Play商店以及App Store下載唷!
      趕快拿起手機掃描以QRCODE即可下載APP~

 

開啟 【JOO店家小幫手】APP ,首先需要先登入管理者的帳號與密碼

2021-03-30.jpg (1080×1920)

登入成功進入APP首頁,分為以下大點介紹
1.儀表板呈現您的網站目前的訂單以及會員數據
2.老闆您最關心的數據一定是訂單有沒有近來?商品有沒有缺貨?
只要在APP首頁關注【訂單成立】 【售完商品】 這兩個數據,您就可以輕鬆掌握網站的動態!不需要再每天登入後台關心是否有訂單囉!

細部功能說明如下:

  • 上方【快速查詢訂單】搜尋可依訂單編號查詢該筆訂單資料
  • 【尚未出貨】會顯示訂單狀態:"出貨中"的訂單資料
  • 【訂單成立】會顯示訂單狀態:"訂單處理中"的訂單資料
  • 【售完商品】會顯示商品庫存為0的商品資料
  • 【查看訂單】可搜尋網站內所有的訂單資料
  • 【閉店通知】可查看哪些超取訂單的門市是否有閉店
  • 【未取退回】會顯示訂單狀態:"配送異常退回"的訂單資料
  • 【取貨倒數】會顯示訂單狀態:"貨到門市"的訂單資料

※查看這些數字就可輕鬆掌握網站的訂單進度及商品庫存※

2021-04-08.jpg (1080×1920)


點擊右上角【會員中心】>【我的通知】
此區塊為系統推播訊息,當消費者於網站下訂、商品售完、訂單取消時,系統會自動推播至老闆您的APP
此區塊可查看到"訂單成立"、"訂單取消"以及"商品售完"的通知,點擊通知也可直接前往該筆訂單與該項完售商品


下方選單【新增商品】,提供您可於手機上快速建置商品
此功能為快速建置商品,如果需要補充更詳細的內容,老闆們一樣可以至JOO後台詳細補充精美的圖文說明唷!


下方選單【編輯商品】,可直接點商品右上方的"鉛筆"進去編輯商品
小技巧:當收到售完推播訊息時,老闆們可以先用手機開啟APP後,快速補庫存讓商品繼續銷售~

2021-04-08.jpg (1080×1920)


下方選單【訂單查詢/出貨】,可輸入訂單編號或直接點選「提交查詢」來搜尋訂單,也可依訂單日期來做搜尋

2021-04-08.jpg (1080×1920)


下方選單【代客下單】,即可快速幫客戶下訂超商取貨的訂單~
操作說明可參考:https://reurl.cc/7ymAMd

 

若貴司針對此功能有操作上的疑問或者是建議
歡迎加入我們JOO的LINE@客服詢問唷~
LINE@ : https://lin.ee/66MSHfk  (@427sdtqt)

 

【新推出】商品圖不夠吸睛?加上影片提高商品提袋率

好消息來囉!
JOO開店推出新功能-商品圖可以放影片囉!

隨著使用習慣的改變,許多消費者開始重視商品的使用情境及方式,為了抓住消費者的目光,像是momo購物網、pchome24購物網等等各大網站都開始在商品圖上可直接觀看Youtube影片!
我們JOO開店最近也推出類似的新功能,各位老闆也可以在商品圖加上影片連結,消費者就可以直接在我們JOO的商品頁面查看商品的相關影片囉!


步驟1:將商品影片上傳至YouTube

請參考Youtube上傳影片說明  或  直接觀看影片上傳您的影片唷!

步驟2:影片上傳完成後,請複製影片連結

步驟3:前往後台 > 商品管理 > 您的商品 > 商品說明檔

步驟4:貼上影片網址,大功告成!

預覽功能


重要提醒

目前此服務僅適用商品詳細頁JOO4的樣式
若您操作上述步驟發現前台商品頁面還是沒有出現影片
請確認您的商品樣式是否為JOO4的樣式
如何確認?
別擔心,請參考下列步驟

網站維護 > 頁面維護 > 篩選【系統頁】 > System 商品詳細介紹 > 商品樣式


若想要知道商品說明放置影片的方式
請參考此文章:https://reurl.cc/Lbx037
若有其他問題歡迎LINE@詢問唷~