2016-07-08

客服工具應用-來幫網站加上 FB Messenger 吧!

本篇要介紹 Facebook Messenger 的應用,只要將 Messenger 的連結加入網站內,網站即便沒有安裝線上客服工具,也可以透過該連結,進入粉絲專頁的聊天室,網站也就立即擁有線上客服的工具囉!  首先介紹一下 Messenger,現在都有專屬的代碼與連結,將其分享到其他地方,當使用者點擊或掃描就可以透過 Messenger 與你聊天。 Messenger Code 專屬的代碼 Messenger 代碼能讓您更輕鬆地與尚未成為 Messenger 聯絡人的用戶或商家開始對話。使用手機掃描用戶或商家的代碼,即可開啟選項並發送訊息。 Messenger Code 其實原理就像是 QR code 一樣,可以說是一種圖像式的連結,不管是個人或是粉絲專頁,都有自己的一個專屬代碼,需要先開啟 Messenger 掃瞄的畫面,才可以掃描對方的代碼,掃瞄完成之後便可以開始進行對話。 若從電腦版要下載粉絲專頁的代碼,可以先進入訊息畫面 > 點選圖示,就會出現 Messenger 代碼。    Messenger Link 聊天室網址 不是只有在逛 Facebook 的時候,才有機會開啟粉絲專頁聊天室,現在 Facebook Messenger 也推出了專屬的聊天室連結,就可以將連結分享到其他地方,點擊連結就可以進入到聊天的畫面。 複製連結的方式: Step 1 進入電腦版粉絲專頁 > 點選發訊息 > 選擇「複製 Messenger 連結」 Step 2 會跳出「Messenger 連結已複製」的提示訊息    替網站加上 FB Messenger 按鈕  有上述的代碼與連結還不夠,在您的網站上加入 Messenger 按鈕,才是最吸睛的作法!如下圖:  當使用者在逛您的網站時,就可以隨時點選按鈕來發訊息,網站沒有安裝即時客服工具也沒有關係,只要加上按鈕,Messenger 也可以成為您網站的線上客服工具! 來看看我們實際的應用吧:精選案例

more
2016-07-01

批次庫存設定及提醒,銷售好幫手!

在購物網站上,庫存管理可以說是很重要的一環,當網站營運穩定而有一定的下單量時,庫存的管控也就很重要了,365Shop 品牌電商平台提供了批次庫存設定、低庫存提醒等功能,希望能幫助店家經營購物網站時,「購」專業也「購」方便喔! 「批次庫存設定」省時又省力 當網站有眾多的產品資料時,若還是要單筆、單筆的設定庫存,肯定是會讓網站管理者們很頭痛吧!因此「批次庫存設定」,就是為了解決這樣的問題。只要統一將產品的庫存清單從後台匯出成 Excel,並填入庫存數量,再將更新後的檔案匯入後台,批次庫存設定的作業就完成了,庫存資料便會統一更新。此功能不但幫助店家省去單筆設定庫存的時間,也可以一目了然的統一管理庫存資料。 「可賣商品量」有庫存才能下單 每個產品都可以設定可賣的商品數量,當設定了“可賣商品量”後,一但庫存歸零,消費者在網站上也就無法將零庫存的商品加入購物車,商品資訊頁也會即時顯示”已售完”或是“補貨中”的提示,而不是等到進入結帳步驟時,才告訴消費者已經沒有庫存了。除此之外,若是消費者在網站上的下單數量超過剩餘庫存,也會有庫存不足的提示給消費者。    「低庫存通知」貼心提醒店家 除了“可賣商品量”的設定之外,店家也可以設定“低庫存通知”,假設某商品的低庫存設定為 20 件,那麼當庫存數量降到 20 件以下時,系統就會自動發送通知信件給店家,提醒店家該商品已經到了低庫存的數量之下了,店家便可以準備進行對應的補貨程序。   多尺寸樣式也能設定庫存 相同產品可能會有尺寸或顏色的選擇,不同尺寸或樣式的庫存數量也不盡相同,因此也可以針對有複合尺寸樣式的產品,設定對應的庫存數量。舉例來說,同一件衣服可能有 S、M、L 尺寸的區分,當然不同尺寸的商品,也一樣要分開設定對應的庫存量,例如下圖: 如此一來,就不會讓消費者下了訂單,卻發現庫存不足的問題。不同尺寸樣式的商品數量,也可以做到更完善的庫存追蹤囉!  了解更多  365Shop 應用功能!

