WordPressのウェブサイトにサイドバーを使わずにオンラインフォームを表示する方法をお探しですか?
WordPressでフォーム付きの専用ランディングページを作成することは、時間を節約し、より多くのリードを生み出し、フォームのコンバージョンを高める素晴らしい方法です。
この記事では、WordPressでフォーム付きのランディングページを作成する方法をご紹介します。
この記事で
WordPressランディングページのメリット
まず、ランディングページを作る理由をいくつか見てみましょう。
カスタムフォーム・ランディングページには多くの利点があります。単独のウェブページと混同されないように、フォームランディングページとは、サイト訪問者が内部リンクまたは外部リンクからランディングするページ(ホームページではない)のことです。

WordPressサイトにフォームのランディングページを設置する最大の理由をご覧ください:
- コンバージョンを高める:多くの場合、オンラインフォームへの入力が終わらないのは、気が散るものが多すぎ、直接的なCTA(行動喚起)がないからです。複数のオファーがあると、サイト訪問者はメールリストの購読者から遠ざかってしまいます。しかし、オンラインフォーム以外に何もないページであれば、人々は登録する可能性が高くなります。
- ブランド認知度の向上WPFormsは、会社のロゴとカスタマイズされた配色を備えたカスタムフォームランディングページを作成することができますので、サイト訪問者の間でより多くのブランド認知度と認識を構築し、ひいてはあなたのスモールビジネスの成長に役立ちます。
- より良いカスタマイズ:専用のランディングページがある場合、その見栄えをカスタマイズすることができます。これは従来のウェブフォームのレイアウトとは大きく異なり、WordPressのテーマによってコントロールされるため、思い通りにフォームをカスタマイズできない可能性があります。さらに、すべてのWordPressページビルダープラグインとの相性も抜群です。
- 独立したウェブページは必要ありません:入力フォームがあっても、ナビゲーションメニューに表示されるような全く別のWordPressページを作りたくない場合もあるでしょう。フォーム専用のランディングページを使えば、別のウェブページを作ることなく、フォームを掲載したカスタムランディングページを作ることができます。例えば、特別なイベントのためのウェビナーのランディングページを、そのために全く新しいウェブサイトを構築することなく作成することができます。
主な目的がリードジェネレーションであれ、会員制サイトの構築であれ、イベントへの簡単な参加表明や登録方法の提供であれ、アンケートフォームによる顧客ロイヤルティの測定であれ、オンラインフォーム用の邪魔にならないランディングページの作成は素晴らしいアイデアです。SEO対策にもなります!
アイデアが浮かばない?ランディングページのフォームの例を参考にしてください。
それでは、WordPressで専用のランディングフォームページを作成する方法を見ていきましょう。
WPFormsを使ってWordPressでランディングページを作成する方法
以下のステップを踏んで、あなたのウェブサイトにコンバージョンの高いフォーム付きランディングページを作りましょう。
ステップ1: WordPressに新しいフォームを作成する
まず最初に行う必要があるのは、WPFormsプラグインをインストールして有効化することです。詳しくは、WordPressにプラグインをインストールする方法のステップバイステップガイドを参照してください。
次に、新しいフォームを作成する必要があります。WPForms " Add Newでフォーム名を入力してください。

そして、WPFormsが提供する何百ものテンプレートを使って、いくつでもオンラインフォームを作成することができます。
例えば、こうすることができる:
- 非営利団体のためのオンライン・レース登録フォーム
- イベントの感想を聞くためのフィードバックフォーム
- ユーザーのエンゲージメントを高め、ブランド認知度を向上させるコンテスト応募フォーム
- 顧客予約フォームにより、顧客はあなたやあなたのチームとのアポイントメントを予約することができます。
- 卒業生による寄付金募集
- 求人応募フォームにより、社内の募集職種への応募を促すことができます。
- その他にもいろいろ
この例では、シンプルな問い合わせフォームを作成します。
ドラッグ&ドロップビルダーに入ったら、左側のパネルから右側のパネルにドラッグして、フォームにフィールドを追加できます。

