基于Magento的外貿(mào)網(wǎng)店設(shè)計①

張靜苗, 杜 暉

(北京交通大學(xué) 經(jīng)濟管理學(xué)院,北京 100044)

伴隨我國外貿(mào)企業(yè)跨境區(qū)域的不斷擴大,利用互聯(lián)網(wǎng),將國產(chǎn)商品“賣向全球”具有很大潛力[1]. 因此,外貿(mào)企業(yè)紛紛加大電商投入,開發(fā)自己的外貿(mào)網(wǎng)店,但卻面臨著成本高、功能不完善、內(nèi)容貧乏,以及不符合海外顧客購買習(xí)慣的問題.

Magento是一款世界范圍內(nèi)極具代表性且非常流行的電子商務(wù)開源軟件[2],具有開發(fā)成本低、可擴展功能模塊多、頁面主題豐富,以及符合海外顧客購買習(xí)慣的顯著特點,成為外貿(mào)網(wǎng)店開發(fā)的主要侯選.

已經(jīng)出現(xiàn)了基于Magento開發(fā)網(wǎng)店的文獻. 朱澤民探討了基于Magento開發(fā)電子商務(wù)系統(tǒng)的流程[3]. 周燕和卓仰俱分別探討了Magento自定義菜單功能模塊[4]和品牌管理功能模塊[5]的設(shè)計與實現(xiàn). 蔣子恒探討了Magento Block的設(shè)計分析[6]. 但是,現(xiàn)有文獻都沒有在基于Magento的外貿(mào)網(wǎng)店設(shè)計與實現(xiàn)方面開展系統(tǒng)且深入的研究,一方面,通過文獻檢索關(guān)于外貿(mào)網(wǎng)店的研究少; 另一方面,利用Magento實現(xiàn)功能完善、技術(shù)先進且符合海外顧客購買習(xí)慣的外貿(mào)網(wǎng)店需要的技術(shù)能力強,利用Magento實現(xiàn)外貿(mào)網(wǎng)店的研究不多; 但是,伴隨將國產(chǎn)商品“賣向全球”的急劇發(fā)展,因此,外貿(mào)網(wǎng)店的研究是必然的.

本文后續(xù)內(nèi)容如下： 第1節(jié)介紹了基于Magento的外貿(mào)網(wǎng)店設(shè)計,包括虛擬主機、Magento版本,以及擴展功能模塊的選擇. 第2節(jié)介紹了基于Magento的外貿(mào)網(wǎng)店實現(xiàn),包括Magento和擴展功能模塊在虛擬主機上的安裝、配置,以及頁面的定制. 第3節(jié)介紹了中華文化商店的設(shè)計與實現(xiàn). 第4節(jié)進行了總結(jié),并指出了進一步工作. 本文研究路線如圖1所示.

圖1 研究路線圖

1 基于Magento的外貿(mào)網(wǎng)店設(shè)計

1.1 虛擬主機的選擇

對全球排名靠前的虛擬主機提供商Bluehost與Hostgator[7]進行了比較,結(jié)果如表1所示.

表1 Bluehost與Hostgator的比較

從表1中可以看出： Bluehost適用于成本低、需要中文客服的非美國、特別是中國公司,而Hostgator則適用于成本較低、不需要中文客服的美國公司.

1.2 Magento版本的選擇

Magento有兩個主要版本： 社區(qū)版和企業(yè)版. 對其主要方面的比較如表2所示.

表2 Magento社區(qū)版與企業(yè)版的比較

從表2中可以看出： 社區(qū)版更適合小微型網(wǎng)店,而企業(yè)版則更適合大中型網(wǎng)店.

1.3 擴展功能模塊的選擇

Magento默認提供商品管理、顧客管理、訂單管理、購物車管理、物流,以及內(nèi)部郵箱和支付功能模塊. 但是,完備的外貿(mào)網(wǎng)店還應(yīng)具備外部郵箱(與顧客溝通,實時發(fā)布產(chǎn)品和訂單信息)、搜索、特殊商品展示(在首頁展示最暢銷商品,在分類頁展示特色商品),以及溝通(與顧客即時聊天)與返回頁面頂端的功能,需要安裝相應(yīng)的擴展功能模塊. 表3對實現(xiàn)上述功能的擴展功能模塊進行了比較.

根據(jù)網(wǎng)店的不同需要,設(shè)計人員可以利用表3進行適用擴展功能模塊的選擇.

2 基于Magento的外貿(mào)網(wǎng)店實現(xiàn)

2.1 Magento社區(qū)版的安裝和配置

2.1.1 安裝

登錄虛擬主機,將從官網(wǎng)下載的含樣本數(shù)據(jù)的Magento社區(qū)版上傳并解壓. 創(chuàng)建數(shù)據(jù)庫,導(dǎo)入“.sql”文件中的樣本數(shù)據(jù). 瀏覽器中輸入網(wǎng)店網(wǎng)址,根據(jù)提示完成安裝.

