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

WordPressでリードマグネット・オプトインフォームを作成する方法(2つの方法)

初めてサイトを訪れた人の70%以上が、二度とそのサイトを訪れないことをご存知ですか?

サイトオーナーである私たちは、訪問者のメールアドレスを収集することが、訪問者と連絡を取り合い、再訪を促すための素晴らしい方法であることを知っています。しかし、訪問者が個人情報を渡すには理由が必要であり、電子ブックやPDFのようなリードマグネットは素晴らしい動機付けとなります。

すでにリードマグネットをお持ちかもしれませんし、まもなく作成する予定かもしれません。本当に〜してもよいですか? – リードを収集し、メール購読者を増やし、リードマグネットにすぐにアクセスできるようにするには、オプトインフォームも必要です。

このガイドでは、高コンバージョンのリードマグネットオプトインフォームを作成する2つの異なる方法をご紹介します。

重要な注意:最初の方法は、オプトインとマグネットを全く同じツールを使って構築できるので、まだリードマグネットを作成していない場合に最適です。オールインワンのソリューションをお探しなら、この方法が最適です!

Why Create a Lead Magnet Optin Form in WordPress?

なぜWordPressでリードマグネットオプトインフォームを作るのか?

オプトインフォームを作るには様々な方法があります。しかし、私たちの経験では、WordPressサイトでは必ずしも見栄えが良かったり、正しく動作するとは限りません。

このガイドでは、WordPress用に設計され、専用のWordPressプラグインを持つツールに焦点を当てています。これにより、サイトとシームレスに統合し、最小限の労力でリードを生成するのに役立つオプトインを簡単に作成することができます。

さらに、オプトインをすでにサイトで利用している他のサービス、特にメールマーケティングプロバイダーと連携させることも通常より簡単になります。これにより、リードの育成、自動ワークフローへの追加、サイト上でのアクションの監視、その他多くの重要なタスクを実行することができます。

また、より多くのカスタマイズオプションやデータの所有権など、WordPressに関連する一般的なすべての利点を得ることができます。

WordPressでオプトインフォームを作成することで、コントロール、カスタマイザー、統合など、他に類を見ない利点が得られます。

とはいえ、以下のクイックリンクを使えば、使いたい方法にすぐにジャンプできる:

準備はいいかい?さっそく飛び込もう!

方法1. Beaconを使用する(ベスト・オール・イン・ワン・ソリューション)

Beaconは、直感的なドラッグ&ドロップビルダーを使用して無制限のオプトインを作成できる強力なリードマグネットツールです。

An example of an Optin form, created using Beacon

類似のリードジェネレータプラグインとは異なり、Beaconにはリードマグネットを作成するのに必要なものがすべて揃っています。

eBook、リソースガイド、チェックリスト、動画ルックブックなど、さまざまなリードマグネットをカバーする既製のテンプレートが豊富に用意されている。

とはいえ、Beaconは、美しいリードマグネットを作成し、オプトインを使用して配信するためのオールインワンのソリューションをお探しなら、良い設定です。

Beaconのレビューでは、その機能について深く掘り下げているので、そちらをご覧いただきたい。

プロからのアドバイス:このガイドでは、リードマグネット・オプトインフォームの作成に焦点を絞っているので、Beaconを使ったリードマグネットの作成方法は紹介しません。それについては区切りがあります。詳しくは、 コンバージョンにつながるリードマグネットの作り方の投稿日へどうぞ。

すでにリードマグネットをお持ちですか?それなら、このリソースをBeaconアカウントにアップロードし、そのリードマグネット用のオプトインを作成することができます。

つまり、Beaconは、すでにリードマグネットのライブラリを持っていて、それらのリソースのオプトインを作成したい場合にも適しています。

さらに、Beaconには「永久無料」プランがあり、好きなだけオプトインを作成することができます。Beaconは、様々なオプトインのスタイルやフォーマットを試して、何が最も良い結果をもたらすかを確認したい場合に最適です。

ステップ1.Beaconアカウントを作成する。

すでに述べたように、Beaconには「永久無料」プランがあり、好きなだけリードキャプチャフォームを作成することができます。ただし、無料プランでは1ヶ月に1つのリードマグネットしか作成できません。

だから、ニーズによっては、すぐにでもプレミアム・プランに投資したほうがいい。

まずはBeaconのサイトにアクセスし、プレミアムプランに申し込むか、無料アカウントを作成する。

Creating a Beacon account

