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とWooCommerceでSpin to Winオプトインを追加する方法

WordPressサイトやWooCommerceストアにスピン・トゥ・ウィン・オプシンを追加することは、訪問者の興味を引く素晴らしい方法です。この機能は、サインアッププロセスを楽しいゲームに変え、ユーザーのインタラクションを高め、売上を増加させるのに役立ちます。

WPBeginnerでは、ポップアップ、スライドイン、ヘッダーバナーなど様々なフォーマットを提供するOptinMonsterをオプトインに使用しています。

このチュートリアルでは、WordPressサイトまたはWooCommerceストアにOptinMonsterのスピントゥウィンオプシンを設定する簡単な手順を説明します。

How to Add spin-to-win optins in WordPress

スピン・トゥ・ウィン・オプティンとは?

スピン・トゥ・ウィン・オプティンは、WordPressサイトにゲーミフィケーションを追加するサインアップフォームまたは割引クーポンホイールです。

ユーザーがゲームをプレイすることで、割引を獲得したり、特別オファーをアンロックしたり、ゲームをプレイした後にダウンロードにアクセスしたりすることができます。

ケーススタディによると、ゲーム化されたオプトインは30%以上の高いコンバージョン率を獲得している。その理由はいたってシンプルです。これらのゲーム化されたオプティンは、楽しく、インタラクティブで、瞬時にユーザーの注意を引く。

Spin the wheel popup preview

スピン・ザ・ホイールのサイトでリワードやクーポンを提供することで、割引コードを使用して買い物をするように、ユーザーが獲得したリワードを使用して開始したゲームを完了するよう促すこともできます。

同様に、スピン・ツー・ウィン・オプションを使用して、送料無料やバンドルオファーなどのインセンティブをオンラインストアに提供し、コンバージョンを高めることができます。

それを念頭に置いて、WordPressとWooCommerceでスピン・トゥ・ウィン・オプシンを追加する方法をご紹介します。ここでは、あなたが行うすべてのステップを簡単に俯瞰します:

準備はいいかい?始めよう

WordPressとWooCommerceでスピン・トゥ・ウィン・オプティンを作成する

あなたのサイトにゲーミフィケーションを加える最良の方法は、市場で最高のリードジェネレーション・ソフトウェアであるOptinMonsterを使用することです。

OptinMonsterを使えば、メールリストを増やし、より多くのリードを獲得し、サイト訪問者を有料顧客に変えることができます。そのドラッグアンドドロップキャンペーンビルダーは、超簡単にスピントゥウィンオプシンを作成し、強力な表示ルールを設定することができます。

このソフトウェアの詳細については、 OptinMonsterのレビューをご覧ください。

OptinMonster

まず、OptinMonsterのサイトにアクセスし、「今すぐOptinMonsterを入手する」ボタンをクリックして、アカウントにサインアップする必要があります。

スピン・トゥ・ウィン・ホイールを作成するには、「クーポン・ホイール・キャンペーン」機能にアクセスするための「グロース」プランが必要です。

次に、無料のOptinMonsterプラグインをWordPressサイトにインストールします。このプラグインは、WordPressサイトをOptinMonsterアプリに接続します。より詳細な手順については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化すると、OptinMonsterのウェルカム画面が表示されます。既存のアカウントに接続する」ボタンをクリックしてください。

Connect your existing account

次に、WordPressサイトとOptinMonsterアカウントを接続するポップアップウィンドウが開きます。

WordPressに接続」ボタンをクリックします。

Click the connect to WordPress button

サイトとOptinMonsterを接続したら、WooCommerceアカウントと接続します。

これを行うには、WordPressダッシュボードからOptinMonster ” 設定に移動します。

General」タブでWooCommerceセクションまでスクロールダウンし、「Auto Generate Keys + Connect WooCommerce」ボタンをクリックします。

Auto generate keys and connect WooCommerce

WooCommerceは自動的にキーを生成し、OptinMonsterアカウントに接続します。

WordPressとWooCommerceをOptinMonsterアカウントに接続した後、新しいキャンペーンの作成を開始することができます。

