フォームページアドオン

フォームページアドオンはPro機能です

フォームページアドオンやその他の強力な機能のロックを解除して、ビジネスを成長させましょう。

WPForms Proを入手

フォーム専用のランディングページを作成しませんか? WPFormsのフォームページアドオンを使用すると、新規または既存のフォームごとにカスタムのスタンドアロンページを簡単に生成できます。

このチュートリアルでは、WPFormsでフォームページアドオンを使用する方法を説明します。

要件:

  • フォームページアドオンにアクセスするには、Proライセンスレベル以上が必要です
  • フォームページアドオンの最小必要バージョンを満たすために、WPFormsの最新バージョンがインストールされていることを確認してください

1. フォームページアドオンのインストール

独自のフォームページを作成する前に、フォームページの例を確認したい場合は、ライブデモをご覧ください。

このチュートリアルを開始する前に、WordPressサイトにWPFormsをインストールして有効化してください。

コアWPFormsプラグインが設置され、ライセンスが検証されたら、フォームページアドオンをインストールして有効化できます。

2. フォームページのセットアップ

フォームページアドオンをインストールしたら、新しいフォームを作成するか、既存のフォームを編集する必要があります。フォームビルダーで、設定 » フォームページに移動します。次に、フォームページモードを有効にするというラベルのチェックボックスをオンにします。

フォームページの有効化

このボックスがチェックされると、多くの追加オプションが表示されます。以下で各オプションを詳しく説明します。

フォームページのプレビュー

編集中にいつでもフォームページの外観を確認したい場合は、フォームを保存してから、青いフォームページのプレビューボタンをクリックしてください。

フォームページのプレビュー

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

まず、フォームページのタイトルを追加します。必要に応じて、メッセージを追加することもできます。ほとんどの場合、このテキストは、フォームに入力するユーザーに指示やその他の詳細を共有するために使用されます。

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

フォームページのタイトルとメッセージの両方が、フォームの上にページの上部に表示されます。

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

パーマリンクは、訪問者がフォームページを表示できるURLです。このリンクをユーザーと共有するため、通常は短くシンプルなものにすることをお勧めします。

フォームページのパーマリンクの編集

注意:フォームページのパーマリンクは一意であり、サイトの他の場所で使用されていない必要があります。
また、パーマリンクに数字のみを使用することは避けてください(例: /2024)。WordPressは数値のスラッグをアーカイブページとして扱う場合があり、フォームが正しく表示されない可能性があります。

ヘッダーロゴでは、フォームページのタイトルの上に表示される画像またはロゴをオプションで追加できます。画像をアップロードボタンをクリックしてロゴを選択すると、画像のプレビューが表示されます。

フォームページのヘッダー画像のアップロード

大きな画像を使用したい場合は、以下のサイズ制限を考慮してください。画像はこれらの制限に合わせて自動的にスケーリングされます。最大幅は、設定のさらに下にあるスタイルによって異なります。

  • 最大ロゴ幅(モダンなスタイル): 660ピクセル
  • 最大ロゴ幅(クラシックなスタイル): 570ピクセル

最大ロゴの高さは常に125ピクセルです。

これは、ヘッダーロゴがフロントエンドにどのように表示されるかの例です。

ヘッダーロゴ付きフォームページの例

フォームページのフッターテキストは、ページの下部に表示される簡単なテキスト行です。デフォルトでは、「このコンテンツはWPFormsによって作成または承認されたものではありません。」と表示されます。

デフォルトのWPFormsフォームページフッターテキスト

提供されたフィールドに独自のテキストを入力することで、フッターテキストをカスタマイズできます。

フォームページ設定のフッターテキストオプション

フッターテキストを削除するには、このフィールドを空白のままにしてください。

WPFormsのブランディングを非表示にする

デフォルトでは、フォームページにはフッターテキストの下に「WPFormsで作成」というフレーズが表示されます。

デフォルトでフォームページに追加されるWPFormsのブランディング

WPFormsブランディングを非表示」ボックスをチェックすることで、これを削除できます。

フォームページでWPFormsのブランディングを非表示にするオプション

カラー スキーム

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

選択できる人気のデフォルトカラー スキーム オプションがいくつかあります。

フォームページのデフォルトの配色オプション

または、スポイトアイコンをクリックして任意のカスタムカラーを選択することもできます。

フォームページのカスタム配色設定

スタイル

フォームページには、モダンまたはクラシックの2つのスタイルを選択できます。

フォームページのスタイルオプション(モダンまたはクラシック)

モダン デザイン スタイルは、角の丸い、より広いレイアウトを表示します。また、ページ背景の下部は、カラー スキーム内の暗い色が使用されます。

モダンなフォームページスタイル

クラシック デザイン スタイルは、角の四角い、より狭いフォームを表示します。また、ページ背景の下部は、カラー スキーム内の明るい色が使用されます。

クラシックなフォームページスタイル

これで完了です!これで、サイト上の任意のフォームのスタンドアロンフォームページを作成する方法がわかりました。

次に、リードをより簡単に収集してフォローアップできるように、フォームをマーケティングサービスに接続しますか?MailchimpConstant ContactAWeberDripCampaign MonitorGetResponseなどのマーケティング統合アドオンをぜひチェックしてください。

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

簡単、高速、安全。WPFormsを信頼する600万人以上のウェブサイト所有者に加わりましょう。