Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressでインタラクティブ投票を作成する方法(ステップバイステップ)

WordPressサイトにオンライン投票を作成したいですか?

投票は、ユーザーから有益な情報を得ながら、オーディエンスを惹きつけるインタラクティブな方法です。ユーザーからのフィードバックを得て、彼らの好みを知ることができます。

この投稿では、WordPressで投票を簡単に作成・追加する方法をご紹介します。

How to Create an interactive poll in WordPress

WordPressで投票を追加するにはどのツールを選ぶべきか?

インタラクティブな投票をサイトに追加することは、瞬時にユーザーの注目を集めることができるため、ユーザーを惹きつける素晴らしい方法です。投票を利用してリードを生み出し、同時にオーディエンスから貴重なフィードバックを収集することができます。

とはいえ、WordPressサイトに投票を埋め込むためのプラグインやオンラインツールはたくさんあります。しかし、その多くはアカウントを作成する必要があったり、データをサーバーに保存する必要があったり、ユーザーエクスペリエンスが最悪だったりします。

投票データを完全にコントロールできる優れたユーザーエクスペリエンスを求めるのであれば、WPFormsが必要です。これは最高のWordPressフォームビルダープラグインであり、強力なアンケートと投票アドオンを含んでいます。

WPFormsを使えば、以下のことが可能になります:

  • WordPressでドラッグ&ドロップのフォームビルダーを使って投票を作成する
  • 自分のサイトで投票結果を集める
  • ユーザー送信時に投票数を表示する
  • サイト上の任意の場所に投票を表示する
  • 投票結果をサイト上の任意の場所に表示する

それでは、WPFormsを使ってWordPressで簡単にオンライン投票を作成する方法を見ていきましょう。

WordPressでオンライン投票を作成する

最初に行う必要があるのは、WPFormsプラグインをインストールして有効化することです。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

アンケートと投票アドオンが含まれているため、WPForms Proプランが必要です。WPBeginnerユーザーはWPFormsクーポンコードを使用することでさらに割引を受けることができます。WPFormsのLite版も無料でお試しいただけます。

有効化した後、WPForms ” 設定ページにアクセスしてライセンスキーを入力する必要があります。この情報はWPFormsアカウントにあります。

Entering the WPForms license key

次に、WPForms ” Addonsページにアクセスし、Surveys and Pollsアドオンまでスクロールダウンする必要があります。

先に進み、「インストール」アドオンボタンをクリックします。

Install surveys and polls addon

これでオンライン投票を作成する準備が整いました。

まずWPForms ” 新規追加のページで新しいフォームを作成します。まず投票フォームのタイトルをプロバイダーで指定し、’投票フォーム’ テンプレートを選択します。

Select the poll form template

これはWPFormsのドラッグアンドドロップフォームビルダーのインターフェースを起動します。

すでに記入例が追加された投票フォームのテンプレートが表示されます。

Edit your poll form template

左のカラムから新しいフォームフィールドを追加するオプションがあります。フォームに追加したいフィールドをドラッグ&ドロップするだけです。

そのほか、ポイント&クリックでフィールドを編集したり、並べ替えたり、削除したりできる。

例えば、テンプレート内の投票の質問をクリックすると、左側のメニューにさらに多くのオプションが表示されます。順番を並べ替えたり、タイトルやラベルなどを編集するだけです。

Rearrange poll question order

次に、左のメニューから「設定」ボタンをクリックし、「アンケートと投票」タブに移動する必要があります。ここで、投票結果の設定を有効化または無効化することができます。

初期設定では、WPFormsの投票テンプレートはユーザーが投票を送信した後に投票結果を表示します。このオプションを無効化すると、ユーザーには投票結果が表示されません。

Enable survey and poll results option

一方、ユーザーにカスタマイザーメッセージを表示したり、別のページやURLにリダイレクトさせることもできる。

確認」タブを開きます。ここで、ドロップダウンメニューから確認タイプを選択できます。

Go to confirmation settings

投票フォームを作成したら、「保存」ボタンをクリックしてフォームの設定を保存します。

WordPressサイトに投票を追加する

WPFormsを使えば投稿日、ページ、カスタム投稿タイプ、サイドバーウィジェットなどサイト上のどこにでも簡単にオンライン投票を追加することができます。

フォームビルダーの「埋め込み」ボタンをクリックして投票フォームを追加することができます。そうすると、新しいポップアップウィンドウが開きます。フォームを埋め込むには、既存のページを選択するか、新規ページを作成します。

Embed a form in page

このチュートリアルでは「新規ページ作成」ボタンを選択しましょう。

次のステップでは、ページの名前を入力する必要があります。その後、「Let’s Go」ボタンをクリックします。

Enter name for your new page

これでWordPressのコンテンツエディターに投票フォームが表示されるはずです。

WPFormsブロックを使ってフォームを追加する方法もあります。WPFormsを追加するには’+’ボタンをクリックし、ドロップダウンメニューからフォームを選択します。

Add a WPForms block in wordpress

次に、フォームのプレビューが表示されます。

投稿/ページを保存または公開し、サイトにアクセスして投票内容を確認することができます。

View poll form preview

サイドバーやウィジェット対応エリアに投票を追加することもできます。

そのためには、外観 ” ウィジェットページに行き、投票を表示したいサイドバーにWPFormsウィジェットブロックを追加する必要があります。