安裝完成后,雖然賬號密碼正確,但卻無法登錄后臺時,打開安裝目錄“/(網(wǎng)站名)/app/code/core/Mage/Core/Model/Session/Abstract”下“Varien.php”文件,注釋掉其中的“$this→getCookie()→getDomain(),$this→getCookie()→isSecure(),$this→getCookie()→getHttponly()”代碼,并刪除上一行中的逗號.

表3 擴展功能模塊的比較

2.1.2 配置

安裝成功后,對于商品管理、顧客管理、訂單管理、購物車管理,以及物流功能模塊,只需在后臺找到相應(yīng)菜單欄,并按提示配置即可. 但是,對于內(nèi)部郵箱和支付功能模塊則需進行特殊配置.

(1) 內(nèi)部郵箱模塊的配置

將[Store Email Addresses]菜單下的所有郵箱設(shè)置為相同郵箱賬號. 將[Contacts]→[Send Emails To]菜單下的郵箱設(shè)置為另一郵箱賬號. 通過[CMS]菜單建立“URL”為“contacts”的頁面,將其中的[URL Key *]屬性設(shè)置為“contacts”,在[Content]屬性中輸入代碼“{{block type="core/template" name="contactForm"from_action="../contacts/index/post/" template="contacts/form.phtml"}}”.

(2) 支付功能模塊的配置

將[SALES]→[Payment Methods]→[PayPal All-in-One Payment Solutions Accept and process credit cards and PayPal payments.]菜單下的[PayPal Payments Standard]屬性中的[Payment Action]屬性設(shè)置為“Sale”.

2.2 擴展功能模塊的安裝和配置

2.2.1 安裝

對于前述擴展功能模塊,有以下兩種安裝方法：

(1) 當模塊的“Extension Key”屬于“Magento Connect 2.0”或者已經(jīng)由“Magento Connect 1.0”改變?yōu)椤癕agento Connect 2.0”時,打開 Magento Connect鏈接,復(fù)制“Extension Key”.

(2) 當模塊的“Extension Key”屬于“Magento Connect 1.0”且不能改變?yōu)椤癕agento Connect 2.0”時,打開 Magento Connect鏈接,從“http：//freegento.com/ddlmagento-extension.php”下載模塊壓縮包,點擊“Magentoconnect MANAGER”頁面中的[Direct package file upload]菜單下的“選擇文件”按鈕上傳該壓縮包.

2.2.2 配置

安裝成功后,對于搜索、特殊商品展示,以及溝通和返回頁面頂端模塊,只需在后臺找到相應(yīng)菜單欄,并按提示配置即可. 但是,對于外部郵箱模塊則需進行特殊配置.

首先,將[System]→[Mail Sending Settings]菜單下的[Host]屬性設(shè)置為網(wǎng)店郵箱主機,將[Port(25)]屬性設(shè)置為郵箱主機端口號. 其次,將[SMTP Pro Email General Settings]菜單下的[Choose extension option]屬性設(shè)置為“SMTP”. 然后,將[SMTP Pro Email SMTP Settings]菜單下的[Authentication]屬性設(shè)置為“Login”,[Username]屬性設(shè)置為網(wǎng)店郵箱,[Host]屬性設(shè)置為郵箱主機,[Port]屬性設(shè)置為郵箱主機端口號.

2.2.3 常見問題及解決辦法

擴展功能模塊在安裝和配置過程中出現(xiàn)的常見問題及解決辦法如下：

(1) 出現(xiàn)“Service Temporarily Unavailable”提示. 進入網(wǎng)站安裝目錄,刪除 “maintenance.flag” 文件.

(2) 模塊安裝后,后臺出現(xiàn)404錯誤. 退出后臺,重新登錄.

(3) 后臺某些模塊顯示空白或樣式錯位. 重啟Apache.

2.3 頁面的定制

(1) Logo和Slogan的定制

首先,打開[System]→[Configuration]菜單,找到[GENEAL]→[Design]→[Header]下的[Logo Image Src]屬性,設(shè)置為“images/media/(Logo 文件名)”. 然后,將 Logo和 Slogan文件放在安裝目錄“/(網(wǎng)站名)/skin/frontend/(主題名)/default/images/media”下,修改安裝目錄“/(網(wǎng)站名)/app/design/frontend/(主題名)/default/template/page/html”下的“header.phtml”文件,將代碼“＜embed src=“/skin/frontend/(主題名)/default/images/media/(slogan 文件名)” quality=“high”pluginspage=“” type=“application/x-shockwave-flash”>＜/embed>”放在“＜div class="page-headercontainer">＜/div>”之間,同時修改安裝目錄“/(網(wǎng)站名)/skin/frontend/(主題名)/default/css”下“styles.css”文件,在“Logo”處添加如下代碼：

(2) 導(dǎo)航欄的定制

