株式会社メリオル

◾️概要
自動車パーツを販売するECサイトを、ShopifyとWordPressを組み合わせて構築しました。
Shopifyを商品情報・在庫管理の基盤として利用し、WordPress側で商品ページやコンテンツを構築することで、EC機能とWebサイトとしての柔軟なページ制作を両立しました。

◾️従来の課題
ShopifyとWordPressを個別に運用していたため、商品を追加・更新する際に、同じ商品情報をそれぞれのシステムへ登録する必要がありました。

そのため、商品登録・更新作業が二重に発生し、運用担当者の作業負荷が大きくなることに加え、登録漏れやShopifyとWordPress間で商品情報に差異が発生するリスクがありました。

商品数が増えるほど運用負荷も大きくなるため、商品情報を効率的かつ一元的に管理できる仕組みが求められていました。

◾️対策
Shopifyを商品情報の管理元として統一し、Shopify APIを利用して商品情報をWordPress側へ自動的に連携する仕組みを構築しました。

WordPressにはPHPで独自プラグインを開発し、Shopifyに登録された商品情報を取得して、それぞれの商品ページへ自動的に反映できるようにしました。

これにより、運用担当者はShopify側で商品情報を登録・更新するだけで、WordPress側にも内容を反映できるようになり、二重登録の手間や更新漏れを削減しました。

また、フロントエンドではレスポンシブ対応を行い、スマートフォンでも商品検索や条件による絞り込みを直感的に操作できるよう設計しました。

商品管理業務の効率化だけでなく、ユーザーが商品を探して購入するまでの導線も考慮し、運用面とユーザビリティの双方を改善しました。

Shopifyを商品情報の管理元とし、Shopify APIを利用して商品データを取得し、WordPress側へ自動的に反映する仕組みを構築しました。

WordPressの独自プラグインとしてPHPで連携処理を実装することで、Shopifyへの商品登録・更新を起点にECサイト側の商品情報も更新できる構成とし、商品管理業務を効率化しました。

フロントエンドではレスポンシブ対応を行い、スマートフォンでも商品検索や条件による絞り込みを直感的に操作できるよう設計。
ユーザーが商品を探して購入するまでの導線を意識したUI/UXを実現しました。

ShopifyとWordPressへの商品情報の二重登録が不要となり、商品追加・更新に伴う運用負荷を削減しました。また、商品情報を一元的に管理できるようになったことで、登録漏れや更新内容の不整合を防ぎやすい運用環境を実現しました。

さらに、スマートフォンでの商品検索・絞り込みの操作性を高めることで、ユーザーが目的の商品へスムーズにアクセスできるECサイトとなり、購入機会を損なわないユーザー体験の向上につなげました。