移動電子商務(wù)第2版教學(xué)案例

小米互聯(lián)網(wǎng)思維案例

北京小米科技有限責(zé)任公司（簡稱：小米），成立于2010年4月，是一家

專注于高端智能手機(jī)、互聯(lián)網(wǎng)電視以及智能家居生態(tài)鏈建設(shè)的創(chuàng)新型科技企業(yè)。

“讓每個人都能享受科技的樂趣”是小米公司的愿景，小米公司應(yīng)用互聯(lián)網(wǎng)模式

開發(fā)和銷售產(chǎn)品，致力于讓全球每個人，都能享用來自中國的優(yōu)質(zhì)科技產(chǎn)品。

一、互聯(lián)網(wǎng)思維介紹

“互聯(lián)網(wǎng)思維”近年來在中國企業(yè)家群體中是一個熱度很高的詞，很多企業(yè)

家都紛紛現(xiàn)身解讀其含義。柳傳志說：“互聯(lián)網(wǎng)思維開放、互動的特性，將改變

制造業(yè)的整個產(chǎn)業(yè)鏈。因此，用好互聯(lián)網(wǎng)思維，制造業(yè)鏈條上的研發(fā)、生產(chǎn)、物

流、市場、銷售、售后服務(wù)等環(huán)節(jié)，都要順勢而變?！痹谥悄苁謾C(jī)領(lǐng)域創(chuàng)業(yè)的明

星企業(yè)小米的董事長雷軍是“互聯(lián)網(wǎng)思維”的得力布道者，他將互聯(lián)網(wǎng)思維濃縮

為七個字：“專注、極致、口碑、快”。

mi

電商平臺

小米生態(tài)圈

智能硬件盤/

二、小米的互聯(lián)網(wǎng)思維模式

小米手機(jī)是首個互聯(lián)網(wǎng)手機(jī)品牌：互聯(lián)網(wǎng)模式開發(fā)，利用互聯(lián)網(wǎng)銷售，商業(yè)

模式也將是“互聯(lián)網(wǎng)化”。通過對小米商務(wù)模式進(jìn)行研究，發(fā)現(xiàn)小米是這樣實施

“互聯(lián)網(wǎng)思維”的：

1.電商直銷

小米用互聯(lián)網(wǎng)電子商務(wù)模式銷售手機(jī)和其他智能消費(fèi)電子產(chǎn)品，大大降低了

銷售費(fèi)用，同時建立了一個豐富的生態(tài)體系（如增值服務(wù)、物流、客服等）來支持

電商直銷模式的成功執(zhí)行。而傳統(tǒng)的消費(fèi)電子品制造業(yè)公司的銷售方式是將產(chǎn)品

賣給批發(fā)商，然后他們再賣給零售店，最后才到消費(fèi)者手中，這個過程有多個中

間商，推高了產(chǎn)品的最后銷售價格，也使得庫存管理鏈條很長。

2.迭代創(chuàng)新

小米產(chǎn)品創(chuàng)新采用的是“開放眾包、快速迭代”模式，這種模式可以讓廠家

很好地了解客戶需求，并快速迭代推出新一代產(chǎn)品，小米的核心軟件MIUI每周

推出一個新版本，同時，在產(chǎn)品開發(fā)過程中，廣泛地邀請發(fā)燒友成為志愿者參與，

他們在新功能定位和產(chǎn)品測試方面起到了重要作用。

MIUI米施

最好用的Android中文系統(tǒng)，超過200項改進(jìn)

小米手機(jī)搭載的操作系統(tǒng)，基于Android深度定制，完美支持Android應(yīng)用和游戲

全球200萬手機(jī)發(fā)燒友共同創(chuàng)造，每周升級新版，持續(xù)進(jìn)化

3.粉絲中心

小米在很短的時間里建立了一個高質(zhì)量的粉絲文化群，并且不斷從中挖掘和

集聚其價值。例如，市場營銷采取游戲化和娛樂化的方式與客戶互動，增加了粉

絲對品牌的忠誠度，從而吸引粉絲進(jìn)行多次購買，也使得公司用較小銷售費(fèi)用構(gòu)

建了產(chǎn)品和品牌的知名度。這種依靠粉絲熱情、能力和時間碎片來幫助公司發(fā)展

的做法已經(jīng)成為互聯(lián)網(wǎng)時代公司的新競爭點(diǎn)。

4.產(chǎn)品集大成

正如雷軍所說，“小米走的是跟iPhone完全相反的路，iPhone極簡，小米

走集大成路線，力求支持各種功能。所謂集大成就是，讓所有用戶都參與到研發(fā)

過程中，最后小米呈現(xiàn)出來的是適合不同用戶的不同使用習(xí)慣的產(chǎn)品”。其實，

產(chǎn)品功能集大成是為按長尾分布的消費(fèi)者提供更多價值的一種方式，另一種方式

是做很多個性化產(chǎn)品來滿足不同客戶的需要，這兩種做法在互聯(lián)網(wǎng)時代都可以做

到物美價廉。

三、總結(jié)

小米的成功，倒逼傳統(tǒng)線下渠道的手機(jī)品牌開始人人自危，而其成功的核心

要素在于在互聯(lián)網(wǎng)時代，用互聯(lián)網(wǎng)所特有的思維方式進(jìn)行產(chǎn)品研發(fā)和營銷，讓口