これで、Beaconダッシュボードにログインし、最初のリードマグネットオプトインフォームを作成する準備ができました。

ステップ2.プロバイダーの追加(オプション)

新規: リードを獲得すると、Beaconはその人の情報を自動的にメールマーケティングサービスに送信することができます。タグを追加することもできるので、将来的にはリードをセグメントしてターゲットを絞ったキャンペーンを実施することもできます。

この機能を使いたい場合は、ダッシュボードのアカウント設定 ” メール統合にアクセスしてください。そして、「+」ボタンをクリックしてください。

How to connect Beacon to your email marketing provider

次に、「プロバイダーを選択」ドロップダウンメニューを開き、ActiveCampaign、CampaignMonitor、Dripなどのメールマーケティングサービスを選択します。

その後、画面の指示に従って、この統合を設定するだけです。

Connecting an email marketing provider to your free Beacon account

ステップ3:リードマグネットの選択

次のステップは、訪問者に提供するリードマグネットを選択することです。そのためには、「新規作成」ボタンをクリックし、続いて「リードキャプチャフォーム」をクリックします。

How to create a lead magnet optin form using Beacon

この時点で、Beaconを使って作成したリードマグネットを選択するか、他のプログラムを使って作成した外部リソースをアップロードすることができます。

外部ファイルを使用するには、「リソースのアップロード」を選択します。

How to upload an external lead magnet resource to Beacon

次に「Choose File」ボタンをクリックします。

その後、ローカルコンピューターから任意のファイルを選択します。

How to create a lead magnet optin form for your WordPress blog or website

また、Beaconで作成したリードマグネットを使用することもできます。これを行うには、「Beaconリソースを使用する」を選択するだけです。

作成したさまざまなリードマグネットがすべて表示されます。使用したいリソースを見つけて、対応する「選択」ボタンをクリックしてください。

Creating a lead magnet opt-in form

ステップ4.テンプレートを選ぶ

どのオプションを設定するにしても、次のステップはオプトインのフォーマットを選ぶことです。

このガイドでは、インラインフォームを作成します。インラインフォームを使用すると、サイト上のフォームの外観を正確にコントロールすることができます。

例えば、ランディングページに設置したり、特定のブログ投稿の途中に設置したりします。しかし、すべての異なるオプトイン形式において、手順は似ています。

とはいえ、ここでは「インラインフォーム」を選択することにします。

Creating an inline form for your WordPress website or blog

Beaconは、あなたが使用できるすべての異なる既製のテンプレートを表示します。これらのテンプレートはすべてカスタマイズ可能なので、WordPressテーマやブランディングに一致するように微調整することができます。

しかし、時間を節約するためには、作成したいオプトインの種類に近いテンプレートを選ぶのが理にかなっている。 そうすれば、あまり編集する必要がなくなるからだ。

Beacon's ready-made form templates

使いたいテンプレートが見つかったら、クリックしてください。

次に、オプトインフォームの名前を入力します。これは、Beaconダッシュボード全体を通してフォームを表すので、説明的なものを使用することをお勧めします。

Creating a lead magnet opt in form

完了したら、「リードキャプチャフォームを作成」ボタンをクリックします。

ステップ5.オプトインフォームのカスタマイズ

Beaconはドラッグ&ドロップエディターで選択したテンプレートを読み込みます。このエディターは複数のタブに分かれており、まず’Trigger’タブがあります。

The Beacon drag and drop editor

左側はライブプレビューで、変更を加えると自動的に更新されます。

Beaconテンプレートには、すべてビルトインの初期設定がされています。ビルトイン要素を編集するには、ライブプレビューでクリックして選択するか、左側のメニューで選択します。

Customizing a lead magnet opt in form

そうすると、テキストサイズ、フォントカラー、背景色の変更など、この要素のカスタマイザーとして使用できる設定がすべてメニューに表示されます。

要素にテキストが含まれている場合は、それを独自のメッセージに置き換えることができるセクションが表示されます。

Adding text to an online form

インラインフォームにもっと大きな変更を加えたい?

クリックして「レイアウト」セクションを展開し、さまざまなレイアウトオプションを選択することができます。

Choosing different layouts for an online form

背景画像や色を変更したいですか?コンテナ」セクションをクリックして展開し、表示されるさまざまな設定を使用します。

変更を加えると、ライブ・プレビューは自動的に更新されるため、さまざまな設定を試して、最も気に入った設定を確認することができます。

