WordPressでカスタムデータ入力フォームを作成する方法(コーディング不要)

データ・エントリー・フォームとは、まさにそのようなものです。データベースやスプレッドシートに保存する情報を収集するフォームです。

この情報には、顧客の詳細、予約、登録情報、その他の重要なデータが含まれます。幸いなことに、このようなタイプのフォームを作成するのは思ったより簡単です。コーディングも必要ありません!

その方法を知りたい方は、このまま読み進めてください。ご希望のデータ管理システムと簡単に統合できる、カスタムデータ入力フォームの作成方法をご紹介します。たった5ステップでできます。

WordPressでカスタムデータ入力フォームを作成する方法(コーディング不要)

WPFormsを取得する

独自のカスタムデータ入力フォームを作成するには、WordPressのダッシュボードにWPForms Proをインストールして有効化する必要があります。

Proでは、必要なアドオン、追加フィールド、追加カスタマイズオプションにアクセスできる。

WPFormsの価格ページ。

プラグインをインストールして有効化すれば、もう大丈夫です!

今すぐデータ入力フォームを作成

お好みのツールを統合する

WPForms Proライセンスでは、現在サポートしているすべての統合機能をご利用いただけます。これは非常に多くのことです。

WPFormsの統合をブラウズする

WPFormsはZapierを含む200以上のツールやシステムと統合しています

データ入力ツールに関しては、私たちの統合に興味をお持ちかもしれません:

フォームを作成する前に、どのサービスとフォームを連携させるかを選択することができます。フォームビルダーの説明に入るときに詳しく説明します。

まず、WPForms " Addons にアクセスしてください。

WPFormsアドオン

さて、WPForms Addonsページで、あなたのフォームに統合して接続したいツールを見つけることができます。

例えば、Google Sheets - Google Sheets Addonを探し、有効化する

Google Sheetsアドオン

その後、基本的にグーグル・サインインを確認するいくつかの画面が表示される。

完了すると、統合ページにリダイレクトされます。これでGoogle Sheetsとの統合が「Connected」と表示されるはずです。

グーグル・シート・コネクテッド

この統合は、このチュートリアルで作成しようとしているフォームに便利なだけではありません。

一度接続すれば、作成したフォームと一緒に使って、フォームのデータを自動的にGoogle Sheetsに送ることができる。

フォームを作る

統合設定が完了したら、データ入力フォームを作成する準備ができました。WordPressダッシュボードのWPFormsタブに移動し、新規追加をクリックします。

新しいフォームを追加する

新しいフォームを追加すると、フォーム名を入力する画面が表示され、フォームビルダーが開きます。空白のフォームを使ってゼロから自分でフォームを作成することもできますし、テンプレートから始めることもできます。

フォームの名前

テンプレートギャラリーにある多くのフォームテンプレート(何千もの中から選べます)を利用して、始めることをお勧めします。

テンプレートがあれば、必要なフィールドがすべてではないにしても、そのほとんどが所定のデータ入力フォームに含まれています。例えば、学生登録フォームのテンプレートには、学生情報、保護者情報、緊急連絡先のフィールドが用意されています。

学生登録フォームのフィールド

あらかじめ用意されたフォームテンプレートでも、空白のフォームテンプレートでも、ドラッグ&ドロップのフォームビルダーを使えば、お好みに合わせてテンプレートをカスタマイズすることができます。

フォーム上のフィールドのスタイルや機能を編集したり、必要なフィールドを追加したり、不要なフィールドを削除したりすることができます。次のステップでそのすべてを説明します。

フォームのカスタマイズ

フォームビルダーに入ると、テキスト入力、チェックボックス、ドロップダウンメニューなど、様々なフィールドをフォームに追加し、カスタマイズすることができます。

学生登録フォームビルダー

ユーザーに 、データを入力させるさまざまな方法があることは、特にこの種のフォームにとっては、常に大きなプラスとなる。

AIの選択肢を活用する

また、ユーザーが選択するフィールドを追加する場合、WPForms AIに選択肢を生成させるオプションがあります。

AIの選択肢を生成する

生成してほしいリストや選択肢の種類を入力するだけで、AIアシスタントが素早く生成してくれます。その後、ボタンをクリックするだけで、生成された選択肢をフォームに挿入できます。

AIの選択肢を生成する

AIの選択は、データ入力フォームにこれらのデータポイントを追加する時間と当て推量を取り除きます。

さらに、これらのツールを使用することで、フォームユーザーがフォームに正しいデータを取り込むことができるため、データ収集の効率と精度が向上します。

リピーター・フィールド リピーター・フィールド

リピーターフィールドを使用すると、フォームを過密状態にすることなく、動的に入力フィールドを追加することができます。これは、名前、住所、電話番号などを追加で入力するような、入力数が変化するデータ入力タスクに便利です。

リピーターフィールドで情報を追加

フォームユーザーはボタンをクリックするだけで、フォームの特定のフィールドやブロックセクション全体を追加または削除することができます。カスタマイズに関しては、繰り返し入力可能なフィールドのレイアウト、ボタンのスタイル、その他のオプションを完全にコントロールすることができます。

リピーターフィールドのカスタマイズ

リピーター・フィールドの詳細、最適な使い方、スタイリングのコツについては、この重要な整理整頓ツールに関する広範なガイドをご覧ください。

