web制作Lv.13 Welcartでコメント欄を設置してレビュー機能を持たせる方法

  • 小
  • 中
  • 大

管理人は、このサイト等を通じてアフィリエイトに励む傍ら、ホームページ制作業務も行っております(その件につきましては、管理人はこんな人ですというページでも言及しております)。
ホームページの制作依頼をされるお客様の中には、ECサイト構築を希望される方も多く、そのような場合はWelcartを利用させて頂いております。

Welcartとは何か

Welcartとは、WordPressのプラグインとして使用することができる画期的なECサイト構築プラグインです。

WordPressのテーマをそのまま利用しつつ、デザインを変えずにECサイト化させることができるため、非常に気に入っております。

商品を登録する前の配送方法や基本設定等の事前準備がなかなか大変ですが、慣れてしまえばとても使いやすいです。

管理人が気付いたWelcartの互換性

ちなみに、Welcartはコンタクトフォーム7との相性がちょっと悪いです。使えないことはありませんが、誤作動を起こす可能性があります。

コンタクトフォーム7とは、手軽にお問い合わせ機能をつけられる素晴らしいプラグインです。手軽なのに奥が深いため、このテーマだけでも1つ記事が書けそうなほどです。Welcartとの相性が良くないのは残念ですが、使えないことはありませんので管理人は前向きに考えています。

Welcartで何かの設定をしてうまくいかなければ、一度コンタクトフォームを停止し、設定が終わったら有効化し直すことで、うまくいくかもしれません。

管理人自身が経験した誤作動は、配送設定とメール送信でした。
具体的には、配送設定の中でいくつか配送パターンを用意し、それに伴う料金も設定しなければならないのですが、その設定や削除が(コンタクトフォームが有効になっている状態では)できませんでした。メールも、コンタクトフォームが有効になっている状態では送信できませんでした(Welcartには、WordPressの管理画面からメールを送信することができる機能が備わっていましたが、その機能が使えませんでした)。

これらをコンタクトフォーム有効化中に操作しようとすると、うまく設定できなかったりメールが送れなかったりしたことがありました。いろいろ試した結果、コンタクトフォームとの互換性に問題があるようだったので、それらの操作をする際はコンタクトフォームを一時停止させるようにしました。これら以外にも、なにか不具合があった場合、まずコンタクトフォームを停止してみて、再度試してみるとうまくいくかもしれません。

コメント欄の設置方法

さて、それでは本題のコメント欄について説明していきたいと思います。

Welcartを使っていて気付いたのですが、コメント欄の設置ができません。WordPressにはデフォルトでコメントフォームがありますが、Welcartではそれは使えないのですね。コメントテンプレートを使ってもコメント欄は設置できませんでした。

そこで、管理人はfacebookのコメント機能を利用して、レビューのように活用してしまうことにしました。イマドキのECサイトは、レビューが必ず書かれていますからね。レビューをたくさん書いてもらうことで、にぎわっている雰囲気を出すことができます。

facebookのコメント欄

それでは、ここからはfacebookのコメント欄を記事に挿入する方法についてご紹介していきたいと思います。
facebookのコメント欄を設置するのは割と簡単ですが、2つ条件があります。

1つは、facebookのアカウントを持っていること、
2つ目は、このサイトの「HP作成Lv.11 WordPressで箱形ソーシャルボタンをプラグインなしで挿入する方法」という記事を実践している、ということです。なぜ2つ目が条件に入っているかと言うと、コメント欄の設置にはfacebookのアプリが必要であり、そのアプリの作り方がLv.11の記事に書かれているためです。まだ実践されていない方は、facebookのアプリの作り方の部分だけで構いませんので、読んでアプリを作ってから先に進んで下さい。

アプリを作成したら
ここからは、上記2つの条件を満たしているという前提でお話を進めさせて頂きます。

まず、facebookにログインした状態で、facebookコメントにアクセスして下さい。

アクセスしたら、URL to comment onの下の入力欄にコメント欄を表示させたいサイトのURLを記入します。幅や投稿の数をお好みで入力したら、Get Codeをクリックします。

すると、2つのコードが与えられますので、2つともコピーしておきます。1つ目のコードはLv.11で作成したsocial-button.phpに貼り付け、2つ目のコードはコメント欄を設置したい場所に貼り付けます。

social-button.phpというテーマがない場合は、新たに作成するか、ヘッダーかフッターに貼り付けても良いかもしれません(管理人はLv.11を実践しているので、それ以外の方法で動作確認していませんので、ご注意ください)。

コメントがたまれば立派なレビューになり得る
無事facebookコメント欄が設置できたら、あとは良い商品を売り続けてコメントを待ちましょう。商品と一緒に「コメントください」と書いたチラシ等を同梱しても良いでしょうし、レビューを書いてくれた方に何らかの特典を与えても良いでしょう。

コメントが増え、にぎわっている雰囲気を出すことができれば、ますます商品が売れるようになるはずです。