まず、WordPressダッシュボードからOptinMonster ” Campaignsにアクセスし、’Create Your First Campaign’ボタンをクリックします。

Create first OptinMonster campaign

その後、OptinMonsterはテンプレートを選択するか、プレイブックからすぐに使用できるキャンペーンを選択するように尋ねます。

このチュートリアルでは、「テンプレート」オプションを使用します。

Choose a template or playbook

次に、キャンペーンタイプとスピントゥウィンオプトインのテンプレートを選択する必要があります。

キャンペーンタイプは、「ゲーミフィケーション」オプションを選択してください。

Select gamification campaign type

その後、キャンペーンテンプレートを選択できます。

OptinMonsterは複数のテンプレートから選択することができます。最適なものを見つけたら、マウスオーバーして「テンプレートを使用」ボタンをクリックするだけです。

Select a spin the wheel websites template

ポップアップウィンドウが表示されたら、テンプレートの名前を入力してください。

名前を入力し、「ビルド開始」ボタンをクリックするだけです。

Enter a name for your campaign

その後、OptinMonsterキャンペーンビルダーのインターフェースが表示されます。

左側のメニューから、ボタン、動画、カウントダウンタイマーなど、さまざまなブロックをテンプレートにドラッグ&ドロップできます。

Add blocks to your spin to win campaign

OptinMonsterでは、キャンペーンのデザイン、テキストの色、フォント、スペーシングなどを変更することもできます。テンプレート内の項目をポイント&クリックするだけで、その外観を編集することができます。

次に、テンプレート内のホイールエレメントをクリックすると、より多くのオプションが表示されます。例えば、セクションとホイールの色を編集することができます。

ここから、’ホイールセクションのカスタマイズ’ボタンをクリックして、各クーポンホイールセクションの値を編集することができます。

Customize your wheel

ポップアップウィンドウが開き、ゲーミフィケーションホイールのすべてのセクションが表示されます。

このポップアップでは、クーポンコードやスペシャルオファーをホイールに追加することができます。各オプションの当選確率を設定することもできます。

オプションをオフにしたりオンにしたりすると、勝率は自動的に再計算される。

Edit wheel sections

各セクションのカスタマイザーが終わったら、ポップアップ・ウィンドウを閉じるだけです。

スピン・トゥ・ウィン・オプティンを表示するタイミングの設定

次に、スピン・ツー・ウィン・キャンペーンをWordPressブログやオンラインストアに表示するタイミングを選択する必要があります。

OptinMonsterは、強力なターゲット設定と表示オプションを提供し、サイト上の任意の場所で任意の時間にスピナーをトリガーすることができます。

OptinMonsterダッシュボードの「表示ルール」タブに切り替えるだけです。ここから、キャンペーン用に異なる表示ルールセットを選択することができます。

例えば、’Exit Intent’ルールセットを使用して、ユーザーがサイトを去ろうとしている時にスピナーキャンペーンを開始することができます。

Exit intent display rules

また、退場インテントの感度を設定し、低、中、高に変更することもできる。

次に、スクロールダウンして異なるルールセットを組み合わせます。例えば、特定のページでのみキャンペーンを開始する別のルールを設定することができます。

このチュートリアルでは、ドロップダウンメニューから’現在のURLパス’を選択し、’任意のページ’オプションを選択します。こうすることで、スピン・トゥ・ウィンのオプトインがサイト内のすべてのページや投稿日に表示されるようになります。

Select exit intent sensitivity

表示ルールを追加したら、「Done?アクションへ」ボタンをクリックします。

ここから、表示を選択します。Optin “表示を選択し、キャンペーンの効果音も選択してください。

効果音を付けたくない場合は、初期設定の「なし」のままでOKです。

Add MonsterEffects and animations

次に、下にスクロールしてCookieの設定をしましょう。

例えば、誰かがまだコンバージョンしていない場合、いつキャンペーンを再度表示するかを決めることができます。

Edit cookie settings in OptinMonster

完了ですか?Go to Summary’ボタンをクリックしてください。

