AI要約
サイドバーなしで、WordPressウェブサイトにオンラインフォームを邪魔されない方法で表示する方法をお探しですか?
WordPressでフォーム付きの専用ランディングページを作成することは、時間を節約し、より多くのリードを獲得し、フォームのコンバージョンを向上させるための優れた方法です。
この記事では、WordPressでフォーム付きのランディングページを作成する方法をご紹介します。
この記事の内容
WordPressランディングページのメリット
まず、ランディングページを作成する理由をいくつか見てみましょう。
カスタムフォームランディングページには多くのメリットがあります。スタンドアロンのウェブページと混同しないでください。フォームランディングページとは、サイト訪問者が内部または外部のリンクからたどり着くページ(ホームページではありません)のことです。

WordPressサイトにフォームランディングページを持つべきいくつかの最良の理由を見てみましょう。
- コンバージョン率の向上: 多くの場合、多くの注意散漫な要素があり、直接的なCTA(コールトゥアクション)がないため、オンラインフォームの入力を完了しない人がいます。複数のオファーは、サイト訪問者をメールリストの購読者から遠ざけます。しかし、ページにオンラインフォーム以外に何もない場合、人々はサインアップする可能性が高くなります。
- ブランド認知度の向上: WPFormsを使用すると、会社のロゴとカスタマイズされた配色で完全なカスタムフォームランディングページを作成できるため、サイト訪問者の間でブランドの認知度と認識を高めることができ、ひいては中小企業の成長に役立ちます。
- より良いカスタマイズ: 専用のランディングページがあれば、見た目をカスタマイズする方法を自分でコントロールできます。これは、WordPressテーマによって制御され、フォームを希望どおりにカスタマイズできない可能性がある従来のウェブフォームレイアウトとは大きく異なります。さらに、すべての最高のWordPressページビルダープラグインと連携してうまく機能します。
- 個別のウェブページの必要なし: 入力してもらうフォームがあるが、ナビゲーションメニューに表示される完全に個別のWordPressページを作成したくない場合があります。専用のフォームランディングページを使用すると、個別のウェブページを作成せずに、フォームが含まれたカスタムランディングページを作成できます。たとえば、新しいウェブサイト全体を作成せずに、特別なイベントのウェビナーランディングページを作成できます。
主な目標がリードジェネレーションであるか、メンバーシップサイトを作成するか、イベントへの返信または登録を簡単に行えるようにするか、アンケートフォームで顧客ロイヤルティを測定するかどうかにかかわらず、オンラインフォーム用の邪魔されないランディングページを作成することは素晴らしいアイデアです。また、SEOにも悪影響はありません!
アイデアが思いつかない?盗めるデザインのいくつかについては、これらのランディングページフォームの例をご覧ください。
それでは、WordPressで専用のランディングフォームページを作成する方法を見てみましょう。
WPFormsでWordPressのランディングページを作成する方法
ウェブサイトでコンバージョン率の高いランディングページをフォーム付きで作成するための手順に従ってください。
ステップ1:WordPressで新しいフォームを作成する
まず、WPFormsプラグインをインストールしてアクティブ化する必要があります。詳細については、WordPressにプラグインをインストールする方法に関するこのステップバイステップガイドを参照してください。
次に、新しいフォームを作成する必要があります。 WPForms » 新規追加 に移動して、フォームの名前を入力するだけです。

次に、WPForms が提供する 何百ものテンプレート を使用して、オンラインフォームをいくつでも作成できます。
たとえば、次のようなものを作成できます。
- 非営利団体向けのオンラインレース登録フォーム
- イベントフィードバックフォーム で、イベントがどのように感じられたかを知る
- コンテスト応募フォーム で、ユーザーエンゲージメントを高め、ブランド認知度を向上させる
- クライアント予約フォーム で、人々があなたやあなたのチームとの予約をスケジュールできるようにする
- 同窓生 寄付フォームでお金を調達する
- 求人応募フォーム で、あなたの会社での空席に応募するように人々を奨励できるようにする
- その他多数
例として、シンプルな連絡先フォーム を作成します。
ドラッグアンドドロップビルダーに入ったら、左側のパネルから右側のパネルにフィールドをドラッグして、フォームにフィールドを追加できます。