more
2016-06-17

產品分類搞不定嗎?同一個產品要顯示在不同分類怎麼做

當我們的產品要上架到網站上時,一定都會有一個最主要的產品分類,在網站上面的產品,分類的階層一定要讓使用者容易理解,這樣子才可以讓使用者「找到商品」。除了基本的產品分類之外,將產品依照不同功能、系列來提供額外的分類項目,也是很多購物網站會有的做法。然而多面向的將產品做分類有什麼好處呢?對於使用者來說,他不一定認識你的產品,於是透過其他的功能、系列、顏色等另外的分類項目,可以進一步引導消費者做選擇,讓消費這件事情變得更簡單、容易,有一句話是這麼說的:「人們只知道自己不要的,而不知道自己想要的」,很多消費者到進入到購物網站,其實有部分都是屬於沒有準確購物目標的類型,因此,購物網站最好能夠提供簡單易懂的產品分類,加上實用的篩選條件來做進一步的產品分類,更能夠優化網站的使用體驗。 「標籤系統」讓產品分類管理更便利什麼是標籤 (tag) 呢?使用標籤可以幫助我們將同一個產品,顯示在不同分類之下。一般來說,一個產品只會在一個產品分類底下,但是一個產品卻可以隸屬於多個標籤。舉例來說,網站有一個 A化妝水產品,它的產品分類是屬於「臉部基礎保養」之下,而在後台的產品資料內,又加上了「立即補水、長效保濕」以及「E重點調理系列」的標籤,這麼一來,除了原先的產品分類可以找到 A化妝水之外,當我點進「立即補水、長效保濕」或是「E重點調理系列」的分類時,進入的頁面之下也會看見該產品。紅色是原先的產品分類;藍色則是利用標籤所控制的分類項目,依照適用膚質、產品系列來分類。再舉一個服飾類的例子,首先看一下下方服飾網站的產品分類: 看得出什麼是真正的產品分類嗎?哪個又是使用標籤控制的呢?真正的產品分類有「飾品」和「服飾」,而「系列」則是使用標籤做分類的控制喔! 一般來說,當遇到上面這種兩種或三種主次分類時,其作法是需要將產品重複上 3 次資料,這麼一來,網站上就有 3 個重複的產品了!產品數量少可能還沒有什麼感覺,但是當產品數量成長到幾百筆甚至更多時,大量的資料對於網站來說可能已經造成負擔,若再加上很多又是重複的產品資料時,是不是很沒有必要呢?因此,365Shop標籤系統的設計,也是為了要幫助店家解決這樣子的問題,讓網站的產品資料不需要重複上傳,也可以顯示在多個分類底下。是不是很便利呢!總結「標籤管理」的優點: 單一的產品資料:同一筆產品資料,設定標籤就能一筆多用,將相同產品顯示在不同分類項目。分類快速又便利:運用標籤靈活的特性,快速指定產品到新的分類底下。網站管理更輕鬆:將網站資料簡單化,後台產品管理更容易。了解更多 365Shop 應用功能!

more
2016-05-06

分享連結到 Facebook 還會出錯嗎?讓 FB Debugger 來拯救貼文!

