占いの結果から商品を購入できるショッピングサイトを制作しました

WordPressとe-shopsカートSを使い、占いの結果に合った商品を表示するショッピングサイトを制作しました。

このサイトでは、ユーザーが占いを行うと、結果に合ったお茶がいくつか表示されます。商品説明や画像と一緒に購入ボタンも表示されるので、その場で商品をカートに入れられます。

占い機能はWordPressの専用プラグインとして開発しました。入力欄はショートコードにして、サイト内のどこにでも置けるようにしています。結果画面は固定ページとブロックエディターで作り、結果によって変わる部分だけをプラグインから表示します。

結果コメントやアイコンは管理画面から変更できます。判定に使うデータもCSVで更新できるようにしました。

商品ページには、e-shopsカートSのカートコードと商品情報を登録する専用の入力欄を用意しました。商品IDとカートコードを間違いなく結びつけ、占い結果に正しい商品を表示するためです。

ほかの方法も検討しました。ショップと占いサイトを分けると、管理するサイトが二つになり、占い結果から商品ページへ移動する必要があります。WooCommerceを使う方法では、顧客情報がWordPressと同じサーバーに保存されます。APIを使う方法は、開発にも後の管理にも手間がかかります。

e-shopsカートSなら、保存したカートコードを呼び出すだけで、結果画面に購入ボタンを表示できます。開発を必要以上に複雑にせず、お客様も管理しやすい方法として、今回はWordPressとe-shopsカートSを使いました。

プラグイン開発だけでなく、デザインの見直し、サイト全体の制作、マニュアル作成、コンテンツの提案も行っています。

占いの結果から商品を購入できるショッピングサイトを制作しました

松尾奈央