主講人：王郁杰(小杰) I Love Joomla 2012.4月小聚 http://www.facebook.com/groups/lovejoomla/ 相關連結： 線上製作表單： http://www.jotform.com/ 綠界ecBank 多元付款網址： http://www.ecbank.com.tw/ 綠界ecpay線上刷卡服務： http://www.ecpay.com.tw/ fistdata美國線上金流整合： http://www.firstdata.com/en_us/home.html 相關作品連結： http://sailor-reptile.com.tw/ http://hoyess.com.tw/ http://www.silvrdwn.com/

1. Joomla & VitrureMart
整合實例分享
主講人： 王 郁 杰

2. 能與大家分享的清單有…
．Joomla 與 VirtureMart整合。
．客制修改與設計VirtureMart 介面。
．實例運用 VirtureMart與 台灣網路金流整合。
．使用VirtureMart與美國銀行整合，線上刷卡功能。
．我的VirtureMart系列作品分享。
．我在網路賣『陽澄湖大閘蟹』的經驗分享與討論。

3. 因為可分享資料繁多…
所以技術面的部份,我改用
直接給路徑及相關連結！

4. 01.
Joomla與VM的整合分享
分享如何設計與調整出 屬於台灣專用的線上購物系統

5. Joomla與VM整合會難嘛？
不過就是把VirtureMart
套件安裝進去而已!

6. + =
適用台灣的購物車系統?

7. 可能需要調整的還有…
．基本設定(商品上架、貨幣、訂單顯示、付款方式、中文化…)。
．整合台灣線上金流(虛擬ATM、WebATM、線上刷卡…)。
．適用於台灣的會員系統(可自行選擇各縣市填入地址)。
．物流區域費率整合(網路家具販售的特殊案例) 。
．不怎麼好看的陽春VirtureMart界面設計。

8. VirtureMart基本設定

9. 建議加入台灣郵遞區號 的下拉選單

10. 關於一個物流特殊案例…
預設的VM只能設定一個固
定金額的免運費。但…

11. 物流區域費率整合．網路家具販售案例

12. 客制化設計VM訂購頁面
02.
Brower, Flypage, Checkout, Mail 相關頁面路徑修改

13. 這些頁面做修改, Vm購物車更完整…
． flypage.tpl.php 商品詳細頁面路徑
． categoryChildlist.tpl.php 商品分類頁面路徑
． shop.cart.tpl.php 我的購物清單路徑
．購物流程 1～4 個別的路徑檔案。
．送出訂購單，所收到的那封訂購Mail 路徑檔案
．購物車會員登入/註冊 兩列式頁面。

14. Flypage 商品詳細頁面路徑
頁面修改路徑：
/public_html/components/com_virtuemart/the
mes/default/templates/product_details/flypage.
tpl.php

15. category商品分類頁面路徑
頁面修改路徑：
/public_html/components/com_virtuemart/the
mes/default/templates/common/categoryChildli
st.tpl.php

16. 我的購物清單 頁面路徑
頁面修改路徑：
/public_html/components/com_virtuemart/the
mes/default/templates/pages/shop.cart.tpl.php

17. 購物步驟、一
頁面修改路徑：
/public_html/components/com_virtue
mart/themes/default/templates/basket
/basket_b2c.html.php
/public_html/components/com_virtue
mart/themes/default/templates/checko
ut/get_shipping_address.tpl.php

18. 購物步驟、二
頁面修改路徑：
/public_html/components/co
m_virtuemart/themes/default
/templates/checkout/get_ship
ping_method.tpl.php

19. 購物步驟、三
頁面修改路徑：
/public_html/components/co
m_virtuemart/themes/default
/templates/checkout/list_pay
ment_methods.tpl.php

20. 購物步驟、四
頁面修改路徑：
/public_html/components/co
m_virtuemart/themes/default
/templates/basket/ro_basket_
b2c.html.php

21. Mail訂購單
頁面修改路徑：
/public_html/components/com_vi
rtuemart/themes/default/templat
es/order_emails/confirmation_em
ail.tpl.php

22. 購物車會員註冊/登入 修改路徑分享
會員註冊修改路徑： 會員登入修改路徑：
/public_html/administrator/compo /public_html/components/com_user/
nents/com_virtuemart/classes/ps_ views/login/tmpl/default_login.php
userfield.php

23. 當然我還有改了一些…
但如果能改好上面這些頁
面那就已經很完整了。