Creating an opt-in form for your WordPress website, blog, or online store

ステップ6.お礼のページをデザインする

次に、誰かがフォームに入力するたびにBeaconが表示する「ありがとう」メッセージをカスタマイズします。まずは「サンキュー」タブをクリックしてください。

How to create a custom thank you message

Beaconは再び、右にライブ・プレビュー、左に各種設定を表示する。

トリガー」ページをカスタマイズしたのと同じ方法で、見出し、段落、コンテナの設定を変更できるようになりました。

しかし、「サンキュー」タブには「ソーシャルシェア」セクションが追加されています。これにより、訪問者があなたのリードマグネットオプトインフォームをソーシャルメディアで共有できるように、「サンキュー」ページにソーシャル共有ボタンの列を追加することができます。

これらのアイコンは初期設定では非表示になっていますが、クリックして「Social Share」セクションを展開し、「Hide Social Share」ボックスのチェックを外すことで変更できます。

Adding social sharing buttons to your WordPress website

Twitter/X、Facebook、LinkedIn、メールでの共有のためのボタンを追加または削除することができます。 また、このソーシャル共有ボタンの行の上に表示されるテキスト、フォントサイズと色を変更することができます。

ありがとう」のメッセージを表示したくない?

Beaconは、SeedProdのようなプラグインを使用して作成した完全カスタムの「サンキュー」ページなど、別のURLにリダイレクトすることができます。

これを行うには、クリックして「リダイレクト」セクションを展開し、使用したいURLを入力します。

How to set up redirects on your WordPress website or WooCommerce store

ステップ7:確認メールのカスタマイズ

初期設定では、Beaconはフォームに入力した人全員に確認メールを自動的に送信します。このメールには、リードマグネットの「ダウンロード」リンクが含まれていますので、そのままご利用いただけます。

しかし、初期設定のテンプレートはかなりベーシックなので、通常はカスタマイズしたいだろう。

これを行うには、「確認」タブをクリックします。

Sending a confirmation email to your subscribers

再び、右側にライブプレビューが表示され、左側のメニューにいくつかのオプションが表示されます。

ここでは、メールの件名、「差出人」名、「返信先」アドレス、メール本文を変更できます。

How to add double opt-ins to your lead generation campaigns

Beaconをメールマーケティングプロバイダーに接続している場合は、ダブルオプトインも有効化できます。

このためには、ユーザーがメールを開いてリンクをクリックし、購読を確認することが必須です。それが完了すると、Beaconはあなたのメールマーケティングプロバイダーに連絡先情報を追加します。

こうすることで、スパムボットや不正なメールアドレスをメーリングリストに追加することを避けることができます。これにより、メーリングリストをクリーンで健全な状態に保つことができ、また、非アクティブなメールアドレスにメッセージを送信することによるリソースの浪費を避けることができます。

そのため、特別な理由がない限り、クリックして「オプトイン設定」セクションを展開し、「ダブルオプトイン」を選択することをお勧めします。

このトピックについては、WordPressで登録スパムを防ぐ方法をご覧ください。

ステップ 8: フォームを公開する

オプトインの設定に満足したら、サイトに追加しましょう。Beaconなら簡単です。公開する」タブを選択するだけです。

Publishing an opt-in form

このページでは、Beaconが自動的に作成するHTMLコードが表示されます。

この画面からナビゲートする前に、必ず「Save」ボタンをクリックして最新の変更内容を保存してください。

An example of a lead magnet opt-in form, created using Beacon

次に、HTMLコードをコピーしてWordPressサイトに移動します。カスタムHTML」ブロックを使って、このコードを任意のページ、投稿、ウィジェット対応エリアに追加できる。

例として、投稿にオプトインを追加する方法を見てみましょう。通常通り投稿をカテゴリーエディターで開き、「+」ボタンをクリックします。

検索ツールを使って「カスタムHTML」ブロックを探し、ページに追加する。

Adding a custom HTML block to your website

次に、カスタムHTMLブロックにコードを貼り付けます。

これで、ページにコンテンツを追加したり、デザインを調整したり、その他の変更を通常通りに行うことができます。公開する準備ができたら、ページを更新または公開するだけです。

これで、WordPressのサイトにアクセスすると、リードマグネット・オプティンが表示されます。

方法2.OptinMonsterを使う(強力なオプトイン作成に最適)

キャンペーンで使用したいリードマグネットをすでにお持ちですか?それなら、OptinMonsterが最適なソリューションかもしれません。