碑借助強(qiáng)大的互聯(lián)網(wǎng)平臺進(jìn)行廣泛而有效地傳播，同時通過用戶體驗將互聯(lián)網(wǎng)用

戶轉(zhuǎn)化為粉絲經(jīng)濟(jì)，粉絲的狂熱鑄就了小米的互聯(lián)網(wǎng)帝國之夢。

美特斯?邦威RFID應(yīng)用案例

“美特斯?邦威”是上海美特斯邦威服飾股份有限公司于1995年自主創(chuàng)立

的本土休閑服品牌。目標(biāo)消費(fèi)者是16~25歲活力和時尚的年輕人群。品牌致力于

打造“一個年輕活力的領(lǐng)導(dǎo)品牌，流行時尚的產(chǎn)品，大眾化的價格”，倡導(dǎo)青春

活力和個性時尚的品牌形象，帶給廣大消費(fèi)者富有活力個性時尚的休閑服飾。

Metersbonwe

美特斯?邦威

在過去幾年間，美特斯?邦威線上線下銷售同步發(fā)力，年服裝產(chǎn)量超1億件,

倉儲容量提高到30萬平米，供應(yīng)鏈負(fù)擔(dān)大大加重，特別是庫存進(jìn)出量瘋漲，倉

儲檢選貨效率迅速下滑，貨品出入拖沓，使得區(qū)域倉庫門前總是車滿為患，成為

制約整條供應(yīng)鏈快速聯(lián)動的關(guān)鍵。為此，美邦曾經(jīng)將入庫抽檢率下調(diào)至5%,以

提高效率，結(jié)果則導(dǎo)致缺貨、錯送、多送的事件頻頻發(fā)生。

鑒于這種情況，公司決定在現(xiàn)有信息系統(tǒng)基礎(chǔ)上，通過應(yīng)用RFID系統(tǒng)，與

現(xiàn)有系統(tǒng)進(jìn)行對接融合，建立商品信息RFID管理信息平臺系統(tǒng)，將電子標(biāo)簽物

流信息與企業(yè)調(diào)度計劃信息系統(tǒng)互聯(lián)互通，提高管理效率，實現(xiàn)供應(yīng)鏈全過程透

明化，降低企業(yè)運(yùn)營成本。

一、RFID系統(tǒng)技術(shù)優(yōu)勢

1.讀取方便快捷，可高效自動識別；

2.識別速度快，數(shù)據(jù)采集效率高；

3.環(huán)境適應(yīng)能力強(qiáng)，耐污損；

4.全過程追蹤，商品可追溯；

5.動態(tài)實時通信，實時報警；

6.適應(yīng)作業(yè)過程機(jī)械化、自動化的需要。

二、美特斯-邦威RFID應(yīng)用流程

1.入庫

當(dāng)貨物通過倉庫入口進(jìn)入倉庫時，每件商品RFID信息通過進(jìn)貨口讀寫器自

動采集，由入庫接入客戶端預(yù)處理后，若是預(yù)先訂單入庫，則與預(yù)先接受到的入

庫訂單信息進(jìn)行比對，該訂單貨物全部入庫后如果發(fā)現(xiàn)有錯漏RFID標(biāo)簽信息，

則進(jìn)行人工干預(yù)，如果確認(rèn)貨物件數(shù)或類型有誤，則自動向業(yè)務(wù)信息平臺發(fā)出報

警；若是其他貨物入庫，則將采集到的信息打包壓縮后發(fā)往業(yè)務(wù)平臺系統(tǒng)備案，

自動更新后臺數(shù)據(jù)庫，增加對應(yīng)倉庫、庫位的產(chǎn)品庫存記錄。還可根據(jù)倉儲管理

信息系統(tǒng)根據(jù)不同種類貨物預(yù)先設(shè)定的貨位，自動提示目前入庫貨物要求存放到

的相應(yīng)貨位。

2.出庫

當(dāng)業(yè)務(wù)平臺系統(tǒng)生成提貨單并下發(fā)到倉庫出庫客戶端時，若是少量多類貨

物，提貨員可用手持機(jī)下載提貨單，根據(jù)提貨單人工掃描分揀貨物，分揀出錯時

手持機(jī)自動提示報警，及時糾正；若是單類大宗貨物，則提貨員到制定貨位，根

據(jù)提貨單將貨物用推車推到出庫口，出庫口閱讀器自動識別出庫貨物信息，預(yù)處

理后與提貨單比對判斷是否準(zhǔn)確，校驗無誤則出貨，否則發(fā)出報警，提示人工進(jìn)

行干預(yù)。正常出庫或人工干預(yù)出庫結(jié)果均由出庫口客戶端上報到業(yè)務(wù)信息平臺備

案，自動更新后臺數(shù)據(jù)庫，扣減對應(yīng)倉庫，庫位的產(chǎn)品庫存記錄。

3.二級倉庫管理

對于直營店、等二級倉庫，可根據(jù)貨量大小配備相應(yīng)的固定式或手持式閱讀

器，部署入庫和出庫客戶端（可在同一電腦），增加移庫或終端銷售等業(yè)務(wù)流程，

實行類似的業(yè)務(wù)流程模式。

4.盤點(diǎn)作業(yè)流程