24. VM與台灣線上金流整合
03.
難道每次裝上VirtureMart都只能選擇 貨到付款?!

25. 整合門檻低, 又能給客戶多元付款方式
1. 超商條碼繳費
2. 超商代碼繳費
3. 網路WEBATM
4. 虛擬帳號ATM
5. PAYPAL
參考網址：http://www.ecbank.com.tw/

26. 購物網站能『 線上刷卡』才是王道～
1. 台幣計價入賬。
2. 需繳年費(可抽傭)
3. 線上刷卡流程順暢
4. 有技術顧問！
參考網址：http://www.ecpay.com.tw/

27. 我也想抽中一千萬!!! >__<“
申請資格：
1、在本國境內有確實營利登記的公司。
2、無積欠已確定之營業稅及罰鍰、營利事業所得稅及罰鍰。
3、可正確掌握買受人基本資訊(姓名、手機、E-mail、地址)。
參考網址：http://www.i-invoice.com.tw/

28. 說這麼多種付款方式…
可以不以分享如何成功整
合這些多元的付款方式？

29. 04.
VM與美國銀行線上刷卡整合
成功整合以美金計價的, 線上刷卡服務功能

30. 要在網路賺美金不是整合
PAYPAL就好了嘛？？

31. 要用Paypal的話～ 就要先看你要賣什麼
參考網址： https://www.paypal.com/tw/cgi-bin/webscr?cmd=_display-xborder-fees-outside

32. 如何站在客戶角度替他
找出降低手續費才是王道～
(美金線上刷卡案例)

33. 美金線上刷卡服務 –成功整合案例
1. 刷卡手續費 1.8％
2. 美金計價入帳
3. 有技術顧問可諮詢
整合案例：http://www.acutechscientific.com/

34. 要做美金刷卡金流服務，我都這麼做…
+
太多技術細節, 我直接附上網址…
支援多家線上金流公司：http://www.joomla-payment-gateways.osdcs.com/

35. 05.
小杰的VirtureMart作品
目前都是使用1.1.x版本，希望有機會可整合到2.0

36. browse&category 分類頁面設計

37. product_details&flypage 產品詳細介紹設計

38. 綠屋家居

39. browse&category
產品分類介紹設計

40. product_details&flypage
產品詳細介紹設計

41. 如果只是做商品展示,又不需要
多國語言Zoo也很好用～
參考網址：http://yootheme.com/zoo

42. 作品網址：http://sailor-reptile.com.tw

43. 作品網址： http://ge-water.com.tw

44. 作品網址：http://好神公仔.tw

45. 作品網址： http://www.puliquan.com

46. 作品網址： http://www.puliquan.com

47. 網路上怎賣陽澄湖大閘蟹
06.
有時一頁式表單訂購設計, 反而更能提高網友購物轉換率

48. 假如我是大閘蟹養殖場業者…

49. 我要怎麼從網路賣大閘蟹？？？
． 告訴大家秋天到了，吃大閘蟹的時間也到了。
． 我想要讓消費者第一時間進入網站就看到很吃的大閘蟹。
． 有無毒認證的台灣養殖，不是大陸黑心蟹。
．加入採訪新聞，提高公信力。

50. 最後沒有使用VirtureMart原因…
． 網路買蟹大多30~55歲不等，網站當然越簡單越好。(提高訂單轉化率)
． VirtureMart購物流程過長 (一頁式案例)
．大閘蟹商品單一化。

51. 賣大閘蟹時…我用了這些工具！

52. Joomla範例參考網址：
http://kisswater.com.tw
一頁式訂購範例參考網址：
http://bestcrab.tw/demo.php

53. Mail訂單收據

54. 關於電子商務結論整理
07.
找出適合該商品的購物車系統，而不是適合台灣的購物車

55. 從上面簡報,我們整理出了…
． 套入VirtureMart大家都會，但怎麼客製設計才是重點。
． 線上付款方式越多，對消費者選擇上來說越好。
． Paypal是很方便的付款機制，但必須考量商品本身利潤。
．簡化訂購流程，提高訂購轉化率。

56. 關於購物車我是這麼覺得….
找出適合該商品的購物車系
統，
而不是適合台灣的購物車系
統。

57. end.
我要下載好康料理包
今年在台灣時間短，所以另外整理了濃縮包

58. 分享完畢．再次感謝