こんにちは。他人の評価が気になる男、ナカノマサミツです。
みなさん、ECサイトで商品を買うときって何を参考にされてますか？商品ページの情報？写真？いやいや、やはりそれは口コミでしょう！
口コミというものはステマではない限り、実際に購入された、使用された方の生の声ですのでそれはそれはもう信用に足る情報源です。
実際ぼくはamazonなんかで商品を購入する際はもうほとんど商品情報なんてみません。レビューのみを参考にしています！
今回はそんな重要度の高いレビュー機能をサイトにつけちゃいましょうという話です。
レビューの重要性
さて、さきほどは僕の個人的な「レビューは絶対に見る！」という意見でしたが、世の中の人はどうなんでしょう？
なんと、商品を購入する際に口コミを気にする人は8割、口コミが決めてで商品の購入を決めた人は4割にもなるそうです。
NTTコムリサーチ「購買行動におけるクチコミの影響」に関する調査参照
ただし口コミを見て購入をやめたという割合も7割にもなるため、口コミを導入するかは商品の良し悪しにもよるということですね。敵にも見方にもなりうる存在。それがレビューというものです。
とレビューの重要性がわかったところで自身のサイトにレビュー機能を導入してみましょう！
まずはWP Customer Reviewsを導入しよう
今回はWordpressでサイトを運用されている方が対象になります。
WP Customer Reviewsをインストール
プラグインの検索画面から「WP Customer Reviews」で検索、もしくはプラグインのダウンロードページからダウンロードしてサーバーにアップロードし、有効化します。
設定
有効化したら早速レビューが書けるようにしましょう！
まずは投稿などの編集ページに行きます。投稿部分の下にある「Enable WP Customer Reviews for this page」にチェックを入れるとレビューを投稿、表示できるようになります。
が
おやおや？全部英語ですねー・・・こりゃ英検3級をもっている僕なら読めちゃいますが、なかなか普通の人にはハードルが高いんじゃないでしょうか・・・
WP Customer Reviewsの日本語化
このプラグインですが、インストールしたての場合は英語仕様になっています。やはりレビューを書いていただきやすいように日本語化してさしあげましょう！
設定編
まずは簡単な設定から。左のメニューから「Reviews > Plugin Setting >Review Form Setting」に移動し必要箇所を変更します。
見てのとおり「Name」「Email」「Website」「Review Title」とありますが、これを「名前」「メールアドレス」「ウェブサイト」「レビュータイトル」に変更すればいいだけですが、あまりにもたくさんの情報を聞きすぎると、レビューを投稿してくれなくなる可能性があるので、必要ない情報の「Ask」「Require」のチェックは外した方がいいかもです。
ファイル編集編
さて、これだけではまだまだ日本語化が完了できていないので、プラグインのファイルを直接編集し、日本語化していきます。
修正が必要な個所をファイルごとにみていきますね。
■include > template > frontend_review_form.html を編集する
| | <div class="wpcr3_leave_text"> Submit your review </div> |
↓
| | <div class="wpcr3_leave_text"> レビューを投稿する </div> |
| | <label> <input type="checkbox" name="wpcr3_fconfirm2" class="wpcr3_fconfirm2" value="1" /> Check this box to confirm you are human. </label> |
↓
| | <label> <input type="checkbox" name="wpcr3_fconfirm2" class="wpcr3_fconfirm2" value="1" /> チェックを入れて送信してください。 </label> |
| | <tr> <td colspan="2"> <div class="wpcr3_button_1 wpcr3_submit_btn" href="javascript:void(0);">Submit</div> <div class="wpcr3_button_1 wpcr3_cancel_btn" href="javascript:void(0);">Cancel</div> </td> </tr> |
↓
| | <tr> <td colspan="2"> <div class="wpcr3_button_1 wpcr3_submit_btn" href="javascript:void(0);">送信</div> <div class="wpcr3_button_1 wpcr3_cancel_btn" href="javascript:void(0);">キャンセル</div> </td> </tr> |
| | <p class="wpcr3_no_reviews"> There are no reviews yet. Be the first to leave yours! </p> |
↓
| | <p class="wpcr3_no_reviews"> まだレビューは投稿されていません。 </p> |
■include > template > frontend_review_item_aggregate.html を編集する
| | <div class="wpcr3_aggregateRating" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="bestRating" content="5" /> <meta itemprop="worstRating" content="1" /> <meta itemprop="ratingValue" content="{{aggregate_rating}}" /> <meta itemprop="reviewCount" content="{{aggregate_count}}" /> <span class="wpcr3_aggregateRating_overallText">Average rating: </span> <div class="wpcr3_aggregateRating_ratingValue">{{stars}}</div> <span class="wpcr3_aggregateRating_reviewCount">{{aggregate_count}} reviews</span> </div> |
↓
| | <div class="wpcr3_aggregateRating" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="bestRating" content="5" /> <meta itemprop="worstRating" content="1" /> <meta itemprop="ratingValue" content="{{aggregate_rating}}" /> <meta itemprop="reviewCount" content="{{aggregate_count}}" /> <span class="wpcr3_aggregateRating_overallText">平均: </span> <div class="wpcr3_aggregateRating_ratingValue">{{stars}}</div> <span class="wpcr3_aggregateRating_reviewCount">{{aggregate_count}} レビュー</span> </div> |
■include > template > frontend_review_form_review_field.html を編集する
| | <tr class="wpcr3_review_form_review_field_label"> <td colspan="2"> <label for="id_wpcr3_ftext" class="comment-field">Review: </label> </td> </tr> |
↓
| | <tr class="wpcr3_review_form_review_field_label"> <td colspan="2"> <label for="id_wpcr3_ftext" class="comment-field">レビュー: </label> </td> </tr> |
■include > template > frontend_review_form_rating_field.html を編集する
| | <tr class="wpcr3_review_form_rating_field"> <td> <label for="id_wpcr3_frating" class="comment-field">Rating: </label> </td> <td> <div class="wpcr3_rating_stars">{{rating_stars}}</div> <input style="display:none;" type="hidden" class="wpcr3_required wpcr3_frating" id="id_wpcr3_frating" name="wpcr3_frating" /> </td> </tr> |
↓
| | <tr class="wpcr3_review_form_rating_field"> <td> <label for="id_wpcr3_frating" class="comment-field">評価: </label> </td> <td> <div class="wpcr3_rating_stars">{{rating_stars}}</div> <input style="display:none;" type="hidden" class="wpcr3_required wpcr3_frating" id="id_wpcr3_frating" name="wpcr3_frating" /> </td> </tr> |
■js > wp-customer-reviews.js を編集する
| | wpcr3.ajaxPost(parent, ajaxData, function(err, rtn) { if (err) { return; } alert('Thank you! Your review has been received and will be posted soon.'); $(window).scrollTop(0); wpcr3.clearFields(); parent.find(".wpcr3_cancel_btn").click(); }); }; |
↓
| | wpcr3.ajaxPost(parent, ajaxData, function(err, rtn) { if (err) { return; } alert('レビューの投稿ありがとうございます！'); $(window).scrollTop(0); wpcr3.clearFields(); parent.find(".wpcr3_cancel_btn").click(); }); }; |
これで一通り、必要なファイルの修正は完了しました！
プラグインを一旦停止
そしてここに僕はうっかりはまってしまったのですが、ファイルを編集してもすぐには反映されません。
一度プラグインを停止し、再度有効化をする必要があります。再度有効化をするとこの通り！
きれいに日本語化されています。
これで安心してレビューも投稿していただけますね！
使ってみよう！
レビューの投稿は左側メニューの「Reviews > All Reviews 」から確認できます。
レビューを確認後、「公開」のボタンを押すと、投稿ページなどにレビューが投稿されます。そしてなんとコメントへの返信もできます！
出来上がったレビューの投稿欄などはこの通り！
日本語化したプラグインをダウンロード
さて、一応やろうとしてみたけどさっぱりわからんぞい！って方は、僕が日本語化したファイルがありますので、是非こちらをダウンロードして使ってみてください！
ダウンロードしたファイルをそのままアップロードして設定していただければ使用できます。
[btn class=”simple”]日本語化したWP Customer Reviewsをダウンロードする[/btn]
一応ほとんどのケースで使用できるようにはなっていると思いますが、もし文言などを変更されたい場合は上記を参考にして、適宜変更してください。
特に通販サイトなどではもはやレビュー機能は必須といっても過言ではありません。
せっかく素晴らしい商品を取り扱っているなら、一度購入していただいたお客様に、良い営業マンになってもらいましょう！