次に、フィールドをクリックして変更を加えます。また、フォームフィールドをクリックし、プレビューエリアで上下にドラッグしてオンラインフォームの順序を並べ替えることもできます。
そして素晴らしいのは、どのタイプのオンラインフォームを作成しても、それをフォーム専用のランディングページにできることだ。
フォームが思い通りに表示されたら、必ず「保存」をクリックしてください。
ステップ 2: Form Pages アドオンのインストールと有効化
WordPress フォームの準備ができたら、WPFormsForm Pages アドオンをインストールして有効化します。
このアドオンを使えば、新しく作成したWordPressフォームをカスタムフォームランディングページにすることができます。
まずはWPForms"AddonsでForm Pages Addon を見つけてください。
アドオンのインストール]をクリックし、[アクティベート]をクリックします。

これで Form Pages アドオンを使う準備ができました。その前に、カスタムフォームのランディングページを作成する前に設定すべき一般的なフォーム設定を簡単に見てみましょう。
ステップ 3: フォームの設定
フォームを思い通りにカスタマイズしたら、多くの設定を行うことができます。
一般設定
開始するには、設定"一般に進みます。

ここでは、フォームの名前、説明、送信ボタンのコピーなどを変更することができます。また、フォームを GDPR に準拠させるための高度な設定などもあります。
スパム対策とセキュリティ設定

このページでは、不要なフォーム送信からウェブサイトを安全に保つために、追加のスパム防止機能を有効にすることができます。
詳しくはWPFormsのスパム対策機能の完全ガイドをご覧ください。
フォーム通知
Notificationは、あなたのウェブサイトでフォームが送信されるたびにメールを送信する素晴らしい方法です。

この機能を無効にしない限り、誰かがあなたのサイトでフォームを送信すると、その通知が届きます。
この手順については、WordPressでフォーム通知を設定する方法をご覧ください。
自分自身、チームメンバー、サイト訪問者など、複数の通知を送信する必要がある場合は、WordPressで複数のフォーム通知を送信する方法のステップバイステップのチュートリアルをご覧ください。
また、メール全体のブランディングを統一したい場合は、メールテンプレートにカスタムヘッダーを追加する方法をご覧ください。

フォームの確認
フォームの確認とは、ウェブサイト上でフォームを送信するとサイト訪問者に表示されるメッセージです。フォームが処理されたことを知らせ、次のステップを知らせることができます。

WPFormsには3つの確認タイプがあります:
- メッセージ 誰かがあなたのウェブサイトのフォームを送信すると表示されるシンプルなメッセージです。
- ページを表示する。サンキューページなど、ユーザーをウェブサイトの別のページにリダイレクトします。
- URLへ移動(リダイレクト)。サイト訪問者を別のウェブサイトに送ります。
サイト訪問者の行動に基づいて異なる確認を表示したい場合は、条件付きフォーム確認の作成方法をお読みください。
完了したら保存を クリックする。
ステップ 4: フォームページの設定をカスタマイズする
フォームの一般的な設定ができたので、次はフォームのランディングページの設定をしましょう。
これを行うには、フォームビルダーの設定"フォームページ を開き、フォームページモードを有効にするをオンにします。

そうすると、ランディングページのデザインを設定するためにカスタマイズできる設定がたくさん表示されます。さらに、ランディングページのテンプレートから作成されるので、とても簡単です。HTMLやCSSの知識は必要ありません!
フォームのタイトルとメッセージ
手始めに、サイト訪問者に表示するフォームのタイトルをつけましょう。これは、あなたのランディングページが何であるかを知らせるのに適しています。また、そのページでどのような行動をとってほしいかも知らせることができます。

次に、サイト訪問者のために短いメッセージを追加することができます。これにより、フォームに入力する際に何を期待すればよいかを知ってもらうための追加情報を追加することができます。
パーマリンク
フォームページモードを有効にすると、Form Pages アドオンが自動的にユニークなパーマリンクを作成します。

このパーマリンクは変更してもいいし、そのままにしてもいい。
このURLは、Eメールマーケティングキャンペーンや内部リンク、さらにはソーシャルメディアの投稿で、カスタムフォームのランディングページを訪問してコンバージョンしてもらいたいときに使用します。
ヘッダーロゴ
専用フォームのランディングページをカスタマイズするために次にできることは、ロゴを追加することです。画像のアップロードをクリックし、フォームのランディングページに追加したい画像を選択します。

フッターテキストとブランディング
フォームのランディングページの下部にフッターテキストを追加するオプションがあります。デフォルトのテキストを削除して空白にするか、独自のテキストを追加して変更してください。

