WordPressで複数列のフォームを作成するにはどうすればよいですか? (ビギナーズガイド2022)

公開: 2022-07-11

WordPressで複数列のフォームを作成する方法を知りたいですか? その場合、この記事では、WordPressフォームに複数の列を追加するための詳細なガイドを提供します。

必要な列数でWordPressフォームを作成するのは、少し面倒な場合があります。 まず第一に、WordPressはサイトに組み込みのフォームを提供していないため、フォームビルダープラグインに依存する必要があります。 次に、すべてのフォームビルダープラグインで、選択したとおりにフォームをデザインできるわけではありません。

しかし、それは大したことではないと言えばどうでしょう。 はい、より良いカスタマイズオプションを備えた適切なフォームビルダープラグインを選択できれば、複数列のWordPressフォームを作成することは大きな問題ではありません。

したがって、WordPressサイトで複数列のフォームを作成する方法を学ぶために、最後まで記事を読んでください。

目次

複数列のWordPressフォームを作成する理由

Webサイトのフォームは、オーディエンスを通常の訪問者または顧客に変換する上で重要な役割を果たします。 さらに重要なことに、フォームのデザインは、聴衆をフォームに記入するように促すことができるもう1つの要素です。 印象的で見栄えの良いフォームは、聴衆を誘惑してフォームに記入し、エントリを送信することができます。

フォームの多くのデザインの中で、複数の列を追加することもその種類の1つです。 複数列のWordPressフォームを作成すると、ユーザーがフォームに入力する時間を大幅に短縮できます。 フォームフィールドが並んでいるため、ナビゲートしやすくなっています。

次に、単一の列ではなく複数の列を使用する場合、多くの場合、デザインも最適に見えます。

マルチカラムフォームの例

同様に、複数列のWordPressフォームを作成する場合、同様の種類のフォーム要素を簡単にグループ化できます。 一方、複数列のWordPressフォームは、複数列構造のWordPressテーマを使用するサイトも補完します。

さらに、マルチカラムフォームはフォームの放棄率も低下させます。 フォームが長い場合、ユーザーはフォームを途中で離れて、二度と戻らない可能性があります。 したがって、複数列のフォームを使用すると、フォームを長く複雑にすることなく、ユーザーから必要なすべての情報を収集できます。

これらとは別に、WordPressで複数列のフォームを作成する理由は複数あります。 したがって、WordPressで複数列のフォームを作成するのに役立つフォームビルダープラグインを見つけましょう。


複数列のフォームをサポートする最適なフォームビルダープラグインを選択してください

WordPressで複数列のフォームを作成できるフォームビルダープラグインがいくつかあります。 しかし、最も重要なのは、選択したプラグインが柔軟にカスタマイズできるかどうかです。

Everest Formsのようなプラグインを選択すると、複数の列を使用してフォームを簡単にカスタマイズできます。 また、マルチステップフォーム、PayPal支払いフォーム、調査フォームなどのフォームを作成する作業は簡単です。 技術的でない人でも技術的な人でも、プラグインは誰にとっても使いやすいものです。

WordPressで複数列のフォームを作成するためのエベレストフォーム

Everest Formsは、多数のフォームフィールドと多数のアドオンも提供します。 それはあなたがあなたのサイトの要件に従って使うことができる無料版とプレミアム版の両方を持っています。

そうは言っても、エベレストフォームを使用してWordPressで複数列のフォームを作成する手順に飛び込みましょう。


エベレストフォームを使用してWordPressで複数列のフォームを作成するにはどうすればよいですか?

ステップ1:EverestFormsプラグインをインストールしてアクティブ化する

最初のそして最も重要なステップはあなたのサイトにプラグインをインストールすることです。 したがって、ログインURLを使用してWordPressサイトにログインし、 [プラグイン]>>[新規追加]に移動します。

プラグインに移動してから新規追加

注目のプラグインを表示するページに即座にリダイレクトされます。 同じページに検索バーがあります。 検索バーを使用して、エベレストフォームを検索します。 Everest Formsを示す検索結果が表示されたら、プラグインの[今すぐインストール]ボタンをクリックします。

エベレストフォームプラグインを検索

プラグインのインストール後、[アクティブ化]ボタンが表示されます。 したがって、ボタンをクリックしてプラグインをアクティブにします。

これで、無料バージョンのEverest Formsが正常にインストールされました。これは、WordPressで単純な複数列の連絡フォームを作成するのに十分です。 一方、フォームカスタマイザー、フォーム制限などの他の機能が必要な場合は、プレミアムバージョンのエベレストフォームを購入することもできます。


ステップ2:複数列の新しいWordPressフォームを作成する

Everest Formsプラグインをインストールしたので、今度は複数列の新しいWordPressフォームを作成しましょう。 これを行うには、 [エベレストフォーム]>>[新規追加]に移動します。

エベレストフォームに移動し、新規追加

インポートすることですぐに使用できる複数のフォームテンプレートが表示されます。 また、これらのテンプレートをインポートして、WordPressサイトで使用するためにフォームをさらにカスタマイズすることもできます。

エベレストフォームテンプレート

ただし、この記事ではフォームを最初から作成しているので、[最初から開始]をクリックします。

ゼロから始めます

次に、フォームに適切な名前を付けます。 たとえば、ここでは複数列フォームという名前を付けています。 次に、[続行]をクリックします。