如果希望在系統(tǒng)導(dǎo)航欄中添加“HOME”菜單,則需要修改安裝目錄“/(網(wǎng)站名)/app/design/frontend/(主題名)/default/template/page/html”下的“topmenu.phtml”文件,在“＜ol class=“nav-primary”>＜/ol>”之間添加如下代碼：

(4) 自定義部分的定制

如果希望在首頁展示最暢銷商品,那么,在安裝了擴展功能模塊“Bestseller_products”后,打開安裝目錄“/(網(wǎng)站名)/app/design/frontend/(主題名)/default/layout”下的“cms.xml”文件,將代碼“＜reference name=“content”> ＜block type=“bestseller/bestseller”name=“bestseller” template=“bestseller/bestsellerresponsive.phtml”/>＜/reference>”放在 “＜label>CMS Home Page＜/label>”之后,然后,再對擴展功能模塊進行配置.

3 中華文化商店的設(shè)計與實現(xiàn)

中華文化商店是應(yīng)國內(nèi)一家微型外貿(mào)企業(yè)低成本、功能完善、內(nèi)容豐富,并且符合海外顧客購買習(xí)慣的要求設(shè)計與實現(xiàn)的外貿(mào)網(wǎng)店.

根據(jù)表1,選擇了Bluehost虛擬主機. 根據(jù)表2,選擇了Magento社區(qū)版. 根據(jù)表3,由于受歡迎分、總體評分,以及適用的最高版本都較高,所以選擇了ASchroder_SMTPPro,mh_fp,Bestseller_products和neklo_scrolltotop;盡管受歡迎分與適用的最低版本均稍低,但是,由于免費且總體評分略高,所以選擇了Catalog_Search_Refinement; 由于免費,且經(jīng)實際安裝測試,Olark_Chatbox擴展模塊適用于Magento1.9.2版本,所以選擇了Olark_Chatbox.

根據(jù)2.1節(jié)的敘述,在Bluehost上完成了含樣本數(shù)據(jù)的Magento社區(qū)版1.9.2.4的安裝和配置. 根據(jù)2.2節(jié)的敘述,使用第一種安裝方法完成了所有選擇的擴展功能模塊的安裝,然后進行了配置. 根據(jù)2.3節(jié)的敘述,在默認主題“rwd”下分別完成了Logo和Slogan、導(dǎo)航欄、Banner,以及自定義部分的定制. 基于以上工作,在對 “/store/skin/frontend/rwd/default/css/styles.css”和”/store/app/design/frontend/rwd/default/template/page/html/header.phtml”的微調(diào)后實現(xiàn)了如圖2所示的網(wǎng)站首頁[8].

通過第1節(jié)和第2節(jié)的方法,本網(wǎng)店實現(xiàn)成本如下：購買Bluehost虛擬主機10.99美元/月,購買域名1.3325美元/月. 中華文化商店 (http：//store.chineseculture.biz/)經(jīng)測試,能夠完成完整交易. 自2017年5月21日上線,網(wǎng)店運行正常. 由于本網(wǎng)店推廣工作未開展,目前用戶量和成交量幾乎沒有,這是下一步要解決的研究問題.

圖2 中華文化商店首頁

4 結(jié)論

針對外貿(mào)網(wǎng)店開發(fā)面臨的成本高、功能不完善、內(nèi)容貧乏,以及不符合海外顧客購買習(xí)慣的問題,對基于開源軟件Magento的外貿(mào)網(wǎng)店設(shè)計與實現(xiàn)進行了系統(tǒng)和深入研究,為基于Magento的外貿(mào)網(wǎng)店開發(fā)提供了有益借鑒和指導(dǎo).

基于Magento的外貿(mào)網(wǎng)店搜索引擎優(yōu)化及商品精準推薦將是下一步亟待解決的問題.

1跨境營銷： 外面的世界--買遍全球&賣向全球. 新營銷,2015,(8)： 18-21.

2https：//www.magentocommerce.com/magento-connect. [2017-06-01].

3朱澤民,蔡鵬. 基于開源軟件Magento快速構(gòu)建電子商務(wù)系統(tǒng)的實踐. 數(shù)字技術(shù)與應(yīng)用,2014,(1)： 143-144.

4周燕,曾凡智,卓仰俱. 基于Magento電子商務(wù)平臺的自定義菜單管理模塊設(shè)計和實現(xiàn). 福建電腦,2014,(12)： 19-22.[doi： 10.3969/j.issn.1673-2782.2014.12.007]

5卓仰俱,周燕,曾凡智. 基于Magento電子商務(wù)平臺的品牌管理模塊設(shè)計和實現(xiàn). 福建電腦,2014,(8)： 20-23,25.

6蔣子恒. Magento Block設(shè)計分析. 信息安全與技術(shù),2011,(2)： 16.

7美國主機Top5. 最受歡迎的國外虛擬主機Top5.http：//www.hostchoose.com/top5. [2017-06-01].

8http：//store.chineseculture.biz/. [2017-06-14].

9王珂. 從“買全球”到“賣全球”. 企業(yè)文化,2015,(9)： 51-52.