基于Magento的外貿網店設計①

張靜苗, 杜 暉

(北京交通大學 經濟管理學院,北京 100044)

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

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

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

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

圖1 研究路線圖

1 基于Magento的外貿網店設計

1.1 虛擬主機的選擇

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

表1 Bluehost與Hostgator的比較

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

1.2 Magento版本的選擇

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

表2 Magento社區版與企業版的比較

從表2中可以看出： 社區版更適合小微型網店,而企業版則更適合大中型網店.

1.3 擴展功能模塊的選擇

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

根據網店的不同需要,設計人員可以利用表3進行適用擴展功能模塊的選擇.

2 基于Magento的外貿網店實現

2.1 Magento社區版的安裝和配置

2.1.1 安裝

登錄虛擬主機,將從官網下載的含樣本數據的Magento社區版上傳并解壓. 創建數據庫,導入“.sql”文件中的樣本數據. 瀏覽器中輸入網店網址,根據提示完成安裝.

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

表3 擴展功能模塊的比較

2.1.2 配置

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

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

將[Store Email Addresses]菜單下的所有郵箱設置為相同郵箱賬號. 將[Contacts]→[Send Emails To]菜單下的郵箱設置為另一郵箱賬號. 通過[CMS]菜單建立“URL”為“contacts”的頁面,將其中的[URL Key *]屬性設置為“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]屬性設置為“Sale”.

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

2.2.1 安裝

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

(1) 當模塊的“Extension Key”屬于“Magento Connect 2.0”或者已經由“Magento Connect 1.0”改變為“Magento Connect 2.0”時,打開 Magento Connect鏈接,復制“Extension Key”.

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

2.2.2 配置

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

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

2.2.3 常見問題及解決辦法

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

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

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

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

2.3 頁面的定制

(1) Logo和Slogan的定制

首先,打開[System]→[Configuration]菜單,找到[GENEAL]→[Design]→[Header]下的[Logo Image Src]屬性,設置為“images/media/(Logo 文件名)”. 然后,將 Logo和 Slogan文件放在安裝目錄“/(網站名)/skin/frontend/(主題名)/default/images/media”下,修改安裝目錄“/(網站名)/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>”之間,同時修改安裝目錄“/(網站名)/skin/frontend/(主題名)/default/css”下“styles.css”文件,在“Logo”處添加如下代碼：

(2) 導航欄的定制

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

(4) 自定義部分的定制

如果希望在首頁展示最暢銷商品,那么,在安裝了擴展功能模塊“Bestseller_products”后,打開安裝目錄“/(網站名)/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 中華文化商店的設計與實現

中華文化商店是應國內一家微型外貿企業低成本、功能完善、內容豐富,并且符合海外顧客購買習慣的要求設計與實現的外貿網店.

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

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

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

圖2 中華文化商店首頁

4 結論

針對外貿網店開發面臨的成本高、功能不完善、內容貧乏,以及不符合海外顧客購買習慣的問題,對基于開源軟件Magento的外貿網店設計與實現進行了系統和深入研究,為基于Magento的外貿網店開發提供了有益借鑒和指導.

基于Magento的外貿網店搜索引擎優化及商品精準推薦將是下一步亟待解決的問題.

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

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

3朱澤民,蔡鵬. 基于開源軟件Magento快速構建電子商務系統的實踐. 數字技術與應用,2014,(1)： 143-144.

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

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

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

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

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

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