WooCommerce 勉強会スライド

1. 事例紹介と
具体的構築方法

2. 自己紹介

3. • 田村 啓 - たむら けい
• 大阪出身,43歳,2児の父
• 株式会社しくみラボ代表
• ウェブサイトの構築、コ
ンサルティング
• WordPress 案件ばかり
になってしまった
• 勉強会発起人の一人

4. みなさんの
お仕事は？

5. ① デザイナ
② エンジニア/プログラマ
③ ディレクター
④ 上記以外のウェブ関係
⑤ ブロガー
⑥ その他

6. について

7. ①さわったこと無
い
②インストールし
た
③使ってる

8. ご協力
ありがとう
ございます

9. 本日のゴール

10. でこうやれば、こんな機
能が実装できるんだ！を
少しでも共有できれば

12. で時間の関係で省いた
ことを追加して
話します。

13. そもそも
って何？

14. • WordPressのプラグイン
• EC 機能を追加する
• 16,000,000 回以上のダウンロード
• 世界の 約37% のオンラインストアで利用されている
• 2015年Automatic社( WordPress 開発元 )に買収された
重要！

15. の開発が止まるこ
とはほぼ無い
とても安心！

16. 提案時に使ってい
るセールストーク
の一例

17. ECに求められる
3C

18. CMS
Cart CRM
良いソリューションは？

19. 使えなかった事例

21. • WordPress + カートASP
• 責任者の意向によりカートASP利用に
• 間に代理店が挟まっていたので懸念事項を払拭＆
説得できず
• セキュリティ、永続性が懸念事項としてあがる

22. この案件から
得られた
教訓

23. • よくわかっていない人がよくわかっていない人を説得
することはムリ
• 幼稚園のとき『伝言ゲーム』を『つまらん』とバカに
しててすみませんでした。日本社会の縮図を教えてく
れていたんですね。
• カートASPの古臭さ
• 仕様 / 管理画面は本当に古い！
• 再利用できない仕事まじツライ

24. 事例紹介

25. 事例の紹介を
しながら回答

30. https://www.coco-organics.jp
『ココオーガニック』で検索

31. • 2015/09/25 オープン
• 日本語サイトとして最初の WooCommerce
ShowCace 掲載サイト
• https://woocommerce.com/showcase/coco-organic/
• 化粧品ブランドのメーカー直販サイト

32. RFP
要求されたこと

33. 1. ダサいのはダメ
2. スマフォで綺麗に見えて購入できる
3. 決済は、クレジット決済と代引き
4. 定期購入をやりたい
5. アフィリエイトを使って拡販していきたい
6. どのサイトから来て売れたか知りたい
7. 商品を送るのとか自分たちではできない
8. 予算はあんまり無い

34. 解決策

35. 1. デザインの自由度を高く保つ
2. レスポンシブデザインを採用：Bootstrapも採用
3. クレジット決済プラグインを作成
4. 定期購入プラグインを利用
5. アフィリエイトASPとの連携プラグインを作成
6. google analytics e コマーストラッキングが必須
7. 倉庫との連携 ：CSVデータを出力
8. 低予算での構築 ：カートASPは予算上不可

36. RFPには入ってこないこ
ともあるけどECサイト構
築者が考慮しておくべき
事項
2016 秋版

37. 1. 高速な動作
2. 常時SSL
3. モバイルファースト＆レスポンシブデザイン
4. 来訪経路別売上高、CVRの計測
• Googleアナリティクス e コマーストラッキング
5. アフィリエイト導入
6. 低料率クレジット決済
7. 倉庫との連携
• 柔軟な書式でのCSV Output
8. 郵便番号からの自動住所入力

38. 全ての要求を満たすには
が最適

39. どうやって
で作ったの？

41. 利用しているサービス

42. • さくらクラウド (サーバ)
• KUSANAGI (WordPress高速化)
• Bootstrap (CSSフレームワーク)
• WordPress (CMS)
• (カート機能)
• Plugins (諸機能の追加)
• GMO Payment (クレジットカード決済)
• 倉庫
オススメ
オススメ
オススメ

43. ぼくがかんがえたさい
きょうのくみあわせ
2016

44. 利用サービス 機能 備考
Let’s Encrypt SSL 無料！
さくらクラウド AWSより安価なクラウド 有料
KUSANAGI WordPress高速化プラットフォーム 無料！
Bootstrap CSSフレームワーク
レスポンシブデザイン作成時のテスト
工数を大幅に削減可能
サイトメンテナンス性の向上
WordPress CMS
WooCommerce Cart
Omise クレジット決済 固定費0！
倉庫 紹介できるよう調整中
固定費0！
1配送680円 ピッキング込み
e-click.jp アフィリエイト 固定費0！
オススメ
オススメ

45. 固定費0円
って素晴らしい

46. 利用している
プラグイン

47. • Advanced Custom Fields Pro
• Enhanced E-commerce forWoocommerce store
• EWWW Image Optimizer
• Google XML Sitemaps
• MailPoet Newsletters
• MailPoet WooCommerce Add-on
• MW WP Form
• Post Types Order
• Show Current Template
• Smart Offers
• Speed Booster Pack
• Use Affiliate Sevice forWoocommerce Store UAWS
• WooCommerce
• WooCommerceCustomer/Order CSV Export
• WooCommerce For Japan
• WooCommerce GMO
• WooCommerce PrintInvoice/Packing list
• WooCommerce Subscriptions
• WP-PageNavi
• WP Multibyte Patch
• Zia3-JS-CSS
• zipaddr-jp

48. プラグイン名 機能 有料/自作
Advanced Custom Fields Pro カスタムフィールドの設定 有料
Enhanced E-commerce for Woocommerce
store
google analytics e コマーストラッキングの設
定
EWWW Image Optimizer 画像最適化
Google XML Sitemaps 検索エンジン用サイトマップの作成
MailPoet Newsletters メール配信
MailPoet WooCommerce Add-on MailPoet と WooCommerceの連携
MW WP Form フォーム
Post Types Order カスタムポストタイプの並べ替え
オススメ
オススメ

49. プラグイン名 機能 有料/自作
Show Current Template
デバッグ用：表示ページのテンプレートを
表示
Smart Offers
ショッピングカート内で特別割引商品などを
提示
Speed Booster Pack サイト表示の高速化
Use Affiliate Sevice for Woocommerce Store
UAWS
自作：アフィリエイトASPとの連携 自作
WooCommerce WooCommerce
WooCommerce Customer/Order CSV Export 注文データ、顧客データのCSVダウンロード
WooCommerce For Japan WooCommerce 日本語化
オススメ
オススメ

50. プラグイン名 機能 有料/自作
WooCommerce GMO 自作：GMO Payment クレジット決済 破滅派作
WooCommerce Print Invoice/Packing list 納品書の作成 有料
WooCommerce Subscriptions 定期購入 有料
WP-PageNavi ページング機能
WP Multibyte Patch マルチバイト文字対応
Zia3-JS-CSS 各ページで独自のCSSをあてる
zipaddr-jp 郵便番号→住所の自動取得
オススメ
オススメ

51. 時間があれば...
質疑応答