AIサマリー
品揃えが多すぎて、店に入った時のあの気分、わかりますよね。棚をじっと見つめ、何かを手に取り、また戻し、結局何も買わずに店を出てしまう。
オンラインで買い物をするお客様も同様の体験をしますが、ただタブを閉じてしまうだけです。
商品レコメンデーションクイズなら、その問題を解決できます。訪問者に商品カタログをすべて提示して、自分で選んでもらうのを待つのではなく、クイズでいくつかの簡単な質問をすることで、適切な商品へと導くことができます。まるで、ウェブサイトに親切な販売員が常駐しているようなものです。
このチュートリアルでは、WPFormsを使ってWordPressで商品レコメンデーションクイズを作成する方法をご説明します。コードを書く必要はなく、午後1時間ほどで設定を完了できます。
さあ、本題に入ろう。
オンラインストアで商品レコメンデーションクイズが効果的な理由
具体的な方法に入る前に、なぜこれに取り組む価値があるのかについてお話ししましょう。
ユーザーがサイトにアクセスした際、大まかな希望はあっても、具体的にどの商品が自分に適しているかは分からないことがよくあります。レコメンデーション・クイズは、そのギャップを埋める役割を果たします。ユーザーの好み、予算、肌質、フィットネスレベルなど、その分野にふさわしい要素を基に、最適な商品を提案するのです。
これにより、お店には次のようなメリットがあります:
- 意思決定の負担を軽減します。選択肢が少ないほど、サービスの質が高いと感じられます。クイズによって選択肢を絞り込むことで、買い物客が自分で30もの商品を比較する必要がなくなります。
- コンバージョン率を向上させます。パーソナライズされた検索結果が表示されると、ユーザーは購入に至る可能性が高まります。自分自身が情報を提供したからこそ、その推奨内容に信頼を寄せるのです。
- 有用なデータを収集します。クイズへの回答一つひとつが、対象者について何かを教えてくれます――彼らが何を重視しているか、何を探しているか、どんな問題を解決しようとしているか。これこそがマーケティングの宝です。
- サイト滞在時間とエンゲージメントを向上させます。クイズは双方向性があり、人々はクイズを解くことを好みます。そして、ユーザーがサイトに長く留まり、コンテンツと関わり続けるほど、コンバージョンに至る可能性が高まります。
スキンケア製品、コーヒー、サプリメント、衣類、テックアクセサリー、ペット用品など――つまり、選択肢が数種類以上ある商品であれば、どんなものでも、おすすめ診断クイズはあなたの店舗にとって大きな効果を発揮します。
必要なもの
このクイズを作成するには、以下のものが必要です:
- WPFormsがインストールされ、有効化されているWordPressサイト(Proライセンス以上)
- WPFormsのダッシュボードから直接インストールできる「Quiz Addon」
- 御社の商品カテゴリーやおすすめ商品について、大まかな概要(これについては後ほど具体的に整理していきます)
以上です。クイズ全体はWPFormsのドラッグ&ドロップビルダー内で作成されます。サードパーティ製のツールも、カスタムコードも、開発者も必要ありません。
ステップ1:クイズを作成する前に計画を立てる
これは多くの人が省略してしまうステップですが、最も大きな違いを生むのがこのステップなのです。
フォームビルダーを開く前に、少し時間を取って次の3つの点を整理しておきましょう:
おすすめ商品(結果)
おすすめしたい商品(または商品カテゴリ)を3~5つ挙げてください。これらがクイズの回答選択肢となります。
たとえば、コーヒーの定期購入サービスを行っている場合、成果としては次のようなものが考えられます:
- ライトロースト・ブレンド
- ミディアムロースト・ブレンド
- ダークロースト・ブレンド
- エスプレッソロースト
- カフェインレスブレンド
結果は3~5つに絞ってください。それ以上になるとクイズが長くなり、結果のパーソナライズ感が薄れてしまいます。
ご質問
購入者を適切な商品提案に分類するのに役立つ質問を3~6個考えてみてください。クイズの質問例:
- 答えやすいもの(「1~10のスケールで評価してください」といった形式は避け、選択式にする)
- 買い物客にとって意味のあるものだと感じられるように(なぜその質問をするのかがわかるように)
- 実際に、自社製品を他社製品と差別化するのに役立ちます
コーヒーショップの例については:
- 普段、コーヒーはどのようにお召し上がりになりますか?(ブラック/クリーム入り/ミルクと砂糖入り/アイス)
- 普段、いつコーヒーを飲みたくなりますか?(朝一番/午後の気分転換に/夕食後/一日中)
- お好みの味はどのようなものですか?(爽やかでフルーティー / 滑らかでバランスの取れた / 力強くコクのある / まろやかでマイルドな)
「回答と製品の対応表」
各質問について、どの回答がどの製品を指し示すかを決めてください。付箋に書き留めておくだけでも構いません。この対応付けこそがクイズを機能させる鍵であり、作成を始める前にこれを明確にしておけば、フォームビルダーでの試行錯誤を大幅に減らすことができます。
ステップ2:新しいフォームを作成し、クイズモードを有効にする
WordPressのダッシュボードを開き、「WPForms」→「新規追加」に進んでください。
フォームに名前を付けましょう。「商品おすすめクイズ」のような名前で問題ありません。手っ取り早く始めたい場合は、2,100種類以上のテンプレートから選ぶこともできますが、このチュートリアルでは一から作成していきます。
フォームビルダーを開いたら、左側のメニューから「設定」»「クイズ」に進んでください。
「クイズを有効にする」ボタンをクリックしてください。
クイズモードを有効にすると、クイズ設定エリアの上部に「質問」、「評価」、「結果」、「設定」という新しいタブが表示されます。これらは、クイズに関するすべての設定を行う場所です。
ステップ3:性格診断クイズの種類を選ぶ
WPFormsでは、「採点式」、「性格診断」、「加重式」の3種類のクイズ形式が用意されています。商品のおすすめクイズには、「性格診断」が適しています。
その理由は次の通りです。性格診断クイズでは、各回答選択肢が特定の結果(この場合は商品のおすすめ)に対応付けられています。WPFormsは回答を集計し、最も一致した結果を表示します。正解や不正解はなく、単に最適な選択肢へと導く好みの傾向を示すものです。
クイズの種類画面で、「性格診断クイズ」を選択してください。
さらにいくつかの設定項目が表示されます:
- タイトル— これは訪問者に表示されるクイズのタイトルです。魅力的なものにしましょう。「あなたにぴったりのコーヒーを見つけよう」や「あなたに最適なスキンケアルーティンは?」といった表現は、「製品クイズ」というタイトルよりも効果的です。
- 説明— クイズの上部に表示される短い導入文です。利用者の期待に応えるために活用してください。「簡単な質問にいくつか答えていただければ、あなたに最適な商品をご提案します。」
ステップ4:あなたの性格タイプを特定する(商品のおすすめ)
ここで、ステップ1で整理した製品の成果を入力します。
[設定] タブの [パーソナリティタイプ] セクションで、各商品のおすすめを個別のタイプとして追加します。コーヒーショップの例の場合、次のように追加します:
- ライトロースト・ブレンド
- ミディアムロースト・ブレンド
- ダークロースト・ブレンド
- エスプレッソロースト
- カフェインレスブレンド
これらは、クイズを完了した買い物客が得られる可能性のある結果です。次のステップでは、各回答選択肢をこれらのタイプのいずれかに紐付けます。
ヒント:パーソナリティタイプにはわかりやすい名前を付けましょう。これらの名前はクイズの結果や分析に表示されるため、「タイプA」という表記よりも「乾燥肌のための保湿ケア」といった表現の方が、購入者にとって親しみやすく感じられます。
ステップ5:クイズの問題を追加する
次に、クイズ作成ツールの上部にある「質問」タブをクリックしてください。ここで、購入者が回答する実際の質問を追加します。
まず、フォームに質問フィールドを追加する必要があります。左側の「フィールド」パネルに移動し、質問ごとに「複数選択」フィールドをドラッグして配置してください。「ドロップダウン」や「チェックボックス」フィールドを使用することも可能です。これら3つのフィールドはすべて、性格診断クイズに対応しています。
各質問項目について:
- フォームのプレビュー画面でフィールドをクリックすると、フィールドオプションが開きます
- 質問内容をフィールド名として入力してください(例:「普段、コーヒーはどのように飲まれますか?」)
- 選択肢を入力してください(例:「ブラック」、「クリーム入り」、「ミルクと砂糖入り」、「アイス」など)
質問が3~6個ある場合は、それぞれについてこの手順を繰り返してください。
各回答を性格タイプに割り当てる
ここが最も重要なポイントです。クイズ設定の「質問」タブに戻ってください。各質問フィールドが一覧表示されます。
各問題のすべての選択肢について、ドロップダウンメニューを使用して、ステップ4で作成した性格タイプ(商品のおすすめ)のいずれかに割り当ててください。
例えば、「普段、コーヒーはどのようにお召し上がりになりますか?」という質問では:
- 「ブラック」→ ダークローストブレンド
- 「クリーム入り」→ ミディアムロースト・ブレンド
- 「ミルクと砂糖入り」→ ライトローストブレンド
- 「アイス」→ エスプレッソロースト
すべての問題について、すべての選択肢に対してこの操作を行ってください。割り当てられていない選択肢があると、クイズの結果が正しく算出されません。
重要:すべての回答選択肢にマッピングが必要です。各質問を注意深く確認してください。見落としがちですが、マッピングされていない選択肢は、WPFormsが結果にカウントできません。
ステップ6:成果目標の設定
「結果」とは、ユーザーがクイズに回答した後、画面に表示される内容のことです。ここで実際の商品のおすすめ情報を提示し、できれば購入までの明確な流れを示すのが理想的です。
クイズビルダーの上部にある「結果」タブをクリックしてください。すでに「デフォルトの結果」が設定されています。これは、他の結果に一致しない場合に表示される代替メッセージです。
製品ごとに成果を設定する
「新しい成果を追加」をクリックして、各商品のおすすめごとに個別の成果を作成してください。
各結果について、「タイプ」ドロップダウンには3つの選択肢があります:
- 性格診断クイズ— ページ上に直接メッセージを表示します(ほとんどの推薦クイズに最適です)
- ページを表示— 既存のWordPressページの一つにリダイレクトします
- URLへ移動(リダイレクト)— 購入者を商品ページなどの特定のURLへ移動させます
多くの店舗にとって、リダイレクト機能は非常に便利です。顧客を、おすすめ商品の商品ページに直接誘導できるため、余計なクリックは不要です。
「メッセージ」オプションの使用
「性格診断クイズ」のメッセージタイプを選択する場合は、購入者に何が推奨されたのか、その理由を簡潔に伝える結果文を作成してください。「Quiz Personality Type」スマートタグを使用すると、購入者の結果を動的に挿入することができます。
例えば、こうだ:
「あなたにぴったりのタイプは{quiz_personality_type}です!このブレンドは、まろやかでバランスの取れた味わいが特徴で、まさにあなたの好みにぴったりです。試してみませんか?」
![]()
「リダイレクト」オプションの使用
購入者を商品ページに直接誘導したい場合は、「URLへ移動(リダイレクト)」を選択し、その商品のURLを入力してください。
商品ページにすでに充実した商品説明やレビュー、そして「カートに入れる」ボタンが設置されている場合、これは最適な選択肢です。クイズで適性を判断し、商品ページで成約につなげることができます。
各結果に条件分岐を追加する
(デフォルト以外の)新しい結果ごとに、「条件付きロジックを有効にする」をオンにします。次に、クイズの性格タイプが対応する製品と一致したときに、その結果がトリガーされるようにルールを設定します。
例えば、こうだ:
- 「クイズの性格タイプ」が「ミディアムローストブレンド」の場合、この結果を表示する
すべてのプロダクト成果について、この手順を繰り返してください。「デフォルトの成果」は予備として残しておきましょう。例えば、「クイズにご参加いただきありがとうございます!あなたにぴったりの商品を見つけるために、全商品コレクションをご覧ください」といった、一般的なメッセージを記載しておくとよいでしょう。
ステップ7:追加のフォーム入力欄を追加する
クイズの質問では商品のマッチングが行われますが、購入者からいくつかの情報を収集したい場合もあるでしょう。これは完全に任意ですが、よく追加される項目には次のようなものがあります:
- メールアドレス欄— 推奨情報(およびその後のオファー)をメールで送信できるようにするため
- 「名前」欄— パーソナライズ用
これらのフィールドは、クイズの質問と一緒にフォーム内に表示されますが、クイズの採点には含まれません。これらは単なる通常のフォームフィールドです。
メールアドレス入力欄を追加すれば、WPFormsの通知設定を利用して、購入者にクイズの結果を自動的にメールで送信することができます。これにメールマーケティングツール(Mailchimp、Constant Contactなど)を連携させれば、おすすめクイズを基盤としたリード獲得システムが完成します。
ステップ8:プレビュー、テスト、公開
公開する前に、フォームをプレビューして、ご自身で何度かクイズに答えてみてください。さまざまな回答の組み合わせを試して、以下の点を確認してください:
- どの組み合わせでも、適切な商品のおすすめが表示されます
- 結果メッセージ(またはリダイレクト)は正常に機能しています
- このクイズは、購入者の立場から見ると使い心地が良い――質問の内容が理にかなっており、流れもスムーズで、結果も自分に合わせたもののように感じられる
すべてが問題ないように確認できたら、クイズをサイトに埋め込みましょう。WordPressエディター内のWPFormsブロック、ショートコード、またはウィジェットを使用して、任意のページや投稿に追加できます。また、クイズ専用のランディングページを作成することも可能です。
プロのアドバイス:クイズは、買い物客が実際に目にする場所に配置しましょう。おすすめの場所は以下の通りです:
- メインナビゲーションからリンクされた、「相性診断」または「クイズに挑戦」専用のページ
- お客様のホームページ(特に商品の選択が悩みの種となっている場合)
- 買い物客が積極的に閲覧や比較を行っている商品カテゴリページ
- サイトにアクセスしてから数秒後に表示されるポップアップまたはスライドイン
ステップ9:クイズの結果を確認する
クイズの回答収集が開始されると、フォームビルダー内の「結果」タブからデータを確認できます。
「結果」ページでは、グラフや質問ごとの内訳(各質問への回答状況や、最も多い回答結果)が表示されます。これは、ユーザーをより深く理解し、製品やサービスの提供内容を最適化するために役立ちます。
検索結果を以下の条件で絞り込むことができます:
- 期間— 特定の期間の回答を表示する
- 性格タイプ— ユーザーが受け取った商品のおすすめ内容で絞り込む
- 完了— クイズの提出状況(完了/未完了)を確認する
- Q&A— 特定の質問への回答を詳しく見る
ある商品のおすすめが他の商品よりも圧倒的に多く表示される場合、そこには何か意味があります。質問の内容を見直す必要があるか、あるいはその商品が実際に大多数の顧客にとって最適であるかのどちらかです。いずれにせよ、これは貴重なデータです。
コンバージョンにつながるクイズのコツ
クイズを作成するのは第一段階に過ぎません。それを店舗のビジネスに活かすことが第二段階です。ここでは、単に回答されるだけのクイズと、売上向上につながるクイズとの違いをいくつかご紹介します:
手短に
3~5問が最適です。質問が増えるごとに、回答を途中でやめる人が増えます。3問で買い物客にぴったりの商品を見つけられるなら、7問も聞く必要はありません。
結果を自分事として感じられるようにする
単に「製品Xをおすすめします」と言うだけではいけません。相手の回答に基づいて、なぜその製品が適しているのかを説明しましょう。相手の好みを推薦内容と結びつける一、二文を加えることで、提案が「偶然の選択」ではなく、「その人向けにカスタマイズされたもの」だと感じてもらえます。
明確な次のステップを明記する
どの結果にも、購入につながる手段を用意すべきです。商品ページへのリンク、検索結果ページ上の「カートに入れる」ボタン、あるいは購入の決め手となるクーポンコードなどが考えられます。クイズで購買意欲を喚起したのですから、そこで放置してはいけません。
可能な限り画像を活用しましょう
クイズの質問内容が視覚的な要素(色の好み、スタイルの選択、製品の比較など)に適している場合は、選択式の問題に画像選択肢を活用してください。視覚的なクイズはより魅力的で、回答も早く終わります。
コンテンツのように宣伝する
クイズは単なるフォームではありません。インタラクティブなコンテンツの一種です。ソーシャルメディアでシェアしたり、メールマガジンで紹介したり、ブログ記事からリンクを貼ったりしましょう。「クイズに答えて、あなたにぴったりの[製品]を見つけましょう」というフレーズは、自然でシェアしやすいキャッチコピーになります。
商品レコメンデーションクイズは、多くのオンラインストアが苦戦している課題、つまり「ショッピング体験をパーソナライズする」という点を実現します。訪問者に選択肢を押し付けるのではなく、わずか数回のクリックで最適な商品へと導くことができます。
WPFormsとQuiz Addonを使えば、ドラッグ&ドロップビルダーを使ってWordPress内で直接、こうしたクイズを作成できます。回答の選択肢を設定し、質問を割り当て、結果の表示方法を設定すれば、すぐに公開できます。
次に、見込み客獲得クイズを作成します
WPFormsを使ってウェブサイトにクイズを作成する方法がわかったところで、さまざまな目的に合わせた多種多様なクイズを作成できるようになります。
次は、見込み客を獲得し、その関係を深めるための「リード獲得クイズ」の作成方法を学びましょう。さらに、作るのも単純に楽しいですよ!
フォームを作る準備はできましたか?最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。
この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。