次に、フィールドをクリックして変更を加えます。フォームフィールドをクリックして、プレビューエリアで上下にドラッグして、オンラインフォームの順序を並べ替えることもできます。
そして素晴らしいのは、どの種類のオンラインフォームを作成しても、それを専用のフォームランディングページにできることです。
フォームが希望どおりになったら、保存 をクリックしてください。
ステップ2:フォームページアドオンのインストールと有効化
WordPress フォームの準備ができたら、WPForms フォームページアドオン をインストールして有効化する必要があります。
このアドオンは、新しく作成した WordPress フォームをカスタムフォームランディングページに変換する方法です。
開始するには、WPForms » アドオン に移動し、フォームページアドオン というラベルのものを探します。
Install Addonをクリックし、次にActivateをクリックします。

フォームページアドオンはすぐに使用できます。しかし、まず、カスタムフォームランディングページを作成する前に設定する必要がある一般的なフォーム設定を簡単に見てみましょう。
ステップ3:フォームの設定を構成する
フォームを希望の外観にカスタマイズしたら、設定できる設定はたくさんあります。
一般設定
まず、設定 » 一般に移動します。

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

このページでは、追加のスパム防止機能を有効にする ことで、不要なフォーム送信からウェブサイトを保護する ことができます。
詳細については、WPForms のすべてのスパム防止機能に関する 完全ガイド を参照してください。
フォーム通知
通知は、ウェブサイトでフォームが送信されるたびにメールを送信するための優れた方法です。

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

フォーム確認
フォーム確認は、サイト訪問者がウェブサイトでフォームを送信した後に表示されるメッセージです。これにより、フォームが処理されたことをユーザーに知らせ、次のステップを伝える機会を提供します。

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

これにより、ランディングページのレイアウトを設定するためにカスタマイズできる多くの設定が表示されます。さらに、ランディングページテンプレートから構築されるため、非常に簡単です。HTMLやCSSの知識は不要です!
フォームのタイトルとメッセージ
まず、サイト訪問者に表示されるフォームのタイトルを付けます。これは、人々がランディングページについて何を知るべきかを知らせるのに役立ちます。また、そこで取ってほしい行動を知らせることもできます。

次に、サイト訪問者向けの短いメッセージを追加できます。これにより、追加情報を提供し、フォームに入力する際に何を期待すべきかをユーザーに知らせることができます。
パーマリンク
フォームページモードを有効にすると、フォームページアドオンは自動的に一意のパーマリンクを作成します。

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

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

WPFormsブランディングを非表示にする設定をオンにすることで、WPFormsのブランディングを削除することもできます。
配色とスタイル
WPFormsフォームページアドオンの最も優れた点の1つは、会社のブランディングに一致する配色を持つようにフォームランディングページをカスタマイズできることです。
選択した配色によって、フォームランディングページの背景色とフォームの送信ボタンの色が決まります。
簡単にするために、どのような場合でも見栄えの良い、いくつかの優れた配色を用意しました。プリセットカラーのいずれかが気に入らない場合は、カラーピッカーを使用してカスタムカラーを選択できます。

また、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を使えば、フォーム付きのランディングページを作成するのは非常に簡単で、さらに14日間の返金保証が付いています。

Syed様、
この記事をありがとうございます。完全にプライベートモードでウェブサイトを作成している場合、ウェブページ上のさまざまな場所にフォームをコンテンツとして埋め込む能力に影響しますか?
私のウェブページとフォームがプライベートなので、回避策を開発する必要があるように感じます
Taniaさん、こんにちは
プライベートモードでウェブサイトを作成しても、サイト全体にフォームを埋め込む能力には影響しないはずですので、問題を引き起こしている別の問題がある可能性があります。有料ライセンスをお持ちの場合は、お気軽にサポートチームにお問い合わせください。この問題についてフォローアップいたします。
ありがとうございます!
ヘッダー画像を私のウェブサイトにリンクできるようにしたいのですが。何か方法はありますか?
Toddさん、このご質問ありがとうございます。
現在、フォームページアドオンの設定でヘッダー画像にリンクを追加する組み込みオプションはありません。
しかし、それは非常に役立つだろうと私も同意します。機能リクエストをメモしておきましたので、将来のロードマップを計画する際に注意しておきます。
では、良い一日を 🙂
このランディングページフォームをGoogle検索結果に表示させたくありません。どうすれば防げますか?
Williさん、こんにちは
この機能は現在デフォルトでは利用できませんが、WPFormsのランディングページで検索の可視性を制御できると便利であることに同意します。
ただし、サイトのrobots.txtファイルを編集することで、ページの表示を非表示にすることができます。
お役に立てば幸いです。ありがとうございます!