ワードプレスでランディングページを作成する方法

WordPressでランディングページを作る方法【簡単ガイド

WordPressのウェブサイトにサイドバーを使わずにオンラインフォームを表示する方法をお探しですか?

WordPressでフォーム付きの専用ランディングページを作成することは、時間を節約し、より多くのリードを生み出し、フォームのコンバージョンを高める素晴らしい方法です。

WordPressフォームを今すぐ作成

この記事では、WordPressでフォーム付きのランディングページを作成する方法をご紹介します。

WordPressランディングページのメリット

まず、ランディングページを作る理由をいくつか見てみましょう。

カスタムフォーム・ランディングページには多くの利点があります。単独のウェブページと混同されないように、フォームランディングページとは、サイト訪問者が内部リンクまたは外部リンクからランディングするページ(ホームページではない)のことです。

WPFormsで作成されたフォーム・ランディング・ページ

WordPressサイトにフォームのランディングページを設置する最大の理由をご覧ください:

  • コンバージョンを高める多くの場合、オンラインフォームへの入力が終わらないのは、気が散るものが多すぎ、直接的なCTA(行動喚起)がないからです。複数のオファーがあると、サイト訪問者はメールリストの購読者から遠ざかってしまいます。しかし、オンラインフォーム以外に何もないページであれば、人々は登録する可能性が高くなります。
  • ブランド認知度の向上WPFormsは、会社のロゴとカスタマイズされた配色を備えたカスタムフォームランディングページを作成することができますので、サイト訪問者の間でより多くのブランド認知度と認識を構築し、ひいてはあなたのスモールビジネスの成長に役立ちます。
  • より良いカスタマイズ:専用のランディングページがある場合、その見栄えをカスタマイズすることができます。これは従来のウェブフォームのレイアウトとは大きく異なり、WordPressのテーマによってコントロールされるため、思い通りにフォームをカスタマイズできない可能性があります。さらに、すべてのWordPressページビルダープラグインとの相性も抜群です。
  • 独立したウェブページは必要ありません:入力フォームがあっても、ナビゲーションメニューに表示されるような全く別のWordPressページを作りたくない場合もあるでしょう。フォーム専用のランディングページを使えば、別のウェブページを作ることなく、フォームを掲載したカスタムランディングページを作ることができます。例えば、特別なイベントのためのウェビナーのランディングページを、そのために全く新しいウェブサイトを構築することなく作成することができます。

主な目的がリードジェネレーションであれ、会員制サイトの構築であれ、イベントへの簡単な参加表明や登録方法の提供であれ、アンケートフォームによる顧客ロイヤルティの測定であれ、オンラインフォーム用の邪魔にならないランディングページの作成は素晴らしいアイデアです。SEO対策にもなります!

アイデアが浮かばない?ランディングページのフォームの例を参考にしてください。

それでは、WordPressで専用のランディングフォームページを作成する方法を見ていきましょう。

WPFormsを使ってWordPressでランディングページを作成する方法

以下のステップを踏んで、あなたのウェブサイトにコンバージョンの高いフォーム付きランディングページを作りましょう。

ステップ1: WordPressに新しいフォームを作成する

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

次に、新しいフォームを作成する必要があります。WPForms " Add Newでフォーム名を入力してください。

フォームビルダーのセットアップセクション

そして、WPFormsが提供する何百ものテンプレートを使って、いくつでもオンラインフォームを作成することができます。

例えば、こうすることができる:

この例では、シンプルな問い合わせフォームを作成します。

ドラッグ&ドロップビルダーに入ったら、左側のパネルから右側のパネルにドラッグして、フォームにフィールドを追加できます。

WPFormsのシンプルなコンタクトフォーム

次に、フィールドをクリックして変更を加えます。また、フォームフィールドをクリックし、プレビューエリアで上下にドラッグしてオンラインフォームの順序を並べ替えることもできます。

そして素晴らしいのは、どのタイプのオンラインフォームを作成しても、それをフォーム専用のランディングページにできることだ。

フォームが思い通りに表示されたら、必ず「保存」をクリックしてください。

ステップ 2: Form Pages アドオンのインストールと有効化

WordPress フォームの準備ができたら、WPFormsForm Pages アドオンをインストールして有効化します。

このアドオンを使えば、新しく作成したWordPressフォームをカスタムフォームランディングページにすることができます。

まずはWPForms"AddonsForm Pages Addon を見つけてください。

アドオンのインストール]をクリックし、[アクティベート]をクリックします。