RFID倉儲管理平臺系統(tǒng)可自動進(jìn)行倉庫盤點(diǎn)和庫位統(tǒng)計，盤點(diǎn)數(shù)據(jù)保存時

自動比對后臺數(shù)據(jù)庫，生成差異統(tǒng)計信息實時顯示在終端上，為盤點(diǎn)人員提供核

查。盤點(diǎn)完成，在后臺自動生成盤點(diǎn)差異報表供打印核對。

三、實施后的效益

RFID電子標(biāo)簽管理系統(tǒng)的優(yōu)點(diǎn)體現(xiàn)在“快”、“準(zhǔn)”和“省”三個字。能夠

有效促進(jìn)庫存的可視性、生產(chǎn)過程的可視性、資產(chǎn)的可視性、供應(yīng)鏈的可視性以

及供應(yīng)鏈最優(yōu)規(guī)劃，使資源合理流動來縮短交貨周期、降低庫存，降低成本，提

高速度和精確性，提高企業(yè)競爭力。

招商銀行-掌上生活移動支付案例

“掌上生活”是招商銀行在2010年推出的一款移動支付產(chǎn)品，該產(chǎn)品可以

說是招商銀行信用卡業(yè)務(wù)向移動支付領(lǐng)域的延伸，“掌上生活”App為用戶提供

了，掃描支付、網(wǎng)上商城、信用卡業(yè)務(wù)辦理、金融服務(wù)等多種功能，目的是將招

商銀行信用卡與移動電子商務(wù)相鏈接，達(dá)到拓展信用卡業(yè)務(wù)范圍搶占移動支付市

場的最終目的。那么“掌上生活”作為一款A(yù)pp是如何實現(xiàn)線上線下移動支付和

信用卡業(yè)務(wù)范圍拓展的呢？

一、掃碼支付

“掃碼支付”是通過掃描二維碼實現(xiàn)資金轉(zhuǎn)賬支付的一種方式，這種支付方

式常見與微信和支付寶。掃描支付無疑是實現(xiàn)線下移動支付的最佳手段，“掌上

生活”為了搶占移動支付線下市場，在App中開通了掃碼支付。

色招商銀行信用卡

CHINAMKROIANnHANK!CrtdiiCtrd

喀噂禹帆

（一）掌上生活掃碼支付

掌上生活掃碼支付是招行基于銀聯(lián)掃碼云閃付，推出的一款移動支付新技

能，在支持銀聯(lián)掃碼的云閃付商戶均可以體驗，為了能讓用戶方便的使用，掌上

生活掃碼支付為用于提供了一鍵支付、小額免密及多重安全保障的服務(wù)。

（1）一鍵支付。掌上生活將“掃碼支付”功能設(shè)置到了App頁面下方，用

戶無需多余操作就可直接點(diǎn)擊進(jìn)入到掃碼支付頁面。

均53克付標(biāo)下速,

電手㈱作委方堪

（2）小額免密。為了最大程度的方便用戶使用，掌上生活支持指紋支付、

小額免密的設(shè)置，由此用戶只需掃描即可完成支付。

（3）安全保障。為了給用戶提供更安全的服務(wù)保障，掌上生活采用了介質(zhì)

管控、保險賠付、訂單確認(rèn)的多重保護(hù)方式，用戶用來支付的的二維碼僅在1

分鐘內(nèi)有效，如果發(fā)生盜刷，保險公司承擔(dān)全額賠付。

（二）銀行卡的添加

掌上生活為了方便用戶使用，為用戶提供了包括四大國有銀行在內(nèi)的幾乎所

有知名銀行的借記卡、信用卡的綁定。用戶在第一次使用時，只需通過手機(jī)號碼

申請開通，并綁定相應(yīng)的借記卡或信用卡即可使用掃碼支付功能。

<輸入手機(jī)號碼<目前支持的銀行卡

掌上生活￡1用手機(jī)號作為金最用戶名,并招冏步注冊,招商根

行“一扇通■■用戶.支持手元銀行、網(wǎng)上1R行等多平臺登錄

手機(jī)號碼?招商銀行

工商銀行

驗證碼*9*

衣業(yè)銀行

的網(wǎng)戀《掌上生活（招例行一-網(wǎng)通“）f日戶旗務(wù)的議》及

?中國銀行

G建設(shè)銀行

*中信銀行

<§>興業(yè)銀行

s浦發(fā)銀行

三平安銀行

2

13您民生銀行

光大銀行

456Eank

Q青島銀行

789

A廣發(fā)銀行

0<3上海銀行

二、掌上商城

移動支付的形式總體上可以分為：線下移動支付和線上移動支付兩類，掌上

生活通過掃碼支付為自己開通了線下移動支付的業(yè)務(wù)，但是它想要在移動支付領(lǐng)

域占據(jù)一席之地，線上移動支付也是比不可少的一項重要服務(wù)。

掌上商城則是掌上生活A(yù)pp為了打開線上移動支付為用戶提供的網(wǎng)上購物

平臺，該平臺為用戶提供了包括：手機(jī)、家電、美妝、母嬰、食品等種類豐富且

品質(zhì)有保障的商品，供用戶在該商城選購。掌上商城作為招商銀行旗下的網(wǎng)上商

城，主要的特點(diǎn)在于該商場為用戶提供免息分期購物的服務(wù)，但是該服務(wù)只限招

