自己紹介

• 田村 啓 - たむら けい

• 大阪出身,43歳,2児の父

• 株式会社しくみラボ代表

• ウェブサイトの構築、コンサルティング

• WordPress 案件ばかりになってしまった

私、実は今ちょっと焦っています。セッションは15分なのにスライドは40枚超！

時間無いけど... かんたん アンケート

みなさんの お仕事は？

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

について

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

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

本日のゴール

そもそも

って何？

なんで

使ったの？

どうやって

で作ったの？

に事例を 紹介しながら 答えて/応えて

使ってみよう！ と思っていただけましたら幸いです

そもそも

って何？

• WordPressのプラグイン

• EC 機能を追加する

• 16,000,000 回以上のダウンロード

• 世界の 約37% のオンラインストアで利用されている

• 2015年Automatic社( WordPress 開発元 )に買収された

重要！

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

なんで

使ったの？

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

https://www.coco-organics.jp

『ココオーガニック』で検索

• 2015/09/25 オープン

• 日本語サイトとして最初の WooCommerce ShowCace 掲載サイト

• https://woocommerce.com/showcase/coco-organic/

• 化粧品ブランドのメーカー直販サイト

RFP 要求されたこと

1. ダサいのはダメ

2. スマフォで綺麗に見えて購入できる

3. 決済は、クレジット決済と代引き

4. 定期購入をやりたい

5. アフィリエイトを使って拡販していきたい

6. どのサイトから来て売れたか知りたい

7. 商品を送るのとか自分たちではできない

8. 予算はあんまり無い

解決策

1. デザインの自由度を高く保つ

2. レスポンシブデザインを採用：Bootstrapも採用

3. クレジット決済プラグインを作成

4. 定期購入プラグインを利用

5. アフィリエイトASPとの連携プラグインを作成

6. google analytics e コマーストラッキングが必須

7. 倉庫との連携 ：CSVデータを出力

8. 低予算での構築 ：カートASPは予算上不可

全ての要求を満たすには

が最適

どうやって

で作ったの？

利用している サービス

• さくらクラウド (サーバ)

• KUSANAGI (WordPress高速化)

• Bootstrap (CSSフレームワーク)

• WordPress (CMS)

• 　　　　　　　　　(カート機能)

• Plugins (諸機能の追加)

• GMO Payment (クレジットカード決済)

オススメ

オススメ

オススメ

事例では採用していないがオススメ

• omise

• https://www.omise.co/ja

• クレジット決済サービス

• ほぼ完璧に動作する WooCommerce プラグインを提供

• 月額基本料金なし！

• 手数料：2.95%(税別)～

• 最短3営業日振込み

• 事例のサイト構築時はサービス開始前で採用できず

• 私は紹介しまくってますが1円ももらっていません！

利用している プラグイン

全部公開します

• Advanced Custom Fields Pro

• Enhanced E-commerce for Woocommerce 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 for Woocommerce Store UAWS

• WooCommerce

• WooCommerce Customer/Order CSV Export

• WooCommerce For Japan

• WooCommerce GMO

• WooCommerce Print Invoice/Packing list

• WooCommerce Subscriptions

• WP-PageNavi

• WP Multibyte Patch

• Zia3-JS-CSS

• zipaddr-jp

プラグイン名 機能 有料/自作

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 カスタムポストタイプの並べ替え

オススメ

オススメ

プラグイン名 機能 有料/自作

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 日本語化

オススメ

オススメ

プラグイン名 機能 有料/自作

WooCommerce GMO 自作：GMO Payment クレジット決済 自作

WooCommerce Print Invoice/Packing list 納品書の作成 有料

WooCommerce Subscriptions 定期購入 有料

WP-PageNavi ページング機能

WP Multibyte Patch マルチバイト文字対応

Zia3-JS-CSS 各ページで独自のCSSをあてる

zipaddr-jp 郵便番号→住所の自動取得

オススメ

オススメ

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

ノウハウなどを共有する勉強会を開催していこうと考えています興味のある方は、

名刺交換を！このスライドもお送りします or tamura@shikumilab.jp まで！

ご清聴ありがとう ございました

ご清聴ありがとうございました