WordPressのランディングページにウェビナーフォームを追加する

これで Form Pages アドオンを使う準備ができました。その前に、カスタムフォームのランディングページを作成する前に設定すべき一般的なフォーム設定を簡単に見てみましょう。

ステップ 3: フォームの設定

フォームを思い通りにカスタマイズしたら、多くの設定を行うことができます。

一般設定

開始するには、設定"一般に進みます。

フォームの一般設定にアクセスする

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

スパム対策とセキュリティ設定

フォームスパムとセキュリティ設定を開く

このページでは、不要なフォーム送信からウェブサイトを安全に保つために、追加のスパム防止機能を有効にすることができます。

詳しくはWPFormsのスパム対策機能の完全ガイドをご覧ください。

フォーム通知

Notificationは、あなたのウェブサイトでフォームが送信されるたびにメールを送信する素晴らしい方法です。

フォームの通知設定にアクセスする

この機能を無効にしない限り、誰かがあなたのサイトでフォームを送信すると、その通知が届きます。

この手順については、WordPressでフォーム通知を設定する方法をご覧ください。

自分自身、チームメンバー、サイト訪問者など、複数の通知を送信する必要がある場合は、WordPressで複数のフォーム通知を送信する方法のステップバイステップのチュートリアルをご覧ください。

また、メール全体のブランディングを統一したい場合は、メールテンプレートにカスタムヘッダーを追加する方法をご覧ください。

カスタムヘッダー画像付きEメール通知

フォームの確認

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

お問い合わせフォームの確認メッセージ

WPFormsには3つの確認タイプがあります:

  1. メッセージ 誰かがあなたのウェブサイトのフォームを送信すると表示されるシンプルなメッセージです。
  2. ページを表示する。サンキューページなど、ユーザーをウェブサイトの別のページにリダイレクトします。
  3. URLへ移動(リダイレクト)。サイト訪問者を別のウェブサイトに送ります。

サイト訪問者の行動に基づいて異なる確認を表示したい場合は、条件付きフォーム確認の作成方法をお読みください。

完了したら保存を クリックする。

ステップ 4: フォームページの設定をカスタマイズする

フォームの一般的な設定ができたので、次はフォームのランディングページの設定をしましょう。

これを行うには、フォームビルダーの設定"フォームページ を開き、フォームページモードを有効にするをオンにします。

フォームページモードを有効にする

そうすると、ランディングページのデザインを設定するためにカスタマイズできる設定がたくさん表示されます。さらに、ランディングページのテンプレートから作成されるので、とても簡単です。HTMLやCSSの知識は必要ありません!

フォームのタイトルとメッセージ

手始めに、サイト訪問者に表示するフォームのタイトルをつけましょう。これは、あなたのランディングページが何であるかを知らせるのに適しています。また、そのページでどのような行動をとってほしいかも知らせることができます。

フォームページのタイトルとメッセージをカスタマイズする

次に、サイト訪問者のために短いメッセージを追加することができます。これにより、フォームに入力する際に何を期待すればよいかを知ってもらうための追加情報を追加することができます。

パーマリンク

フォームページモードを有効にすると、Form Pages アドオンが自動的にユニークなパーマリンクを作成します。

フォームページのパーマリンクを設定する

このパーマリンクは変更してもいいし、そのままにしてもいい。

このURLは、Eメールマーケティングキャンペーンや内部リンク、さらにはソーシャルメディアの投稿で、カスタムフォームのランディングページを訪問してコンバージョンしてもらいたいときに使用します。

ヘッダーロゴ

専用フォームのランディングページをカスタマイズするために次にできることは、ロゴを追加することです。画像のアップロードをクリックし、フォームのランディングページに追加したい画像を選択します。

フォームページのヘッダーロゴの設定

フッターテキストとブランディング

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

フォームページのフッターテキストをカスタマイズする

また、WPFormsのブランディングを隠す設定をオンにすることで、WPFormsのブランディングを削除することができます。

配色とスタイル

WPForms Form Pages アドオンの最も優れた点のひとつは、フォームのランディングページをあなたの会社のブランディングにマッチした配色にカスタマイズできることです。

選択した配色によって、フォームのランディングページの背景色とフォームの送信ボタンが決まります。

どんな色でも素敵に見えるよう、いくつかの配色をご用意しました。あらかじめ設定された色が気に入らない場合は、カラーピッカーを使用してカスタムカラーを選択することができます。

フォームページの配色を選択する