Add WPForms widget block

WPFormsウィジェットブロックで、先ほど作成した投票フォームを選択する必要があります。

更新」ボタンをクリックしてウィジェットの設定を保存することを忘れないでください。これであなたのサイトにアクセスして、サイドバーやウィジェット対応エリアに表示されたオンライン投票を見ることができます。

View poll form in sidebar

ライブ投票結果の表示

投票結果を有効化した場合、ユーザーには投票送信後に結果が表示されます。

View your poll results

投票を送信しなくても、投票結果をいつでも表示することもできます。

WPForms ” すべてのフォームページにアクセスし、投票フォームの下にある「アンケート結果」リンクをクリックするだけです。

Click the survey results option

投票結果のページが表示され、インタラクティブなグラフで投票結果を見ることができます。

チャージタイプを変更し、結果をJPEG、PDF、印刷形式でエクスポートできます。

See poll results in dashboard

投票結果をWordPressの任意の場所に埋め込む

WPFormsではオンライン投票の結果をサイト上の任意の場所に簡単に埋め込むこともできます。これは無効化した投票結果を後で共有したい場合に特に便利です。

まず、投票フォームの ID を調べる必要があります。WPForms ” すべてのページで投票フォームの横にあるショートコードを探します。

View form shortcode

ショートコードの中に投票のID番号があります。例えば、上のスクリーンショットのように、私たちのテスト投票のIDは76です。

次に、フィールドIDを調べる必要がある。これは、結果を表示したいフォームのフィールドです。

投票フォームを編集し、投票フィールドをクリックするだけです。左のカラムにフィールドIDが表示されます。

View the field ID

両方の必須IDを取得したので、投票結果ショートコードを次のように追加します:

[wpforms_poll form_id="171" field_id="1" label="true" counts="true"]

フォームIDとフィールドIDの値を自分のものに置き換えるのを忘れないでください。このショートコードは WordPress の投稿、ページ、テキストウィジェットで使用できます。

投票結果のプレビューです:

Preview of form results

ボーナス:UserFeedbackで投票ウィジェットを追加する

UserFeedbackプラグインを使えば、WordPressにインタラクティブな投票ウィジェットを追加することもできます。

UserFeedbackは、サイト訪問者からのフィードバックをリアルタイムで簡単に収集できるWordPress投票プラグインの一つです。無制限にポップアップ投票を作成することができ、無制限にレスポンスを受け取ることができます。

UserFeedback popup poll example

UserFeedbackのプロ版には、ページレベルターゲティング、カスタマイザー、プレミアムテンプレートなどのパワフルな機能がついています。UserFeedbackの無料版もあり、投票ウィジェットの作成に必要なものがすべて揃っています。

詳しくは、WordPressでユーザーのフィードバックを収集する方法についてのチュートリアルをご覧ください。

この投稿がWordPressでインタラクティブな投票を作成するのにお役に立てば幸いです。また、WordPressブログの始め方やメールマーケティングサービスについてのガイドもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

16件のコメント返信を残す

  1. Chris Pauly

    I bought the basic package for polling but it now says that that is a”Pro” version. Is this correct?

    • WPBeginner Support

      The polls are currently a part of the Pro plan that we mention in the article itself. If you’re looking to upgrade you can reach out to their support and they can assist :)

      管理者

  2. Ula

    Hi,
    are there any precautions in wp poll and survey forms to prevent user to vote more than once? Do voters have to give their e-mail to submit form? If I buy pro version, where there are poll and survey forms do I have a possibility to control and prevent one person to vote more than once? Will be grateful for your answer!

    • WPBeginner Support

      The form locker addon would be able to help prevent duplicate entries and if you wanted you could remove the email requirement, we normally recommend keeping it to have a way to contact the user.

      管理者

  3. Detra

    In WPForms is there an option to add an image to each selection of a poll? For instance, I want people to vote on a favorite book and I would like to show the book covers.

    • WPBeginner Support

      You would want to reach out to WPForms directly and they can let you know what options are available :)

      管理者

  4. Tim

    Hello all,

    Looking for the code please, as of right now the article doesn’t show it.

    There is no code showing.

    Will search your YouTube for now.

    Thank you

    • WPBeginner Support

      Thank you for letting us know about this, the article should be fixed now :)

      管理者

      • Tim White

        You’re welcome and thank YOU!

        I love WPForms and WP Beginner!

        Stay happy and healthy!

  5. Deepak

    I need to add poll at the end of each of my blog. This poll will also act as QnA to help assess readers evaluate their understanding of the article. How do I do it?
    Please help.

  6. Cathy Novaresi

    I need to create a poll/ballot where I can insert videos to vote on. Where I can show the videos numbered 1 – 10 for example and then have a drop down check box where they vote for their favorite video. The poll feature on Facebook does not allow specific videos, survey monkey and doodle cannot accommodate my needs. Any help is appreciated!

    • WPBeginner Support

      Unless I hear otherwise we don’t have a recommended setup for what it sounds like you’re wanting sadly but we will be sure to keep an eye out

      管理者

  7. Omaye Daniel

    Thank you for sharing this really helpful information. I’ve learnt a lot.

    • WPBeginner Support

      You’re welcome :)

      管理者

  8. sazia

    Hi, Great information shared about interactive poll in wordpress. Thanks for sharing this useful information with us.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。