商銀行信用卡用戶。

三、銀行卡服務(wù)

掌上生活A(yù)pp除了兼有移動支付的功能外，還兼?zhèn)涫謾C(jī)銀行的功能，在掌上

生活A(yù)pp中用戶可以進(jìn)行信用卡申請、賬單查詢、進(jìn)度查詢等與信用卡有關(guān)的所

用操作，同時還可進(jìn)行理財、賬單分期、保險等金融操作?？傮w來說掌上生活

App在銀行服務(wù)方面，可以總結(jié)為信用卡服務(wù)和金融服務(wù)兩類。

（一）信用卡服務(wù)

掌上生活A(yù)pp是招商銀行信用卡業(yè)務(wù)的一個延伸，它是將招商銀行信用卡業(yè)

務(wù)向移動支付領(lǐng)域拓展的App應(yīng)用。因此有關(guān)信用卡的服務(wù)是必不可少的。掌上

生活A(yù)pp為用戶提供的信用卡業(yè)務(wù)具體包括了：我要辦卡、卡片管理、查賬還款、

額度管理、積分管理、進(jìn)度查詢等。

（二）金融服務(wù)

金融服務(wù)是掌上生活A(yù)pp為用戶提供的包括：金融產(chǎn)品、分期、貸款等金融

服務(wù)，這些金融服務(wù)可以一定程度的刺激用戶消費(fèi)，同時也能夠促進(jìn)金融產(chǎn)品走

進(jìn)移動商務(wù)領(lǐng)域。

四、掌上生活A(yù)pp總結(jié)

掌上生活作為招商銀行旗下的一款A(yù)pp是為了幫助招商銀行手機(jī)銀行業(yè)務(wù)

能夠躋身移動支付領(lǐng)域，為了實現(xiàn)這一目標(biāo)，掌上生活A(yù)pp通過開通掃碼支付服

務(wù)，進(jìn)入線下移動支付領(lǐng)域；通過開通掌上商城，進(jìn)入線上移動支付領(lǐng)域，于此

同時還兼顧手機(jī)銀行相應(yīng)的業(yè)務(wù)，為用戶提供更加全面的服務(wù)。

摩拜智能共享單車案例

摩拜單車，英文名mobike,2016年在上海上線，是一款互聯(lián)網(wǎng)短途出行解

決方案，利用無樁借還車模式智能硬件，在APP上實名注冊即可租用。人們通過

智能手機(jī)就能快速租用和歸還一輛摩拜單車，用可負(fù)擔(dān)的價格來完成一次幾公里

的市內(nèi)騎行。

一、共享經(jīng)濟(jì)模式介紹

共享經(jīng)濟(jì)，一般是指以獲得一定報酬為主要目的，基于陌生人且存在物品使

用權(quán)暫時轉(zhuǎn)移的一種新的經(jīng)濟(jì)模式。其本質(zhì)是整合線下的閑散物品、勞動力、教

育醫(yī)療資源，有的也說共享經(jīng)濟(jì)是人們公平享有社會資源，各自以不同的方式付

出和受益,共同獲得經(jīng)濟(jì)紅利，此種共享更多的是通過互聯(lián)網(wǎng)作為媒介來實現(xiàn)的。

二、摩拜單車的共享模式

“共享自行車”，這個嶄新的名詞異常吸引人，作為短距離出行的剛需產(chǎn)品，

摩拜單車通過共享概念擴(kuò)大外延后，具體從以下四個方面出發(fā)進(jìn)行產(chǎn)品設(shè)計及運(yùn)

營。

1.智能單車

掃碼開鎖，四年免維護(hù)。摩拜單車配有集成GPS、通訊模塊和新一代物聯(lián)網(wǎng)

技術(shù)的自主研發(fā)的智能鎖，通過創(chuàng)新科技解決了傳統(tǒng)有樁公共自行車的取還對建

設(shè)停車樁的依賴，使用更便捷。團(tuán)隊潛心設(shè)計開發(fā)的摩拜單車，主材使用了不會

生銹的航空鋁、以軸傳動和碟剎取代鏈條一一不會掉鏈子，以實心胎代替充氣胎

——不會爆胎，從而實現(xiàn)4年免維護(hù)，車體主結(jié)構(gòu)生命周期可達(dá)8年。

2.物聯(lián)網(wǎng)運(yùn)營

車輛管理運(yùn)營精準(zhǔn)高效。每一臺摩拜單車都配有GPS,發(fā)生問題時,可以很

容易根據(jù)定位找到車輛，并針對實際情況進(jìn)行高效的管理和維護(hù)（若缺乏GPS

定位，則車輛很容易散落在城市中成為社會負(fù)擔(dān)和垃圾）；通過大數(shù)據(jù)分析，可

為城市規(guī)劃和交通規(guī)劃提供有價值的數(shù)據(jù)參考依據(jù)。

3.信用分+實名制

出行用車更文明，推動城市文明。摩拜所有用戶實名認(rèn)證，注冊時需要填寫

手機(jī)號碼和身份證號碼，為引導(dǎo)用戶使用完成后將單車停放在路邊規(guī)范停車區(qū)

域，摩拜首創(chuàng)信用分制度，鼓勵用戶對違規(guī)停進(jìn)小區(qū)、車庫、以及不文明停車的

