カラーミーショップのレビューを、トップページに自動表示できるようにしました

ひとつウェブはブランディング、情報発信を目的にしたホームページ制作だけでなく、カラーミーショップを使ったECサイトの制作・カスタマイズも得意としています。

カラーミーショップは、商品登録や受注管理、決済、配送設定など、ネットショップ運営に必要な機能が揃った便利なサービスです。

一方で、実際に運営していると、

「ここをもう少しこうしたい」
「標準機能ではできないけれど、こんな表示ができたら便利なのに」

という場面も出てきます。

ひとつウェブでは、カラーミーショップの標準機能をそのまま使うだけではなく、HTML・CSS・JavaScript、WordPress、APIなどを組み合わせながら、そのショップに合わせた機能追加や改善も行っています。

今回ご紹介するのも、そのひとつ。

カラーミーショップに投稿された商品レビューを、トップページへ自動表示する仕組みを制作しました。

赤枠の箇所です。

せっかくのレビューが、商品ページだけではもったいない

今回のショップでは、以前からトップページに「お客様の声」を掲載していました。

ただし、その内容は手作業。

新しいレビューを掲載するたびに、商品名やレビュー本文、星評価などをHTMLへ入力して更新する必要がありました。

これではレビューが増えるほど更新作業も増え、どうしても掲載が止まりがちになります。

そこで、カラーミーショップに登録されているレビュー情報を取得し、トップページへ自動表示する仕組みに変更しました。

レビューを承認すれば、自動でトップページへ

現在は、お客様からレビューが投稿されたあと、ショップ側で通常どおり内容を確認して承認するだけ。

承認されたレビューから、

  • 商品名
  • レビュー本文
  • 年代・性別
  • 星評価
  • 商品ページへのリンク

などを取得し、トップページへ自動表示します。

レビューが増えても、トップページを毎回編集する必要はありません。

表示件数も自由に設定でき、今回のショップではパソコンで3件、スマートフォンでは1件ずつ表示。複数のレビューがある場合は、自動で横にスライドするようにしました。

もちろん、カードの色や枠線、余白、星のデザインなども、そのショップのデザインに合わせて調整できます。

また、レビュー取得時には必要な情報だけを取り出し、メールアドレスなどの顧客情報が公開されない仕組みにしています。

導入事例)餅屋いけがみ | 鳥取県の1等水稲米でつくる餅・和菓子専門店(米子市)
https://www.mochi-ikegami.jp

カラーミーショップは、もっと便利にできる

「カラーミーだから、この機能はできない」

そう思っていたことでも、少し仕組みを追加することで実現できるケースがあります。

サイトを全部作り直す必要はありません。

今あるショップを活かしながら、

「ここだけ、もう少し便利にしたい」

という改善もできます。

ひとつウェブでは、カラーミーショップを使ったECサイト制作から、公開後の運用、デザイン変更、機能追加まで対応しています。

毎日のショップ運営の中で感じている小さな不便があれば、ぜひ一度ご相談ください。

今あるサイトを活かして、必要なところだけ、もっと使いやすく。

そんなECサイトの改善も、ひとつウェブの仕事です。

この記事と似た内容の記事