第37回山梨WordPressミートアップ「ECシステムシェアNo.1「WooCommerce」を解説 」by清野奨＆質問会 レポ

※この記事には広告やアフィリエイトリンクが含まれています

この記事は、2023年2月23日に行われた山梨WordPressMeetUpのレポートです。

「ECシステムシェアNo.1「WooCommerce」を解説。」というテーマで清野奨さんにお話しいただきました。清野さんの資料・ご説明がすっごいわかりやすくて面白く、質問が止まらないあっという間の２時間でした。清野さん、本当にありがとうございました！

ECサイト制作に携わる方、検討している方にはとても貴重な情報ばかりでしたので、ブログにまとめさせていただきました。ぜひ参考にしてね！

目次

• WooCommerceとは
  • ECサイトシェアの指標による考察
• WooCommerceとShopifyの違い
  • WooCommerceのメリット
• おすすめのマーケティングツール
  • Jetpack CRM
  • Microsoft Clarity
  • Mautic
• 質問会 FAQ 一覧
  • 日本語テーマのWooCommerce対応状況
• まとめと感想
• おまけ：SWELLでWooCommerce作ってみた事例

WooCommerceとは

WooCommerceとは簡単にいうと、WordPressの中にECサイト（オンラインショッピングサイト）を作るプラグインです。

元は南アフリカのWooThemesという会社が作ったプラグインでしたが、WordPressの創業者の会社（Autmatioc）が買収してさらに有名になりました。ECサイト全体の25％を占めていると言われています。

ECサイトシェアの指標による考察

しかし、シェアの割合は指標によって異なるという面白い見方を教えていただきましたよ。

builtwith（https://trends.builtwith.com/shop）によると、TOP 1m（世界のトップ100万サイト）の集計は以下のとおり。（画像は全てLast updated 15th Feb 2023時のものです）

１位 WooCommerce：23%
２位 Shopify：19%
３位 Magento：7%　となっていました。

ここだけ見て「世界ではもっともWooCommerceが使われている」と言っても間違いではないのですが、TOP100k（世界のトップ1万サイト）に絞ると順位が入れ替わっています。

１位 Shopify：18%
２位 WooCommerce：13%
３位 Magento：7%　となっていました。

トップ1万サイトに絞るとShopifyの方が割合が多くなっていますね。

さまざまな考察ができると思いますが、WooCommerceは無料で始められ、月額費用などもかからないため、（特にWordPressユーザーは）気軽に始める人が多く、全体でユーザーが増えているのではないか、とのこと。

しかし、WordPressユーザーではなかったらどうでしょうか？まずサーバーを借り、WordPress・WooCommerceインストール・設定する手間と、さらに月々のサーバー費用やメンテナンスの手間もかかりますよね。すぐにECサイトだけを立ち上げたいなら、サーバー込みのShopifyやWix Storeのシェアが高くなるのかもしれません。（余談ですが日本のみに絞るとWixが一位だったのも興味深い数字です）

WooCommerceとShopifyの違い

さてShopifyとWooCommerceでは何が違うのでしょうか？
WooCommerceのメリットは以下のとおりです。

WooCommerceのメリット

対して、Shopifyやその他ECサービスのメリットは真逆になります。

セットアップが簡単で、サーバーの管理コストはかかりませんが、月額利用料がかかったり、売上の何割かが利用料として差し引かれたりします。元々がWooCommerceが海外仕様のため越境ECには向いていますが、逆にECサービスは日本国内で利用しやすいように最適化されており、使いやすいなどがあります。

MeetUPでは、この後、WooCommerce初期設定のデモンストレーションをしていただきました。リアルタイムで操作を見せていただけるのは本当にわかりやすかったです。

ブログでお伝えするのは難しいかもしれませんが、伺ったことを以下に箇条書きにします。

• WooCommerceは、物理的な販売とダウンロードは無料で設定可能、その他サブスクリプションやメンバーシップの作成には有料オプションが必要。

・「含まれるビジネスプラン機能」設定では、そのまま追加すると多くのプラグインが合わせてインストールされる。（デモンストレーションでは、海外からの接続でZoomを使用しているためこのインストールに時間がかかってしまいましたが、私が自宅で行う分にはわりとすぐ終わりました）

・インストール直後、プラグインが英語表記になっている場合は、WordPressの管理画面の「ダッシュボード→更新→翻訳」から「翻訳を更新」すると日本語化できる場合がある。

・WooCommerceに登録した商品ページは、WooCommerce対応のテーマで表示可能。「Storefront」がデフォルトテーマ。

• インストールが完了し、プラグインメニューを開くと以下のようなセットアップガイドがある。１から５まで必要な情報を入れて設定。６では広告や、クーポンなどのプラグインもあり、さまざまにカスタマイズできる。

• 「商品」メニューから商品情報を追加できる。WordPressの投稿画面同様、画像サムネイル、カテゴリー、タグなど追加でき各要素でソート可能。今後ブロックエディタ対応するという話もあるが、まだ表記はクラッシックエディター。

これで製品が登録できるようになりましたが、この手順で販売ページだけできたとしても、それだけではなかなか売れませんよね。

そこでおすすめのマーケティングツールも合わせて紹介してくれました。これすごかったです！

おすすめのマーケティングツール

Jetpack CRM

JetpackのCRM（Customer Relationship Management）ツール。顧客管理や、メルマガを自動化できたり、LTV（Life Time Value）なども追える。WooCommerceを所有しているAutomattic社製のツールなのでWooCommerceとの相性が良い。

Microsoft Clarity

