Hiroki Saiki 株式会社ケンエレファント様は、ミニチュアコレクション（カプセルトイ）の製造・販売を始め、ソフビ（ソフトビニール）製のフィギュアの製造・販売やサブカルチャー関連の書籍の出版など、多角的に、そして積極的に楽しいと思うものを追求していく企業です。
Shopify を利用した EC サイトのリニューアル
今回、コーポレートサイト及び各ブランドサイトの統合と並行して EC サイトのリニューアルも行いました。
これまで、ケンエレファント様の EC サイトでは主に VINYL で取り扱われる商品のみを扱っており、ケンエレファント様の主力商品であるミニチュアについては自社の EC サイトでは取り扱っていませんでした。
その代わりに WordPress 製のコーポレートサイトには他のショッピングモールへのリンクが掲載されているミニチュア商品の紹介記事が多数存在していましたので、このリニューアルを機にそれらのデータをすべて整理し、自社の EC サイトをミニチュアや書籍などケンエレファント様のすべての商品をトータルで取り扱う EC サイトにしたいというご要望をいただきました。
また、コーポレートサイトや各ブランドサイトから EC サイトへシームレスにリンクするような形にしたい、というご要望もありました。
必要な作業とその工程
これらのご要望をいただいたことから、まず WordPress および Shopify それぞれの開発環境を構築し、それぞれに既存のデータを設定して現在の状況を再現するところから着手しました。
まず、およそ650件の記事のうち200件存在していたミニチュアの紹介記事のデータを WordPress から一括取得し、それらの既存のデータを極力活かせるように、一括取得したデータを Shopify のデータに変換するプログラムを作成しました。
その変換プログラムから出力されたデータをスプレッドシート上に反映し、お客様と一緒にデータの調整を実施し、必要なデータと新しい EC サイト上で表示する項目とをすり合わせていきました。
併せて、ミニチュア以外の既存の Shopify のデータもエクスポートし、ミニチュアのデータ同様にスプレッドシート上でデータの形式を調整し、最終的にすべてを統合・整形・調整したデータを Shopify 側に一括登録しました。
最終的には、リニューアルと併せて Shopify のテーマも変更し、ステージング環境でデータの精査と動作の確認を行いました。
Shopify API を利用し、分類ごとに WordPress に最新の商品群を表示
そして Shopify と WordPress の連携として、EC サイトの最新のデータをコーポレートサイトのトップページに表示できるよう、プラグインを開発して対応しました。
具体的には、Shopify 側の商品分類（コレクション）ごとに出力される API を利用して、WordPress 側でそれを取得して表示する機能を開発しました。
ここでは、提携の画像、商品名、分類名を登録日順に表示するとともに、予約商品や販売中といった特定のタグを表示する機能を追加しています。これは WordPress の編集可能なエリアであればどのページのどの場所にも配置でき、Shopify の API のドキュメントがとても充実していたことから、開発も非常にスムーズに進めることができました。
データを集約することで EC サイトの利用が活発に
これまで主に外部のショッピングモールを利用していた商品の販売を自社 EC サイトに変更することで、単に直販による販売増加のみならず、API 利用での Shopify と WordPress の連携によってサイト内回遊が増加し、サイトアクセスも増加しました。
EC サイトの情報をコーポレートサイトで参照して表示したことで EC サイトへのシームレスな導線を用意でき、ケンエレファント様には大変喜んでいただけました。
弊社ではこういった独自カスタマイズによる Shopify と WordPress の連携など、お客様のご要望に合わせたカスタマイズにも応じております。
いまご利用の EC サイトのカスタマイズや WordPress との連携などのご要望がございましたら、ぜひご相談くださいませ。
メインサイトでは5つの異なるブランドサイトを統合
Shopifyサイトのリニューアルにあわせて、コーポレートサイトのリニューアルも実施しました。こちらでは5つのサイトを統合いたしました。ぜひ併せてご覧ください。