用戶監(jiān)督，拍照舉報并經(jīng)核實后可獲獎勵信用積分，而被舉報違停的用戶將可能

被懲罰以昂貴的單價使用摩拜，通過信用制度和獎懲分明來教育和培養(yǎng)用戶文明

用車、規(guī)范停車行為。

4.科技創(chuàng)新

科技是摩拜單車的驅(qū)動力，摩拜單車自主研發(fā)了全球首款共享單車智能鎖，

集成了“北斗+GPS”全球衛(wèi)星定位模塊，采用新一代物聯(lián)網(wǎng)技術(shù)，確保實時掌握

車輛狀態(tài)和位置，這不僅讓用戶找車、用車和停車的體驗一氣呵成、無縫銜接，

也讓摩拜單車的車輛調(diào)度管理效率達(dá)到行業(yè)最高，同時為挖掘大數(shù)據(jù)金礦奠定基

礎(chǔ)。

三、總結(jié)

摩拜單車之所以能快速發(fā)展，得益于共享經(jīng)濟(jì)的深入人心和移動互聯(lián)網(wǎng)的發(fā)

展，作為“互聯(lián)網(wǎng)+”的新產(chǎn)品，摩拜單車則通過移動互聯(lián)網(wǎng)迅速傳播，掀起了

一股共享單車經(jīng)濟(jì)的熱潮，徹底改變了用戶的出行習(xí)慣。

山里人家H5營銷案例

山里人家成立于2015年，一直專注于陜南土蜂的養(yǎng)殖與土蜂蜜的供應(yīng)，山

里人家綠色生態(tài)園（淘寶企業(yè)店）是在淘寶端的官方網(wǎng)店，主營陜南土蜂蜜及山

區(qū)特產(chǎn)，包括：土蜂蜜、老樹核桃、農(nóng)家香菇、西鄉(xiāng)茶葉等系列商品。小張是山

里人家的新媒體運(yùn)營，為了更好地傳播網(wǎng)店中秋活動信息，小張想利用H5進(jìn)行

營銷，H5營銷實施包括了前期策劃、頁面制作、頁面推廣三部分，小張也會從

這三方面入手實施本次H5營銷。

一、前期策劃

1.確定主題

為吸引用戶關(guān)注，主題需突出產(chǎn)品特點(diǎn)的同時增加創(chuàng)意、避免抄襲，由于

H5是用來宣傳公司網(wǎng)店中秋活動的，小張將H5的主題確定為“中秋好禮”來推

廣中秋節(jié)的活動。

2.確定內(nèi)容

在確定內(nèi)容時主要從用戶角度考慮，通過圖文并茂的方式添加用戶互動功

能，促使用戶點(diǎn)擊，提高粉絲活躍度和忠誠度，根據(jù)本身產(chǎn)品定位以及受眾的特

性設(shè)計H5作品，在文案設(shè)計中抓住用戶心理，添加用戶感興趣的詞匯，同時可

根據(jù)用戶群的不同特點(diǎn)編寫標(biāo)題。

3.確定形式

H5的形式非常多樣，幻燈片式、小游戲、海報等各種形式，可以選擇最合

適的形式進(jìn)行營銷。

4.傳播

目前比較常用的H5頁面推廣方式有公眾號的圖文群發(fā)推廣、微信群推廣、

線下二維碼推廣，以及KOL（意見領(lǐng)袖、微博達(dá)人）轉(zhuǎn)發(fā)和投稿等。

二、H5頁面制作

小張通過互聯(lián)網(wǎng)搜索得到許多H5制作的工具，如MAKA,易企秀、equb360

意派等。按照H5工具的自主定制空間及使用方式等可將H5工具分為以下三類，

完全自主定制(如epub360、vxplo互動大師等)、自主定制類、非自主定制類,

不同類型有各自的優(yōu)缺點(diǎn)。完全自主定制和自主定制類的優(yōu)勢是完全自主定制，

可操作性強(qiáng)，劣勢在于功能較多，學(xué)習(xí)時間成本較大。非自主定制類的優(yōu)勢在于

操作簡單、隨學(xué)隨用，劣勢為只能選擇使用，不能定制功能和交互效果。

經(jīng)過一番比較，小張選擇了易企秀這款目前國內(nèi)市面上使用最頻繁的，功能

上比較齊全H5微場景制作工具進(jìn)行中秋活動H5頁面的制作。

通過互聯(lián)網(wǎng)搜索“易企秀”或者直接輸入網(wǎng)址()進(jìn)入易企

秀官網(wǎng)。

推薦

通過搜索框或者已有的分類選項框選擇自己需要的模板，小張通過搜索“中

秋節(jié)”找到了一款比較適合網(wǎng)店活動的中秋H5模板。

進(jìn)入后臺編輯頁面，根據(jù)自己的需求制作H5頁面，可以通過調(diào)整H5頁面的

文案、圖片、特效、背景音樂或者添加組件、表單等方式創(chuàng)作企業(yè)所需的H5頁

面。

1.基礎(chǔ)元素編輯

(1)文本：點(diǎn)擊制作頁面導(dǎo)航欄上的“文本”按鈕添加文本信息，使用編

輯器可以對添加的文本進(jìn)行字體、顏色、大小、方向、邊框、陰影等的更改或者