フローティングバー、ポップアップ、ゲーム化されたスピン・ツー・ウィン・オプトインなどのフォーマットを含む、高度なオプトインフォームをすべて作成することができます。さらに、400以上の高コンバージョンのデザインのテンプレートライブラリがあり、ドラッグアンドドロップビルダーでカスタマイズすることができます。

私たちはこのツールの大ファンです。ポップアップ、スライドイン、ヘッダーバナーのすべてに使用しています。ですから、オプトインの作成に関しては、OptinMonsterの可能性は無限にあると自信を持って言えます。

さらに詳しく知りたい方は、OptinMonsterのレビューをご覧ください。

An example of an opt-in form, created using OptinMonster

OptinMonsterの良い点は、メール、直接ダウンロード、またはその両方でリードマグネットを配信することができ、購読者に好みの方法を自由に選択させることができることです。

OptinMonsterのゲーティングコンテンツ機能を使えば、どんなブログ投稿もリードマグネットやコンテンツアップグレードに変えることができますが、OptinMonsterの真の強みは、非常に効果的なオプトインフォームを作成することにあります。

とはいえ、すでにリードマグネットをいくつかお持ちで、できるだけ多くのリードを獲得する方法が必要な場合は、OptinMonsterをお勧めします。

ステップ1.OptinMonsterの設定

まず、OptinMonsterのサイトにサインアップする必要があります。今すぐOptinMonsterを入手する」ボタンをクリックしてください。

Creating an account in OptinMonster

購入したいOptinMonsterプランを選択し、画面の指示に従って購入を完了します。

それが完了したら、無料のOptinMonster WordPressプラグインをインストールして有効化する時間です。これで、WordPressサイトがOptinMonsterアカウントに接続されます。

詳しくは、WordPressプラグインのインストール方法をご覧ください。

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

Signing up for an OptinMonster account

OptinMonsterアカウントにサインインするための小さなウィンドウが表示されます。

このポップアップで、「WordPressに接続」ボタンをクリックして、あなたのサイトをOptinMonsterにリンクします。

Connecting WordPress to your OptinMonster account

ステップ2.キャンペーンタイプを選択する

今、あなたのWordPressダッシュボードでOptinMonster ” キャンペーンページに向かうことによって、あなたのリードマグネットキャンペーンを作成する準備が整いました。

新規追加」ボタンをクリックする。

How to create a new campaign in OptinMonster

OptinMonsterはテンプレートを選択するか、プレイブックを使用するかを尋ねます。

プレイブックは、世界で最も成功しているブランドによる、試行錯誤を重ねた戦略に基づいており、すぐに使えるキャンペーンです。

ただし、このガイドでは「テンプレート」を選択する。

Creating a high-converting campaign using OptinMonster

この時点で、OptinMonsterはあなたが選択できるすべての異なるキャンペーンタイプを表示します。これには、スライドイン、フローティングバー、ゲーム化ポップアップが含まれます。

どのタイプのキャンペーンを選択しても、手順は似ています。しかし、このガイドでは、どのページ、投稿、ウィジェット対応エリアにも簡単に追加できるインラインフォームを作成します。それでは、「インライン」を選択してください。

How to add an inline form to your WordPress blog or website

ステップ3.テンプレートを選択する

使用するテンプレートを選択することができます。OptinMonsterのテンプレートはすべてカスタマイズ可能ですが、作成したいフォームに近いテンプレートを選択することで時間を節約することができます。

デザインをプレビューするには、テンプレートにマウスオーバーし、「プレビュー」ボタンをクリックするだけです。

Choosing a ready-made template in the OptinMonster dashboard

これでテンプレートがポップアップで開きます。

使いたいデザインが見つかったら、「Use Template」ボタンをクリックします。すべてのスクリーンショットでUnlock Gated Contentテンプレートを使用しますが、お好きなデザインをお選びください。

テンプレートを選択したら、表示されるポップアップにキャンペーン名を入力します。そして、「ビルド開始」をクリックします。

How to create a lead generation campaign using OptinMonster

ステップ4.リードマグネットオプトインを作成する。

OptinMonsterはあなたのテンプレートをドラッグアンドドロップエディターに読み込み、カスタマイズできるようにします。

すべてのテンプレートには、テキスト、画像、ボタンブロックなどのビルトインブロックが付属しています。ブロックを編集するには、ライブプレビューでクリックして選択するだけです。