無料で使えるヒートマップツール。商品が売れない時は、広告を改善するだけではなく販売ページの改善も必要。これもプラグインで設定できる（https://ja.wordpress.org/plugins/microsoft-clarity/）

Mautic

無料で使えるMA（マーケティングオートメーション）ツール。CRMに似ており、複雑な条件で自動送信メールを送ってくれたり、開封確認や、クリック測定もできるので、「リンクをクリックした人にだけクーポンを送る」など細かい判定と送信が自動化できる。これもプラグインで設定できる。（https://ja.wordpress.org/plugins/wp-mautic/）

デモンストレーション中を含め、たくさんの質問にお答えいただきましたので以下にまとめました。

質問会 FAQ 一覧

※ 捕捉：デモンストレーション中は気づきませんでしたが、金額は月額／年額で金額表示を切り替えるられるようになっていました。

そこで、日本語テーマのWooCommerce対応状況をまとめてみました。

日本語テーマのWooCommerce対応状況

テーマ名・リンク	WooCommerce 対応	参考：専用プラグイン
Lightning	○
Snow Monkey	○
SWELL	非推奨
Arkhe	○	Arkhe Wookit
Nishiki Pro	○	Nishiki Pro for WooCommerce
LIQUID PRESS	○
Cocoon	非推奨

特に、ArkheとNishiki ProはWooCommerce最適化プラグインを販売しているので、カスタマイズに自信がない方はそちらを購入して相談するのも良さそうですね。

SWELLが非推奨なのが意外でしたが、公式サイトでは以下のような回答になっていました。

SWELLの回答

WooCommerceなどのEC系のプラグインは基本的に対応（動作保証）していません。
WooCommerce等を絶対に使えないということはないですが、ご自身でカスタマイズなどがかなり必要です。

https://swell-theme.com/basic-setting/4688/#index_id15

余談ですが、カエルコムニスのコスギさんが、SWELL＋WooCommerceで素敵な販売ページを作成されていましたよ。https://coaching.kosgis.com/shop/

プロの仕事なのでマネは難しいかもしれませんが、コスギさんが作り方を教えてくださったので文末でご紹介しますね。

Cocoonの回答

……試したことはないので、ちょっと対応しているとは言い難いです。
基本、変則的なJavaScript利用をしてないものであれば、大丈夫とは思うのですが、申し訳ないですが試してみないと分からないとしか言えないです。

https://wp-cocoon.com/community/cocoon-theme/woocommerce%E5%B0%8E%E5%85%A5%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/

Cocoonも非推奨でした。コメントでは「大丈夫とは思う」とのことなので、技術のある方なら可能かもしれません。

まとめと感想

私たちWordPressユーザーにとって、WooCommerceは簡単に始められ、手数料もかからない人気のサービスです。しかし、触ってみると設定やカスタマイズがけっこう難しく、インターネットで調べても日本語の情報は少ないです。長い目で見ると、あまり初心者向けではないかもなーと感じていました。

結局、制作も保守も難しくてコストがかかるなら、Shopifyなどの有料ECサービスを利用する方が多いのもわかります。私がご依頼いただく時も、BASEを利用してWordPressに組み込むことが多かったです。

しかし、清野さんがおっしゃるには大規模なECサイトでさまざまなデータを独自に活用したいとなると、ECサービスでは自由度が低いため、WooCommerceでの開発が最適な場合も多いそうですよ。

WordPressでのサイト制作、保守を自分で行っている方なら、ECサービスを使わなくても各プラグインを活用してWooCommerceでのECサイト制作にチャレンジしてみるのも良いかもしれませんね！

こんなに便利なマーケティングツールが無料で使えるのは知りませんでした。私も活用させていただこうと思っています。

おまけ：SWELLでWooCommerce作ってみた事例

カエルコムニスのコスギさんが、ホームページでクリフトンストレングス® のアクセスコードを販売するのに、販売ページをWooCommerceで制作されたそうです。

クリフトンストレングス® アクセスコードの購入 | カエルコムニス株式会社
https://coaching.kosgis.com/shop/

その作り方を教えてくださったので、こちらでご紹介させていただきますね！

以下のプラグインを入れているそう。

SWELLではWooCommerceで作った商品ページを表示させる機能がついていないので、それを自分で作る必要があります。固定ページのテンプレート（page.php）を読み込んで作ったそうですよ。

また、固定ページを読み込むためぱんくずリストの調整も必要だそう。

そりゃ大変だなと思ったら、なんとコード教えてくださいました！！

/* page テンプレートを読み込ませる */
add_filter( 'template_include', function( $template ) {
	if(!is_singular('product')) return $template;
	wp_enqueue_style( 'swell-page/page-css', T_DIRE_URI.'/build/css/modules/page/page.css', [], SWELL_VERSION );
	return get_stylesheet_directory() .'/page.php';
});

/* 関連商品を非表示 */
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

/* パンくずリストを調整 */
add_filter( 'swell_breadcrumb_list_data', function( $list_data ) {

	if (!is_singular('product')) return $list_data;
	
	$page_id = 2290; // ショップページ
	$custom_data = array(
		array(
			'url'  => get_permalink( $page_id ),
			'name' => get_the_title( $page_id ),
		),
		array(
			'url'  => '#',
			'name' => $list_data[2]['name'],
		),
	);
	return $custom_data;
});

あとはCSSで外観を調整しているそうです。

このコードは販売ページの作成のみで、WooCommerceのマイページ機能など使いたいときは別途ページの作成・調整が必要になるかと思います。そのままで全てに使えるわけではないのでご注意くださいとのことでした。

コスギさん、コードのご提供ありがとうございました♪