Woo CommerceとMatomo実装してみた
- 2019.09.16
- our industry things what I tried
- ecommerce, woo commerce, 通販
![Woo CommerceとMatomo実装してみた](https://i0.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-20.32.40.png?resize=890%2C500&ssl=1)
Matomo本を書く中でEコマーストラッキングについて調べて実装したのでその事メモしておく。
Woo CommerceはWordpressで使えるEコマース用のプラグイン。
日本語での情報が全然ないのでとても大変なのかと思ったり、別情報で「あまり更新されてなくて不安」みたいな情報があって、どうかなと思ったのだが・・・
全然難しくない。色々拡張もあって便利そう。英語だからで使わないの損じゃない?と思ったのでご紹介。
それにWoo Commerceとの連携もカンタン。クラウド版ならサクッとできたのでそのことも紹介。
その流れでコミュニティコンサルティング業務をejtter.comではじめました(笑)社団法人やNPOとかでコミュニティ作りたい、とかコミュニティを事業で立ち上げたい、という方ご相談お待ちしています。
9月中は25,000円にディスカウント注(笑)
まずは何はともあれWoo Commerceインストール
Woo Commerceの’プラグインを探すとあっさり見つかる。Install Nowでインストール。
![](https://i1.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-15.49.10.png?fit=980%2C519&ssl=1)
インストールが終わったらアクティベートね。これはどのプラグインもいっしょ。
![](https://i2.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-15.50.50.png?fit=980%2C389&ssl=1)
すると、すぐに店舗登録画面がでてくる。なるほどこれなら迷わないよね。ふつうのショッピングカートより直感的じゃないかしら。
![](https://i1.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-15.51.29.png?fit=980%2C990&ssl=1)
ぽちぽち入れていきます。日本円にしとくかな。あと商品はデジタルコンテンツも商品も色々売れるようにした。今後家の使えないものとか売ってもいいし。
完了すると決済の選択です。
![](https://i0.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-15.57.47.png?fit=675%2C1024&ssl=1)
Stripeがディフォルトなのね。でもPaypalはアカウント持ってたのでこちらを選択。メアド指定しておくと設定もしてくれるみたい。
Offline Paymentsをクリックすると、代引き(Cash on delivery)とか銀行振込(Bank transfer(BACS) Paymentとか使える。
![](https://i0.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-16.00.12.png?fit=804%2C1024&ssl=1)
次にシッピング(送料)ね。無料と一律とエリア外は別途費用が基本なんだけど、オプション使うとUPSとかと連携できるんですって!これは海外対応のみなのかな?
あと、最後に重さとか長さの単位を選ぶようになってて、これもContinueを押すと次に進む。
![](https://i1.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-16.07.17.png?fit=798%2C1024&ssl=1)
次がおすすめプラグイン。とりあえず全部チェックしたけど、別にお金取られるわけじゃないし細かい設定は後でもできる。Storefront Themeというのは次見たら消えてたのだけど、不明。どれも入れておいて困るものじゃないかなと。
![](https://i2.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-16.09.38.png?fit=980%2C613&ssl=1)
で、Jet Pack入れてるからセットしたよ、みたいなメッセージ。はいそうですか。
![](https://i1.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-16.11.09.png?fit=789%2C1024&ssl=1)
最後にメアドを入れてお店完成。でも売り物ないとね。ということでCreate a Product.
商品を入れてみたかったのでコミュニティ構築コンサルティングサービスを登録してみた。
![](https://i0.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-16.20.08.png?fit=980%2C580&ssl=1)
Pixabayとか使えば色々商品素材もあるし。コンサルならこういう素材つかってもいいよね。
![](https://i2.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-16.20.21.png?fit=980%2C501&ssl=1)
初めて登録するからかな、ナビゲーションがあちこちに入ってた。だから抜けもれなく商品は登録できる。
General
![](https://i0.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-16.27.41.png?fit=980%2C351&ssl=1)
でお値段登録。時間5万円だけど9月いっぱい半額としてみた。こういうのもカンタンにできるんだね。
Inventory 在庫とか。
![](https://i1.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-16.28.21.png?fit=980%2C251&ssl=1)
SKUは必須らしい。はじめてだから0001で。在庫切れとかも選択できるのね。在庫なんてないけどね。コンサルは。
ここで慌ててVirtualを選択。Virtualを選択してないと重さとか長さ選択がでてくる。
![](https://i1.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-16.28.55.png?fit=980%2C225&ssl=1)
寸法の登録。こういうのって日本のモールとか全部店長の自助努力になってる気もするけど、絶対あったほうがいいよね。コンサルは重さも寸法もないけどね。
Linked Products
![](https://i0.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-16.29.28.png?fit=980%2C226&ssl=1)
これもいいよね。商品のリコメンド。アップセルクロスセルで紹介した商品を乗せるんじゃないかな。
Attributes (属性)
![](https://i0.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-16.31.15.png?fit=980%2C250&ssl=1)
色とかサイズとか選択するものをここに入力。|で区切ってね。
![](https://i1.wp.com/ejtter.com/wp-content/uploads/2019/09/image.png?fit=980%2C283&ssl=1)
例えばこんな感じ。
Advanced 高度な設定かな
![](https://i1.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-16.33.36.png?fit=980%2C220&ssl=1)
でもって色々メモとか順番とか。レビューもOKするかとか。
Get more options
![](https://i0.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-16.33.59.png?fit=980%2C297&ssl=1)
他にも色々できて、商品1ページで決済できたり、寄付用だったり、画像たくさんつかえたり、最小最大オーダーできたり、いろいろオプションあるみたい。
でもってプレビューして確認後、オープン!
![](https://i0.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-16.36.13.png?fit=980%2C896&ssl=1)
おおお!ちゃんと商品というメニューができてて、商品検索窓できとるよ。カンタン。
![](https://i0.wp.com/ejtter.com/wp-content/uploads/2019/09/Screen-Shot-2019-09-16-at-16.40.48.png?fit=980%2C786&ssl=1)
カート、いれられちゃいますよ。すごい。
作った感覚でいうと、カラーミーより100倍カンタンだった。もっと使ったほうがいいんじゃないかなと思ったけど・・・
次にMatomoとつなげた話でも書くかな。
-
前の記事
Bangaroleでインド基礎集中講座を受けた 2019.08.13
-
次の記事
Matomoのカスタムディメンションとは(その1) 2019.10.01