ひとつウェブはブランディング、情報発信を目的にしたホームページ制作だけでなく、カラーミーショップを使ったECサイトの制作・カスタマイズも得意としています。
カラーミーショップは、商品登録や受注管理、決済、配送設定など、ネットショップ運営に必要な機能が揃った便利なサービスです。
一方で、実際に運営していると、
「ここをもう少しこうしたい」
「標準機能ではできないけれど、こんな表示ができたら便利なのに」
という場面も出てきます。
ひとつウェブでは、カラーミーショップの標準機能をそのまま使うだけではなく、HTML・CSS・JavaScript、WordPress、APIなどを組み合わせながら、そのショップに合わせた機能追加や改善も行っています。
今回ご紹介するのも、そのひとつ。
カラーミーショップに投稿された商品レビューを、トップページへ自動表示する仕組みを制作しました。

せっかくのレビューが、商品ページだけではもったいない
今回のショップでは、以前からトップページに「お客様の声」を掲載していました。
ただし、その内容は手作業。
新しいレビューを掲載するたびに、商品名やレビュー本文、星評価などをHTMLへ入力して更新する必要がありました。
これではレビューが増えるほど更新作業も増え、どうしても掲載が止まりがちになります。
そこで、カラーミーショップに登録されているレビュー情報を取得し、トップページへ自動表示する仕組みに変更しました。
レビューを承認すれば、自動でトップページへ
現在は、お客様からレビューが投稿されたあと、ショップ側で通常どおり内容を確認して承認するだけ。
承認されたレビューから、
- 商品名
- レビュー本文
- 年代・性別
- 星評価
- 商品ページへのリンク
などを取得し、トップページへ自動表示します。
レビューが増えても、トップページを毎回編集する必要はありません。
表示件数も自由に設定でき、今回のショップではパソコンで3件、スマートフォンでは1件ずつ表示。複数のレビューがある場合は、自動で横にスライドするようにしました。
もちろん、カードの色や枠線、余白、星のデザインなども、そのショップのデザインに合わせて調整できます。
また、レビュー取得時には必要な情報だけを取り出し、メールアドレスなどの顧客情報が公開されない仕組みにしています。
導入事例)餅屋いけがみ | 鳥取県の1等水稲米でつくる餅・和菓子専門店(米子市)
https://www.mochi-ikegami.jp
カラーミーショップは、もっと便利にできる
「カラーミーだから、この機能はできない」
そう思っていたことでも、少し仕組みを追加することで実現できるケースがあります。
サイトを全部作り直す必要はありません。
今あるショップを活かしながら、
「ここだけ、もう少し便利にしたい」
という改善もできます。
ひとつウェブでは、カラーミーショップを使ったECサイト制作から、公開後の運用、デザイン変更、機能追加まで対応しています。
毎日のショップ運営の中で感じている小さな不便があれば、ぜひ一度ご相談ください。
今あるサイトを活かして、必要なところだけ、もっと使いやすく。
そんなECサイトの改善も、ひとつウェブの仕事です。