次の画面では、表示ルールの概要が表示されます。上部にある「保存」ボタンをクリックして、変更内容を保存することができます。

View summary of your wheel campaign

WordPressとWooCommerceにスピン・トゥ・ウィン・ホイールを追加する

スピンホイールキャンペーンの準備がほぼ整いましたので、サイトに追加してみましょう。

このプロセスを開始するには、キャンペーンを公開する必要があります。

OptinMonsterのダッシュボードから、「公開する」タブに切り替え、「公開状態」を「公開する」設定に変更します。

Publish your spin-to-win campaign

保存」ボタンをクリックして変更を保存し、キャンペーンビルダーを閉じることを忘れないでください。

WordPressダッシュボードからOptinMonster ” キャンペーンにアクセスできるようになりました。

最近作成されたスピン・ツー・ウィン・ホイール・キャンペーンが表示され、「公開する」状態が緑色で強調表示されます。

そうでない場合は、キャンペーン名の下にある「ステータスの変更」オプションをクリックし、ステータスを「公開する」に変更するだけです。

Change status of your campaign

これで、サイトやWooCommerceストアに新しいシークレットブラウザウィンドウでアクセスすると、キャンペーンのライブプレビューを見ることができます。

あなたの表示ルールに基づき、画面にスピン・トゥ・ウィン・ホイールがポップアップ表示されます。

Spin the wheel popup preview

ボーナスのヒントWordPressでプレゼント/コンテストを開催する

スピン・ツー・ウィンは、訪問者にデジタルホイールを回してもらい、割引や景品などのインスタント報酬を獲得する仕組みだ。そのため、ほとんどの人が何かを獲得することができ、大きな賞品よりも、手っ取り早くスリルを味わうことができます。

より限定的なゲーミフィケーション・プログラムを作りたいのであれば、プレゼントやコンテストの実施を検討することができる。

Customizing a WordPress contest

景品やコンテストは、開始日と終了日が決まっており、当選者の数も限られている。賞品は高額になることが多いが、全員が当選するわけではない。

インセンティブを提供することで、サイト訪問者に、ソーシャルメディアでコンテンツをシェアするメールマガジンに登録するなど、サイトに利益をもたらす特定の行動を促すことができます。

プレゼントやコンテストを行う場合は、RafflePressを使用することをお勧めします。

Rafflepress

プレゼントやコンテストを実施するためのこのトップWordPressプラグインは、Facebook、Twitter、Instagramなどの主要なソーシャルメディアプラットフォームとシームレスに統合されています。

さらに、一般的なメールマーケティングツールと連携し、参加者を自動的にメーリングリストに追加することができます。

RafflePressを使ってWordPressでプレゼントやコンテストを行う方法については、こちらをご覧ください。

この投稿があなたのWordPressサイトやWooCommerceストアにスピントゥウィンオプシンを追加するのにお役に立てば幸いです。また、クーポンポップアップの作成方法と 場所に基づいた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

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

  1. Dennis Muthomi

    huge thankss for this!
    I’ve been looking for ways to make my opt-in forms more engaging, and a spin-to-win wheel seems like a great idea.
    I appreciate the step-by-step instructions on setting it up with OptinMonster. I’ll definitely give this a try on my WordPress site to see if it boosts my conversions
    do you have any tips on creating the most appealing rewards for the wheel sections?

    • WPBeginner Support

      Not at the moment as what every site offers and is able to offer is different. :)

      管理者

    • Mrteesurez

      Well, It’s varies but you can create a mix of rewards with varied value and instant gratification to appeal to a your users like surprises, ebooks, templates, discount, or premium contents, these will incentivize them and keep your your users (participants) engaged and excited.

  2. Mrteesurez

    This is incredible. Spin to win is definitely a form of gamification and for a user like me, I like gamification. It’s create loyalty in users and increase site engagement.
    I like that sound effects you mentioned, it creates sense of playing games.
    I want to create it gain more signup and create loyalty in my users.

  3. malika

    Nice and helpful post for me. Thank you so much for sharing.

    • WPBeginner Support

      You’re welcome, glad our guide could be helpful :)

      管理者

返信を残す

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