また、WPFormsのブランディングを隠す設定をオンにすることで、WPFormsのブランディングを削除することができます。
配色とスタイル
WPForms Form Pages アドオンの最も優れた点のひとつは、フォームのランディングページをあなたの会社のブランディングにマッチした配色にカスタマイズできることです。
選択した配色によって、フォームのランディングページの背景色とフォームの送信ボタンが決まります。
どんな色でも素敵に見えるよう、いくつかの配色をご用意しました。あらかじめ設定された色が気に入らない場合は、カラーピッカーを使用してカスタムカラーを選択することができます。

また、2つのスタイルから選ぶことができる:
- クラシック・デザイン:四角い角のある幅の狭いフォームが表示されます。ページの背景の下部は、配色で選択した色よりも明るくなります。
- モダンデザイン:角が丸く、幅の広いフォームが表示されます。ページの背景の下部は、配色で選択した色よりも濃くなります。

カスタムフォーム・ランディングページの設定がすべて完了したら、上部にある「フォームページをプレビュー」ボタンをクリックして、フォームが公開されたときの見え方を確認できます。
すべてが思い通りになったら、「保存」をクリックします。
リードフォームを作るべきかランディングページを作るべきか迷っていませんか?ランディングページとリードフォームの徹底比較で、役立つ洞察とヒントをご覧ください。
SeedProdを使ってWordPressでランディングページを作成する方法
素晴らしいランディングページを作成する別の方法をお望みですか?SeedProdプラグインを強くお勧めします。
SeedProdは、WordPressのための最高のランディングページビルダーです。あなたのウェブサイトのためのあらゆる種類のランディングページを作成するために使用することができます:
- ウェビナー登録ページ
- リード・マグネット・フォーム
- 近日公開のページ
- 404ページ
- そしてもっと。
SeedProdを使えば、簡単にランディングページを作成し、好きな場所にフォームを追加することができます。

デザインを完全にコントロールしたい場合は、ゼロからページを始めることができます。SeedProdには100以上のプロ用テンプレートがあり、簡単にカスタマイズしてあなただけのランディングページを作ることができます。
ビルダーでは、フォームのカスタマイズやレイアウトの変更が簡単にできます。

ランディングページが完成したら、Drip、Mad Mimi、Campaign Monitor、ConvertKitなどのサービスと簡単に統合できる。
試してみたい方は、今すぐSeedProd Landing Page Proをダウンロードしてください。
次に、フォームのコンバージョン率を高める
これで終わりです!これで、WordPressでランディングページを作成する方法がわかりました。フォームのランディングページへのURLやリンクがあれば、人々はそれを閲覧し、入力することができるようになります。
コンバージョンを高めるためのオンラインフォームの作り方をお探しなら、フォームをデザインし、コンバージョンを高めるための10の簡単な方法をご紹介します。
何を待っているのですか?今すぐ最強のWordPressフォームプラグインを使い始めよう。WPForms Proを使えばフォームを使ったランディングページの構築はとても簡単です。
サイード
この記事をありがとうございます。完全にプライベートなモードでウェブサイトを作成している場合、ウェブページのさまざまな場所にフォームをコンテンツとして埋め込む機能に影響はあるのでしょうか?
自分のウェブページやフォームが非公開なので、回避策を開発しなければならないような気がしている
こんにちは、タニア、
プライベートモードでウェブサイトを作成しても、サイト全体にフォームを埋め込む機能には影響しないはずですので、問題を引き起こしている別の問題があるのかもしれません。有料ライセンスをお持ちの場合は、サポートチームまでお気軽にお問い合わせください。
ありがとう!
ヘッダー画像を自分のウェブサイトにリンクできるようにしたいです。何か方法はありますか?
こんにちは、トッド。
現在のところ、Form Pages アドオンの設定にヘッダー画像へのリンクを追加する組み込みオプションはありません。
しかし、それがとても便利であることには同意します。機能要望をメモしておきましたので、今後のロードマップを計画する際に注目しておきます。
良い一日を🙂。
このランディングページのフォームをGoogleの検索結果に表示させたくありません。どうすればそれを防ぐことができますか?
こんにちは、ウィリー、
この機能は現在デフォルトでは利用できませんが、WPFormsのランディングページの検索可視性をコントロールできるのは便利だと思います。
しかし、サイトのrobots.txtファイルを編集することで、ページの表示を非表示にすることができる。
お役に立てれば幸いです。ありがとう!