左側のメニューには、そのブロックで使用できるすべての設定が表示されます。

Creating an inline form using OptinMonster

ライブプレビューで直接テキストを変更することもできます。

テキストのスタイルを変更するには、そのテキストをハイライトし、外観に表示されるツールバーの設定を使用するだけです。

How to change the text formatting

代わりにブロックを削除しますか?

ライブプレビューでマウスオーバーし、ゴミ箱アイコンが外観に表示されたらクリックするだけです。

How to delete blocks in an OptinMonster design

デザインにブロックを追加するには、左側のメニューからブロックをドラッグし、ライブプレビューにドロップするだけです。

リードマグネット・オプトインフォームに満足するまで、これらのステップを繰り返すだけです。

Creating an inline form for your WordPress website or blog

ステップ5.成功メッセージをデザインする

誰かがオプトインフォームを完了すると、OptinMonsterは初期設定で’成功’メッセージを表示します。この画面をカスタマイズするには、’成功’タブをクリックしてください。

この時点で、訪問者がリードマグネットにアクセスする方法を、メール経由、直接ダウンロード、またはその両方から選ぶ必要があります。

この選択は、「成功」メッセージのデザインとコンテンツに影響します。例えば、リードマグネットをメールで配信する場合、メッセージはユーザーに受信トレイをチェックするよう伝える必要があります。

一方、直接ダウンロードする場合は、訪問者がダウンロードを開始できるようにボタンを追加します。

どのような方法を選ぶにしても、オプトインフォームと同じようにサクセスメッセージをデザインします。

クリックしてビルトインブロックを選択し、左メニューの設定を使ってカスタマイズするだけです。また、新しいブロックをレイアウト上にドラッグしたり、テキストタイプを入力したり、不要なブロックを削除することもできます。

あなたがダウンロード方法を使用している場合は、あなたのリードマグネットオプトインにボタンブロックを追加していることを確認してください。そして、左側のメニューの「ボタンをクリックするアクション」のドロップダウンを開き、「新しいウィンドウで開く」を選択します。

Adding a custom button action to your lead generation forms

新規ウィンドウのURL」フィールドに、リードマグネットへの直接リンクを貼り付けます。

これで、誰かがこのボタンをクリックすると、ファイルが新しいタブで開き、保存できるようになる。

How to open links in a new window

最後に、「コンバージョントラッキング」スライダーを有効化して、人々がこのボタンにどのように反応するかをモニターできるようにしてください。

リードマグネットをメールで送信したいですか?統合」タブをクリックし、「新規統合を追加」を選択してください。

Integrating OptinMonster with your email marketing provider

これでメールマーケティングのプロバイダーを選択できます。

その後、画面の指示に従って統合を設定し、メールを作成します。手順はプロバイダーによって異なりますが、OptinMonsterがご案内いたします。

Adding an email service provider to your OptinMonster account

ステップ 6.オプトインフォームを公開する

最後のステップは、WordPressサイトにリードマグネットオプシンを追加することです。これを行うには、先に進み、「公開する」タブをクリックします。ツールバーで「保存」をクリックします。

Publishing an opt-in form

表示されるポップアップで、『今すぐ公開する』を選択する。

すでにOptinMonsterプラグインをインストールしているので、このオプトインはWordPressダッシュボードですぐに利用できるようになります。

Publishing your OptinMonster opt-in form

あなたのサイトに向かい、リードマグネット・オプトインを表示したいページや投稿を開くだけです。

次に、「+」ボタンをクリックして新しいブロックを追加します。検索ツールを使って「OptinMonster」ブロックを見つけ、あなたのページや投稿に追加するだけです。

Adding an OptinMonster block to a WordPress page or post

次に、OptinMonsterブロックで、初期設定の「キャンペーンを選択…」というドロップダウンメニューを開きます。

ここで、先ほど作成したキャンペーンを選択します。

Adding a lead generating opt-in form to your site

OptinMonsterはあなたのページにリードマグネットオプチンフォームを追加します。

公開する準備ができたら、通常通りページを更新または公開するだけです。それで終わりです!

ジェネレータのためのボーナス・リソース

リードマグネットのオプトインフォームを設定したところで、リードジェネレータの取り組みを強化するために、さらにいくつかの投稿を読むことをお勧めします:

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.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

アバター

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.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

Comments

  1. Congratulations, you have the opportunity to be the first commenter on this article.
    Have a question or suggestion? Please leave a comment to start the discussion.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.