また、2つのスタイルから選ぶことができる:

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

カスタムフォーム・ランディングページの設定がすべて完了したら、上部にある「フォームページをプレビュー」ボタンをクリックして、フォームが公開されたときの見え方を確認できます。

すべてが思い通りになったら、「保存」をクリックします。

リードフォームを作るべきかランディングページを作るべきか迷っていませんか?ランディングページとリードフォームの徹底比較で、役立つ洞察とヒントをご覧ください。

SeedProdを使ってWordPressでランディングページを作成する方法

素晴らしいランディングページを作成する別の方法をお望みですか?SeedProdプラグインを強くお勧めします。

SeedProdは、WordPressのための最高のランディングページビルダーです。あなたのウェブサイトのためのあらゆる種類のランディングページを作成するために使用することができます:

  • ウェビナー登録ページ
  • リード・マグネット・フォーム
  • 近日公開のページ
  • 404ページ
  • そしてもっと。

SeedProdを使えば、簡単にランディングページを作成し、好きな場所にフォームを追加することができます。

SeedProdランディングページ・ビルダー

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

ビルダーでは、フォームのカスタマイズやレイアウトの変更が簡単にできます。

SeedProdランディングページフォーム

ランディングページが完成したら、Drip、Mad Mimi、Campaign Monitor、ConvertKitなどのサービスと簡単に統合できる。

試してみたい方は、今すぐSeedProd Landing Page Proをダウンロードしてください。

次に、フォームのコンバージョン率を高める

これで終わりです!これで、WordPressでランディングページを作成する方法がわかりました。フォームのランディングページへのURLやリンクがあれば、人々はそれを閲覧し、入力することができるようになります。

WordPressフォームを今すぐ作成

コンバージョンを高めるためのオンラインフォームの作り方をお探しなら、フォームをデザインし、コンバージョンを高めるための10の簡単な方法をご紹介します。

何を待っているのですか?今すぐ最強のWordPressフォームプラグインを使い始めよう。WPForms Proを使えばフォームを使ったランディングページの構築はとても簡単です。

この記事が気に入ったら、フェイスブックと ツイッターをフォローしてください。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。WPFormsがどのように資金を調達しているのか、なぜそれが重要なのか、そしてどのように私たちをサポートできるのかをご覧ください。

編集チーム

WPFormsの編集チームは、WordPressのエキスパートと中小企業成長のスペシャリストで構成されています。私たちは起業家やウェブサイトオーナーの成功を支援することに情熱を注いでいます。もっと知る

最高のWordPressドラッグ&ドロップフォームビルダープラグイン

簡単、速い、安全。WPFormsを信頼する600万人以上のWebサイトオーナーの仲間入りをしてください。

このフォームを入力するには、ブラウザのJavaScriptを有効にしてください。

6 comments on "WordPressでランディングページを作る方法【簡単ガイド】"

  1. サイード

    この記事をありがとうございます。完全にプライベートなモードでウェブサイトを作成している場合、ウェブページのさまざまな場所にフォームをコンテンツとして埋め込む機能に影響はあるのでしょうか?

    自分のウェブページやフォームが非公開なので、回避策を開発しなければならないような気がしている

    1. こんにちは、タニア、

      プライベートモードでウェブサイトを作成しても、サイト全体にフォームを埋め込む機能には影響しないはずですので、問題を引き起こしている別の問題があるのかもしれません。有料ライセンスをお持ちの場合は、サポートチームまでお気軽にお問い合わせください。

      ありがとう!

  2. ヘッダー画像を自分のウェブサイトにリンクできるようにしたいです。何か方法はありますか?

    1. こんにちは、トッド。

      現在のところ、Form Pages アドオンの設定にヘッダー画像へのリンクを追加する組み込みオプションはありません。
      しかし、それがとても便利であることには同意します。機能要望をメモしておきましたので、今後のロードマップを計画する際に注目しておきます。

      良い一日を🙂。

  3. このランディングページのフォームをGoogleの検索結果に表示させたくありません。どうすればそれを防ぐことができますか?

    1. こんにちは、ウィリー、

      この機能は現在デフォルトでは利用できませんが、WPFormsのランディングページの検索可視性をコントロールできるのは便利だと思います。

      しかし、サイトのrobots.txtファイルを編集することで、ページの表示を非表示にすることができる。

      お役に立てれば幸いです。ありがとう!

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。

このフォームはCloudflare Turnstileによって保護されており、Cloudflareプライバシーポリシーおよび利用規約が適用されます。