有在經營 Facebook 粉絲專頁的小編們,是不是也有過這種貼文經驗呢?將文章、首頁或內頁網址貼到塗鴉牆上後,Facebook 會自動抓取該網址上的圖文作為貼文摘要,但是常常發生的情況是,抓不到圖片或者不是你想要的縮圖和文字摘要,這些貼文的內容並不完善,重複試了好幾次真的是讓小編們很頭大! 圖:貼文預覽抓取不完整時。雖然網頁本身就有基本的網頁標題(title)、描述(description)和關鍵字(keywords),但是如果要將文章或網站連結,分享到 FB 上有完善的呈現,就需要針對 FB 分享時做一點標記設定,讓 Facebook 網路爬蟲可以順利抓取頁面資料,並利用 Facebook Debugger 工具來輔助設定與檢查,就可以在塗鴉牆上呈現完整的貼文囉!什麼是 Facebook 網路爬蟲?Facebook 網路爬蟲可以從網站上額取內容,並對 Facebook 使用者產生預覽。我們的內容常以網頁的形式分享到 Facebook,而當使用者第一次分享連結,或是在您的網頁上點選已安裝的外掛程式「按讚」或「分享」時,Facebook 網路爬蟲就會啟動,便會抓取該網址的相關內容資訊,並以標題、說明和縮圖圖像的方式顯示在 Facebook 上,如果您的內容提供公開存取,才可以讓 Facebook 網路爬蟲存取您的內容。詳細說明與設定可以參閱 Facebook 網路爬蟲指南。 圖:外掛程式「讚」按鈕。Facebook Debugger 除錯工具使用說明網站名稱:Debugger 網站偵錯工具連結網址:Sharing Debugger首先進入 Debugger 的頁面,輸入網址並按下除錯。如果該網址還沒有被分享到 Facebook 過,會出現如下圖的提示訊息,此時只要點擊 Fetch new information ,讓 Facebook 預先快取即可。此時下方就會顯示該網址的相關分享資訊:Time Scraped:會顯示上一次分享時快取暫存的時間,例如下圖顯示 11 秒前,表示 11 秒前已經更新了快取資料。Link Preview:可以預覽目前分享的網址會顯示的貼文摘要。 如果預覽的內容不正確,可以按下 Scrape Again 再重新抓取一次資料。網頁內容更新後也要記得除錯!然而需要使用 Debugger 工具的時間點,主要有兩個,一個就是初次分享前的除錯檢查,若是要轉發新的部落格文章或是活動頁面,甚至是新網站的推出,都可以先使用此工具做分享連結時的檢測,看看被轉發時的貼文內容是否完善。第二個時間點就是更新網頁內容後,因為在第一次分享網址後,Facebook 會把網頁摘要先儲存起來,之後有其他人再分享時,就會從先前已經儲存的資料快速抓取,而不會再到網頁上重新抓取新的資料,以防有大量轉貼時,還要重複一直到網站上抓取,所以網頁如果有更新的話,就要使用 Facebook Debugger 工具來清除舊的快取資料,這樣子之後分享出去的東西,才會顯示最新的網頁內容喔!

more
2016-03-04

Google 推出好用工具「Resizer」免費測試 RWD 響應式網頁畫面

行動科技不斷進步,智慧型手機早已是用戶使用的主流,在當今行動的世代,行動網頁與 App 都不斷的在行動市場上競爭。 Google 從 2015 年公布網站行動裝置體驗將會影響網站的搜尋排名,到今年 Google Design 推出 Resizer 多裝置的檢測工具,可見 Google 對行動裝置的重視,行動網站優化勢在必行,若想要在行動商務市場掌握更多的商機,品牌購物網站本身也必須越做越好,才能成為消費者喜愛的線上購物平台。Google 推出 RWD 檢測工具 Resizer Google Design - Resizer  http://design.google.com/resizer/ Resizer 可以幫助網站測試在電腦、平板及手機上顯示的畫面,不用再拿著各種裝置一個一個的檢查畫面,只要一個電腦螢幕就可以檢閱完所有裝置的 UI 畫面呈現,對於設計人員和開發人員來說,真是一個很實用的工具呢!Google Resizer 使用說明說明一、輸入網址 在頁面中上方的欄位,輸入欲檢測的網站網址,下方多裝置的畫面即會帶出裝置實際的畫面呈現。 說明二、PC電腦版畫面檢測 點選 PC 電腦的 icon,而下方橫條帶出的數字即是各種畫面尺寸,可以點選並切換畫面來檢閱。 電腦版的檢測畫面如下: 說明三、手機板畫面檢測 點選最右邊的 icon,就可檢測平板、手機各種尺寸的畫面,其中還包含翻轉畫面時的尺寸,如下圖:  除此之外,在尺寸切換的橫條中間,還會顯示裝置的對應名稱。這樣的使用工具,是不是很方便呢? 延伸推薦: 什麼是 RWD 響應式網頁設計? 跨螢幕的行動商機