為文本信息添加動畫效果，使文本信息更加生動、美觀并與H5頁面保持統(tǒng)一。

（2）圖片：點(diǎn)擊制作頁面導(dǎo)航欄上的“圖片”按鈕添加圖片，可以直接使

用圖片庫中的圖片（有些需要收費(fèi)）或者上傳本地圖片進(jìn)行使用。對于添加的圖

片，可以利用編輯器進(jìn)行圖片翻轉(zhuǎn)、重力感應(yīng)開關(guān)，調(diào)整圖片大小、位置、邊框

樣式和陰影，在功能設(shè)置模塊還以對“點(diǎn)擊圖片”的效果進(jìn)行設(shè)置，包括有鏈接

（即點(diǎn)擊跳轉(zhuǎn)至鏈接網(wǎng)站）、頁面（點(diǎn)擊跳轉(zhuǎn)至H5的第X頁）、電話等。

正版圖片

圖6-22H5制作頁面優(yōu)化圖片

（3）頁面背景：點(diǎn)擊制作頁面導(dǎo)航欄上的“背景”按鈕或者制作區(qū)右側(cè)快

捷菜單的方塊圖標(biāo)調(diào)整背景，可以直接使用圖片庫中的圖片（有些需要收費(fèi)）或

者上傳本地圖片進(jìn)行使用。

圖6-23H5制作頁面添加背景

（4）音樂：點(diǎn)擊制作頁面導(dǎo)航欄上的“音樂”按鈕或者制作區(qū)右側(cè)快捷菜

單的音符圖標(biāo)添加背景音樂，選擇音樂時也可以通左下角的“添加外鏈”輸入音

樂鏈接地址添加背景音樂。

圖6-24H5制作頁面添加背景音樂

2.互動模塊

使用易企秀時，可以通過點(diǎn)擊制作頁面導(dǎo)航欄上的“組件”或者“表單”按

鈕選擇想要添加互動模塊，如視頻、鏈接、電話、倒計時等組件，聯(lián)系人、輸入

框、提交按鈕、留言板、單選、多選、下拉列表等表單。

圖6-25H5制作頁面添加組件

(1)視頻

點(diǎn)擊“組件”下的視頻選項即可為當(dāng)前H5頁面添加視頻，添加視頻時要注

意粘貼的視頻代碼需要原視頻的通用代碼，目前優(yōu)酷、土豆、騰訊視頻在手機(jī)端

的體驗較好，在選擇視頻時最好選擇此三類網(wǎng)站的視頻鏈接。添加好視頻鏈接后,

可以為視頻添加封面圖片，封面圖片可以通過圖片庫或者本地上傳獲得，完成后

可以利用編輯器對視頻播放窗口進(jìn)行背景顏色、大小、位置、邊框、陰影的調(diào)整

以及動畫效果的添加。

□。。。0八0q四大名助官方1

機(jī)看分享給好友\133評論24萬播放訂閱

T分享到微博卜

把視頻貼到Blog或BBS怎么貼？手機(jī)掃碼分享視頻

代碼可以讓你的視頻在iPhone.iPad上搔放!二維碼2小時內(nèi)有效

碼：<iframeheight=498width=510src="http://p縣制