複数列フォームに名前を付ける

次に、フォームを作成するための新しいインターフェイスにリダイレクトされます。 フォームインターフェイスは次のようになります。

フォームインターフェイスWordPressで複数列のフォームを作成する方法

フォームに複数の列を作成するには、フォームエディタのフォームフィールドにカーソルを合わせます。 鉛筆のような編集アイコンが表示されます。 クリックして。

アイコンを編集してWordPressで複数列のフォームを作成する

アイコンをクリックすると、行設定が表示され、行の複数の列オプションが表示されます。 したがって、選択に応じて行の列オプションを選択します。

WordPressで複数列フォームを作成するための行の列設定

次に、各列のフォームエディタでフォームフィールドを左から右にドラッグアンドドロップします。

フィールドをドラッグアンドドロップして、複数列のWordPressフォームを作成します

同様に、[行の追加]をクリックして、フォームに新しい行を追加できます。

新しい行を追加

繰り返しますが、新しい行のフォームに複数の列を追加するには、上記の手順を繰り返し、フォームフィールドを新しい行の各列にドラッグアンドドロップします。

フォームのすべての列へのフォームフィールドの追加が完了したら、[保存]ボタンをクリックします フォームを保存します。

複数列のWordPressフォームを保存

ステップ3:フォーム設定のセットアップと構成

WordPressサイトですでに複数列のフォームを作成しているので、フォーム設定を構成しましょう。 これを行うには、上部の[設定]に移動します。

マルチカラムフォームの設定

次に、 Generalとして新しいページにリダイレクトします。 ここから、フォーム名を変更したり、フォームに説明を追加したりできます。

複数列のWordPressフォームの一般設定

同時に、フォームが無効になったことをユーザーに知らせるために、フォームが無効になっているというメッセージを追加することもできます。 さらに、フォーム送信の成功メッセージをカスタマイズして、フォームが受信されたことをユーザーに知らせることができます。

フォームメッセージを設定する

さらに、フォームの送信後に、ユーザーを関心のあるページにリダイレクトすることもできます。

さらに、電子メールを設定するには、 [設定]>>[電子メール]に移動します。

メール設定に移動

ユーザーがフォームを送信したときに管理者に通知するために、電子メールは宛先アドレスで指定された管理者の電子メールに送信されます。 ただし、ここで他のメールアドレスを追加することもできます。

メールアドレス設定

From Nameは、EメールがToAddressに送信されるときに表示される希望の名前です。 このフィールドのスマートタグを使用して、フォームを送信したユーザーの名前を動的に取得することもできます。

同様に、 From Addressは、フォームの送信元の電子メールアドレスです。 ここでも、管理者の電子メールを使用できます。

さらに、返信したいメールアドレスを参照するために返信先を設定することもできます。 さらに、同じページからメール件名メールメッセージを追加することもできます。

その他のメール設定

ユーザーがアップロードしたファイルをメールに送信する場合は、下部にある[添付ファイルとしてファイルを送信]オプションをオンにすることができます。 ここでも、条件付きロジックを使用できます。

メール設定の設定をご案内しましたが、フォーム送信用のメールを受信したくない場合は、上部のメールをオフにすることで無効にできます。

メールをオフに切り替えます

すべてを設定したら、[保存]ボタンを押してフォームを保存することを忘れないでください 右上隅にあります。


ステップ4:お問い合わせフォームを公開する

複数の列を含むお問い合わせフォームを公開するには、公開することを決定したページまたは投稿に移動します。 選択したページまたは投稿を開くと、左上に[+]アイコンの付いたブロックインサーターが表示されます。 アイコンをクリックします。

ブロックインサーター

次に、検索バーでエベレストフォームブロックを検索します。 その結果、エベレストフォームブロックが表示されます。 したがって、ブロックをクリックすると、右側のページまたは投稿エディタにブロックが表示されます。

エベレストフォームブロックインサーターを検索

同様に、Everest Formsブロックのドロップダウンメニューを使用して、作成したばかりの複数列のWordPressフォームを選択します。 これにより、フォームがページまたは投稿に追加されます。

複数列フォームを選択

フォームを追加したら、フォームに適切なタイトルを付けます。 フォームをプレビューする場合は、[プレビュー]ボタンをクリックします。

マルチコラムWordPressフォームのプレビュー

すべてがマークを上回っている場合は、上部の[公開]ボタンを押すことで、複数の列を持つお問い合わせフォームを公開できます。

複数列のWordPressフォームを公開する

まとめ!

さて、WordPressで複数列のフォームを作成する方法については以上です。 使いやすいフォームビルダープラグイン、つまりエベレストフォームを使用して複数列のWordPressフォームを作成する方法を知った後は、ストレスがないことを確信しています。

したがって、ステップバイステップガイドに従って、サイトに複数列のWordPressフォームを取得してください。 いずれかのステップで混乱した場合は、以下にコメントしてください。 喜んでお手伝いさせていただきます。

また、エベレストフォームのレビュー全文や、お問い合わせフォーム7とエベレストフォーム、エベレストフォームとWPフォームなどの比較記事をブログページで読むこともできます。

最後に、WordPressに関連するすべての新しい記事の通知を受け取りたい場合は、TwitterとFacebookでフォローしてください。