more
2015-11-03

產品分類是我永遠的傷痛

當產品資料過多的時候,一般都會使用分類來將產品資料妥善的歸類好。如此一來在分類內的產品不會過多的情況下較易於管理。大多數品牌都有當季新品以及過季商品的銷售需求,當產品分佈在多個產品分類底下的時候。往往大多數公司的作法都是建立一個分類並重新上架一次商品。如此一來,網站內就有了第一次的重複產品出現。想像一下,若同時有好多種歸類同時存在時,同一商品豈不是要上架好多次。(資料若有錯,不就要錯更多次XD)因此,在這種情況下該不該使用類似的作法呢?其實對於產品資料很多的客戶,這種做法非常不恰當。因為這是吃力不討好的事情。可是同一產品又不能對應到多個分類底下,因為這樣又會造成產品建檔與管理的困擾。此時,你就需要有一個同步管理產品組合的標籤系統。標籤系統與分類系統有什麼樣的差別呢?主要的差別就在於對應的關係。一般來說一個產品只屬於一個分類之下,但是一個產品卻可以同時屬於多個標籤之下。產品分類是唯一的分類,適用膚質,產品系列都用標籤來控制顯示所以同一個產品就可以既位於:戶外用品>背包之下,又可以位於:本季新品、墨色系列之下。而不論從哪個地方連去的產品介紹都是同一筆。在系統分析的時候,最擔心的問題就是系統內會產生資料不一致的情況。若既然是同一項商品,當然不能存在兩筆以上一模一樣的資料。這樣在管理超大量的資料的時候,也才能順利進行下去。

more
2015-10-28

讓產品資料呈現多一點彈性

在設計產品功能模組的時候,我們遇到了購物網站必定會遇到的困難。也就是產品功能的欄位制定。困難點在於無論你考慮得多周詳。就是會有你無法預期的欄位出現。 而分析了大多數客戶的產品之後,發現了一些特點。也就是大多數同類型的產品都擁有一些共同的欄位。這也是我們設計了今天要介紹的動態欄位組的原因。 以產品欄位來說,賣戶外用品跟賣保養品的產品欄位一定不同。例如:戶外用品可能需要有材質、包裝大小、耐寒、耐熱等欄位,而保養品可能會有保水度、保油度、衛妝字號等欄位。 大多數的網站設計公司遇到此問題就不斷的修改或增加欄位以符合該產品的欄位需求,很早以前的OSCommerce開放源碼網站就是採用這樣的方式,這樣的方式最大的問題就是每次更新產品都必須在龐大欄位列表的畫面中找到自己這次要更新的欄位。因為所有的欄位都被列在上面了。為了不讓管理產品的小編們持續爆肝下不了班,我們決定要改變這裡所遇到的困難。我們決定讓管理者可以自己動態的建立欄位(隨時),以符合該產品所需要的欄位需求。我們採用的方式是先讓管理者建立所有需要的欄位,每種欄位都可以決定顯示的區域、預設值、欄位名稱、欄位類型與順序。接著就建立動態欄位樣板,把該樣板需要的欄位組合在群組內。當下次遇到這類型的產品時,直接選取該樣板就可以把需要的欄位直接帶入到產品更新的畫面中。 如此便可以大大地增加了產品管理的彈性而又不需要等待工作量龐大的程式設計師更改欄位的顯示與功能,也不會需要在幾十幾百的欄位中找尋自己這次要異動的欄位在哪了。

more