flashifeftt：/player.php/sid/XMT(復(fù)制

html代碼:I<embedsrc='/playef復(fù)制

亡分享V土下載版用手機(jī)看▼

復(fù)制Flash地址|/TPout.sv

品制HTML代碼<embedsrc="http://static.video.qq

集制通用代碼<iframeframeborder="0"width="6

分享1663條評論67一78萬次播放

第一步、--

O@G公蛹。?

掃一掃，輕松分享貼到論壇或博客

(2)鏈接

點(diǎn)擊“組件”下的鏈接選項即可為當(dāng)前H5頁面添加鏈接，鏈接按鈕包括“點(diǎn)

我購買”、“點(diǎn)開鏈接”、“馬上購買”、“關(guān)注我們”和自定義圖片鏈接五種，鏈接

可以是跳轉(zhuǎn)到場景外的外部鏈接，也可以場景內(nèi)的內(nèi)部導(dǎo)航鏈接。

（3）留言板

點(diǎn)擊“表單”下留言板選項即可為當(dāng)前H5頁面添加留言板用以和用戶互動,

留言板可以用來展示用戶的留言并引導(dǎo)用戶留言，成功添加留言板后可以利用編

輯器對留言板的配色風(fēng)格、按鈕文案、大小、位置等進(jìn)行調(diào)整。

3.特效

點(diǎn)擊制作頁面導(dǎo)航欄上的“特效”按鈕選擇想要添加的特效，添加的特效是

針對當(dāng)前頁面的頁面特效，會在設(shè)置界面展示，包括涂抹、指紋、環(huán)境、飄雪、

煙花、漸變、重力感應(yīng)、砸玻璃等特殊效果。

4.H5頁面預(yù)覽和設(shè)置

H5頁面制作完成后可以通過右上角的“預(yù)覽和設(shè)置”按鈕預(yù)覽H5的呈現(xiàn)效

果，發(fā)現(xiàn)有不足的地方可以繼續(xù)編輯優(yōu)化，在設(shè)置頁面可以設(shè)置H5的標(biāo)題、描

述，微信分享時顯示的標(biāo)題、描述以及頁面翻頁方式等。

TE3=J3?O港〃

A*BKS889xmfin*?fMt

■!!%￡

8SB5:▼Q?IHK?

4**fioasin

5.H5頁面發(fā)布

H5頁面制作完成后，點(diǎn)擊右上角的發(fā)布進(jìn)入發(fā)布頁面，在發(fā)布頁面可以獲

取H5的二維碼和地址鏈接用于推廣宣傳。

0Q螭！皿1C二程枚免費(fèi)模板rgfiiR會員例！?5fflFife壇tB】

三、H5頁面的投放推廣

H5頁面制作完成后，小張就考慮到了H5頁面推廣的問題，經(jīng)過查閱書籍和

分析成功的H5營銷案例，小張將H5頁面推廣渠道總結(jié)如下。

1.線上線下的結(jié)合推廣

線下活動推廣，掃二維碼玩游戲送禮品，通過H5有趣的互動可以引發(fā)粉絲

互動轉(zhuǎn)發(fā)朋友圈、微博等。H5獨(dú)特價值在于除了具備傳播性以外，它通過用戶

的重復(fù)使用行為使得H5的傳播是一個持續(xù)不斷的過程。

2.品牌微信公眾號推廣

“軟文+H5落地頁”推廣。從用戶角度挖掘H5的價值點(diǎn)，寫一篇軟文，通

過圖文群發(fā)來推廣H5無疑是最重要的方式。

一個好的H5一定具備打動用戶的價值點(diǎn)，從一個角度切入寫一篇軟文，無

論通過投稿的方式還是大號轉(zhuǎn)發(fā)都能帶來意想不到的傳播效果。投入再大再精彩

的H5,如果沒有好的推廣就只能孤芳自賞。

3.利用身邊社群

盡可能利用所有能推廣H5的渠道。目前比較常用的方式：通過公眾號的圖

文群發(fā)推廣、微信群推廣、線下二維碼推廣。

首先需要列出所有能用到的資源，并發(fā)動內(nèi)部人員轉(zhuǎn)發(fā)，每個微信群其實都

有自己的定位一一工作、生活或者閑聊扯淡，所以為了提升打開率可以適當(dāng)?shù)臑?/p>

不同的微信群定制轉(zhuǎn)發(fā)的文案。

4.朋友圈互動推廣

朋友圈推廣則是生活屬性為主，有趣、好玩，有參與感是關(guān)鍵。朋友圈的傳

播完全依靠用戶自愿，沒有任何討巧的辦法，唯一能做的就是優(yōu)化標(biāo)題和內(nèi)容，

同樣的H5,換一個標(biāo)題，產(chǎn)生的流量是大大不同的。而朋友圈的轉(zhuǎn)發(fā)，僅僅依

靠個人力量畢竟是有限的，可以發(fā)一些紅包請朋友轉(zhuǎn)發(fā)。但是能不能產(chǎn)生二次傳

播，就完全依賴于內(nèi)容了。

順豐App案例

順豐是中國快遞業(yè)的領(lǐng)頭羊，順豐自1993年成立發(fā)展至今，其企業(yè)一直走

在了行業(yè)的前列，隨著電子商務(wù)的飛速發(fā)展，順豐的發(fā)展也非常的迅速，并在

2017年完成了上市，順豐為了能夠領(lǐng)跑行業(yè)，同時給用戶提供優(yōu)質(zhì)的服務(wù)，在

移動商務(wù)飛速的發(fā)展的今天，順豐推出了“順豐速運(yùn)”App,為占領(lǐng)移動電子商

務(wù)物流市場做準(zhǔn)備。

一、順豐速運(yùn)App

順豐速運(yùn)App的推出是順豐響應(yīng)移動電子商務(wù)物流發(fā)展，所推出的移動端服

務(wù)窗口，順豐速運(yùn)App的主要功能包括了：快遞寄送服務(wù)、快遞查詢服務(wù)、移動

支付服務(wù)及商場服。

1.快遞寄送服務(wù)。傳統(tǒng)的快遞寄送，需要用戶通過電話或登陸官網(wǎng)完成，寄

件信息的填寫，而隨著移動商務(wù)的不斷發(fā)展，顯然傳統(tǒng)的寄送服務(wù)是不能滿足用

戶隨時隨地寄送快遞的需求。為此順豐速運(yùn)推出了順豐速運(yùn)App來解決這一問

題，用戶只需下載登陸App即可，在App中完成寄件信息的填寫、下單、付費(fèi)的

所有操作。

2.快遞查詢服務(wù)。移動電子商務(wù)時代最為主要的特點(diǎn)在于，用戶可以隨時、

隨地的對信息進(jìn)行查詢。順豐速運(yùn)App的快遞查詢功能就能夠充分的滿足用戶這

一需求，用戶通過手機(jī)中App可以隨時隨地的查詢快遞的實時信息。

日務(wù)收,需指便用??豐.胡博再次為Jr?務(wù)

3.移動支付服務(wù)。在順豐速運(yùn)App中快遞費(fèi)的支付，可以在App中完成，用

戶只需要輸入對應(yīng)的運(yùn)單號或掃描運(yùn)單上的條碼即可進(jìn)行快遞費(fèi)的支付。

<快遞費(fèi)支付00

構(gòu)支付掃運(yùn)單支付

快遇費(fèi)（元）