統合をつなぐ

フォームを自分好みにカスタマイズしたら、先ほど設定したデータ入力統合に接続することができます。フォームビルダーのサイドバーの設定タブにあります。この場合、利用可能なオプションから Google Sheets を選択することができます。

設定のGoogleシート

次に、「新しい接続を追加」をクリックして、Googleアカウントをこのフォームにリンクし、エントリーの保存を開始します。

グーグル・シート接続

次に、この接続にニックネームをつける必要があります。このニックネームはあなたのサイトには表示されませんのでご安心ください。このニックネームは、Googleシートがどのフォームに接続されているかを覚えておくためのものです。ニックネームを入力したら、OKをクリックします。

接続ニックネーム

次に、このフォームが入力するスプレッドシートに、「既存のスプレッドシートを選択」または「新規スプレッドシートを作成」のオプションが表示されます。このフォームをGoogle Sheetsの既存のスプレッドシートに接続するか、ここから新しいスプレッドシートを作成することができます。

既存のスプレッドシートを選択

最後に、さらに下にスクロールしてフィールドマッピング設定をご覧ください。ここで、どのカラムがフォームのどのフィールド値に対応するかを定義します。

学生登録フィールドマッピング

他にもフィールドマッピングの設定がありますので、Google Sheetsのエントリーの保存に関するチュートリアルをご覧ください。

また、これらの手順は、データ入力の統合として選択したGoogle Sheetsに特化したものだが、一般的なアプローチは全体的に似ている。

インテグレーションに対応するアドオンを取得し、プラットフォームで持っているアカウントに接続してインテグレーションを設定する必要があります。

フォームを公開する

フォームの準備ができたので、あなたのサイトで公開されているページにフォームを追加する必要があります。そして、誰かがフォームを送信すると、自動的にGoogle Sheetsのスプレッドシートに入力内容が送信されます。

フォームビルダーの右上にある埋め込みボタンをクリックしてください。

埋め込みフォーム

すでにあなたのサイトにあるページにフォームを埋め込むこともできますし、ここから新しいページを作成することもできます。新しいページを作成する場合、"Student Registration "のように名前をつける必要があります。

新しいページに名前を付ける

どちらを選択しても、フォームが追加された状態でWordPressエディターが開きます。そこからページを公開するだけです。

発行フォーム

あなたのサイトにデータ入力フォームができました!

ボーナス:ベストプラクティスとヒント

テンプレート、AIによる選択肢の生成、そしてリピーターフィールドによる整理整頓で、あなたのフォームは素晴らしいものになったことでしょう。とはいえ、以下のヒントや注意点を心に留めておいてください。

  • プレースホルダー・テキストと説明文:プレースホルダーのテキストはユーザーを誘導することができますが、説明が多すぎてフォームがごちゃごちゃになるのは避けましょう。説明文も同様です。フォームの疲労を軽減するために、フィールドの説明は短く、適切なものにしましょう。
  • マルチカラムとシングルカラムの比較 レイアウト:マルチカラムレイアウトはフォームを短く見せることができますが、シングルカラムレイアウトはユーザーが一度に1つの入力に集中できるため、フォームの入力完了率が向上します。
  • フォームの長さと条件ロジック:フォームは簡潔に。フォームが短ければ短いほど、ユーザーがフォームを完了する可能性は高くなります。条件ロジックを使って不要なフィールドを非表示にし、ユーザーに関連するものだけを表示しましょう。
  • ブランディングヘッダー画像、色の選択、その他のスタイリングオプションを使用して、組織のブランディングをフォームに適用することを検討してください。これは、ウェブサイト上でより一般に公開するフォームでは特に重要です。

これだけです!あなた自身のデータ入力フォームを作成するためのすべてのツールがあなたの指先にあります。どのようなデータを収集し、入力するのですか?WPFormsを使えばその選択肢は無限に広がります。

今すぐデータ入力フォームを作成

データ入力フォームに関するFAQ

ナンバーワンのフォーム作成プラグイン (データ入力フォームなど) として、フォームに関するたくさんの質問をいただきます。ここではこのトピックに関するよくある質問を紹介します:

フォーム送信をExcelにエクスポートできますか?

はい!WPFormsではフォームデータをCSV形式で簡単にエクスポートすることができます。

WPFormsはGDPRに対応していますか?

はい、WPFormsは同意チェックボックスの追加やデータの保存方法のカスタマイズなど、GDPR規制に準拠するためのツールを提供しています。

WPFormsはサードパーティと統合できますか?

もちろんです。WPFormsはZapierと連携しており、Google Drive、Slack、Trelloなど7,000以上のアプリとフォームを接続することができます。

次に、フォームの名前フィールドに敬称を追加する。

名前の横に敬称を入れるのはプロとしての礼儀です。そこで、フォームの名前フィールドにこのオプションを追加してみてはいかがでしょうか。ご希望の敬称や肩書きを名前フィールドに追加する方法については、お役立ちガイドをご覧ください。

フォームを作る準備はできましたか?最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。

この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。

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

ケイシー・クーパー

ケイシーはWPFormsのライター兼テンプレート作成者です。彼女は2016年からWordPressでブログを書き、それについて書いている。もっと知る

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

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

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

コメントを追加する

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

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