O彼信支付

Q速運(yùn)通*（■豐卡）支付

國期豐金融支付

e支付寶

實保支付￥0

4.商城服務(wù)，順豐速運(yùn)App的一大亮點(diǎn)，順豐為會員提供了生鮮產(chǎn)品選購服

務(wù)，用戶可以通過支付積分+現(xiàn)金的方式購買商城中的生鮮產(chǎn)品，所購的生鮮產(chǎn)

品均由順豐提供寄送服務(wù)。

<會員中心

VIPKID英謁誣量?在8折券8元火在K代金券

viPKiDmaa...發(fā)奇藝VIPB折…兌換流程：…

26積分20枳分20枳分

二、順豐速運(yùn)App的優(yōu)勢特點(diǎn)分析

物流App的出現(xiàn)是物流業(yè)信息管理的一大進(jìn)步，相比于傳統(tǒng)PC端物流信息

的管理，通過移動端App使得物流信息的管理更加的便捷。順豐速運(yùn)App具有的

優(yōu)勢特點(diǎn)可以總結(jié)為：高效、全面兩個部分。

1.高效。順豐物流App所具有的最主要的特點(diǎn)之一就是“高效”，其具體體

現(xiàn)在快遞寄送這一主要業(yè)務(wù)上。與其它物流App相比，首先順豐提供1小時寄送

服務(wù)，即用戶通過App完成寄件信息的填寫后，快遞員在1小時之內(nèi)上門收件；

其次順豐提供了網(wǎng)點(diǎn)查詢服務(wù)，即用戶通過查詢寄送網(wǎng)點(diǎn)，可以了解距離自己最

近的寄送網(wǎng)點(diǎn)；最后付款快捷，順豐為用戶提供了多種付款方式，用戶可以選擇

貨到付款、移動支付、現(xiàn)場支付。

2.全面。順豐物流App與其它物流App相比，具有服務(wù)全面的優(yōu)勢特點(diǎn)，順

豐不僅為用戶提供了全面的寄送物品、訂單查詢、積分管理、會員管理等服務(wù)外,

還向用戶提供了積分商城、會員好貨的購物服務(wù)，以最大限度的滿足用戶的需求。

三、順豐速運(yùn)App總結(jié)

移動商務(wù)能夠在我國迅速發(fā)展，離不開技術(shù)、市場及企業(yè)的支持，順豐速運(yùn)

App是在移動商務(wù)發(fā)展的浪潮下的產(chǎn)物，同時它也是促進(jìn)移動商務(wù)發(fā)展背后重要

的力量。順豐速運(yùn)App顛覆了傳統(tǒng)物流App的運(yùn)營思路，大膽的將網(wǎng)上商城這一

部分嵌入其中，在給用戶提供購物服務(wù)的同時，也能夠促進(jìn)物流業(yè)向電商購物領(lǐng)

域的延伸。

美團(tuán)外類小程序開發(fā)案例

美團(tuán)外賣是美團(tuán)網(wǎng)旗下的網(wǎng)上訂餐平臺，于2013年n月正式上線，目前覆

蓋全國兩百余個城市。美團(tuán)外賣精心挑選眾多優(yōu)質(zhì)外賣商家，為客戶提供快速、

便捷的線上訂外賣服務(wù)。

美團(tuán)外賣小程序相比原版App,小程序的功能界面進(jìn)行了精簡，信息量更少,

保留了主體功能。進(jìn)入小程序速度及定位上都可以用瞬間來形容，選擇商戶，即

可享受與APP端一樣的訂餐服務(wù)。

17：14(3uill(B96

＜小程序Q

附近的小程序費(fèi)國目。

美團(tuán)外賣

智行火車票

一、優(yōu)勢體現(xiàn)

美團(tuán)外賣小程序打通“點(diǎn)餐-支付-出單-配送”等各個環(huán)節(jié)，實現(xiàn)一體化的

營銷管理。商戶可自主創(chuàng)建外賣菜單，配置營業(yè)時間、配送范圍、配送費(fèi)用等參

數(shù)，顧客在微信上就能完成下單支付，商戶則可通過系統(tǒng)后臺接收顧客訂單，實

現(xiàn)便捷的訂單管理。

美團(tuán)外賣?

附近商家

綜合排序，銷量展高速度最快簫選y

"西安飯莊（錦業(yè)路店）

????44月*19094WWIBfaa

起居￥20配送￥3.1A*5?20

二、美團(tuán)外賣小程序開發(fā)步驟

步驟1：獲取微信小程序的AppID

首先需要登錄微信公眾號平臺小程序，就可以在網(wǎng)站的“設(shè)置”-“開發(fā)者

設(shè)置”中，查看到微信小程序的AppID了，注意不可直接使用服務(wù)號或訂閱號

的AppIDo

QM倡公公平白I，］則文00X-

Q-?設(shè)置

<1>????叫城?開》沒?

@加??

0EtsWQ所

步驟2：開發(fā)者工具安裝完成后，打開并使用微信掃碼登錄。選擇創(chuàng)建“項

目”，填入上文獲取到的AppID,設(shè)置一個本地項目的名稱（非小程序名稱），

比如“我的第一個項目”，并選擇一個本地的文件夾作為代碼存儲的目錄，點(diǎn)擊

“新建項目”就可以了。