AIを使用してWordPressフォームを作成する方法

ワードプレスフォームの構築は、イライラし、時間がかかる場合があります。

連絡先やサインアップフォームなど、簡単なアイデアから始めます。しかし、最終的には、フィールド、レイアウト、設定を何時間も微調整します。

ISITWP.comでは、想像できるあらゆる種類のフォームを構築しました。フィードバックフォーム、注文フォーム、登録フォームなどを作成しました。

そして、私たちはすべての一般的な頭痛を乗り越えました。 WPFormsや恐るべきフォームなどのドラッグアンドドロップフォームビルダーを使用しても、「ちょうど適切」になると、予想よりも時間がかかることがよくあります。

だからこそ、私たちは懐疑的でしたが、WPForms AIフォームビルダーについて最初に聞いたとき、興味があります。

AIは実際に時間を節約できますか、それともより多くの問題を引き起こすでしょうか？

自分で試してみた後、 AIフォームビルディングがゲームチェンジャーであることに驚きました。

すべてのフィールドを手動で設定する代わりに、プロンプトを使用して必要なものを説明するだけで、フォームは数秒で構築されます。ドラッグ、推測も、見逃しもありません。

このガイドでは、 AIを段階的にWordPressフォームを作成する方法を正確に示します。

あなたが初心者であろうと時間を無駄にすることにうんざりしていようと、AIがフォームの構築をより速く、簡単で、それでも完全にカスタマイズ可能にする方法を見るでしょう。

キーテイクアウト

• WPFORMS AIフォームビルダーにより、フォームの作成がより高速かつ簡単になります。ゼロから始めたり、ドラッグアンドドロップビルダーを使用したりする必要はありません。
• 単純なプロンプトを入力するだけで完全に機能的なWordPressフォームを生成でき、AIは重い持ち上げを処理します。
• 推奨アドオンをインストールすると、支払いフィールド、条件付きロジック、調査などの追加機能を追加することはシームレスです。
• AIがフォームを作成したら、 WPFormsのドラッグアンドドロップビルダーを使用して微調整して、カスタマイズを行うことができます 初心者に優しい。

そうは言っても、それに入りましょう！

AIを使用してWordPressフォームを構築する方法（段階的）

AIフォームビルディングが使用に理にかなっている理由がわかったので、それを使用する方法を正確に説明しましょう。

以前にWordPressでAIを使用したことがない場合は、心配しないでください。このパートはすべてのステップを表示しますが、複雑なセットアップは推測しません。最後に、あなたのサイトに行く準備ができている作業フォームがあります。

それでは、AIを使用してWordPressフォームをどのように作成しますか？あなたがする必要があることをすぐに一目見て、以下の手順をチェックしてください。さらに、以下のリンクをクリックすると、チュートリアルのそのセクションにスキップします。

• ステップ1：wpformsをインストールしてセットアップします
• ステップ2：WPForms AIフォームビルダーへのアクセス
• ステップ3：プロンプトのあるWordPressフォームを生成します
• ステップ4：WPForms AIフォームのカスタマイズ
• ステップ5：AIに生成されたフォームをライブにします
• WPFormsでAIフォームビルダーを管理するためのヒント
• よくある質問

私たちのサイトの多くでWPForms AIビルダーを使用した後、速度だけではないと言えます。また、すべての手間なしでよりスマートなフォームを構築することでもあります。

それでは、ウェブサイトフォームを賢く構築する方法をお見せしましょう。

ステップ1：wpformsをインストールしてセットアップします

AIフォームビルダーの使用を開始する前に、WPFORMをWordPressサイトにインストールしてアクティブ化する必要があります。以前にプラグインをインストールした場合、これはおなじみの気分になります。

しかし、それが初めてであれば、心配しないでください、それはかなり簡単です。プラグインをインストールする方法に関するガイドを次に示します。

ISITWP.comでは、非常に多くのサイトにWPFormsをインストールしました。これが学んだことの1つです。常に正しいバージョンから始めます。

それを念頭に置いて、AIフォームビルダーはWPForms Pro以上でのみ動作するため、AIを使用する場合は無料版にいないことを確認してください。

WPForms価格設定ページの完全な内訳を確認できます。

私たちの経験からのもう1つのヒントは、ライセンスキーがすぐにアクティブ化されることです。これにより、AIフォームビルダーを使用しようとすると、後で迷惑な「機能ロックされた」メッセージを回避できます。

プランを購読すると、「ダウンロード」セクションの下にあるWPFormsアカウントにライセンスキーが表示されます。

「ライセンスキー」を使用してPROバージョンをアクティブにするには、wordpressダッシュボードのwpforms»設定に移動します。

コードを貼り付けた後、単にBerifyキーを押すと、WPFormsを使用する準備ができています。

また、プラグインの競合に注目してください。

時には、他のフォームプラグインまたはページビルダーが問題を引き起こす可能性があります。セットアップ中に他のフォームプラグインを非アクティブ化すると、物事がよりスムーズになることがわかりました。覚えて。必要に応じて、いつでも後で再アクティブ化できます。

このフォームビルダープラグインのインストールに関する完全なガイドが必要な場合は、最新のWPFormsレビューを次に示します。

WPFormsがインストールされて準備ができたら、AIでフォームの作成を開始するように設定されます。

ステップ2：WPForms AIフォームビルダーへのアクセス

WPFormsがインストールされてアクティブ化されると、次に行うべきことは、AIフォームビルダーに向かうことです。

そこにたどり着くには、 wpforms»すべてのフォームに移動します» WordPressダッシュボードに新規を追加します。

これにより、フォーム作成画面が開き、2,000を超えるテンプレートが表示されます。このセクションは、上部に検索バーがあり、左側にカテゴリがあり、右側のセクションを簡単に見つけられるようにして、きちんと整理されています。

したがって、ゼロから始めたり、AIを使用したくない場合は、選択できるテンプレートがたくさんあります。

ただし、AIビルダーツールを使用するため、テンプレートをスクロールする必要はありません。 WPFormsはこれを非常に簡単にします。上部にある「AIで生成」タブの上にホバリングするだけです。見つけるのは簡単です。

これを実行したら、 「フォームの生成」ボタンを選択して、ポップアップウィンドウを開き、アドオンをインストールしてAIフォーム生成をよりスムーズにするように求めます。

ここでは、 YESを選択し、署名、クーポン、調査＆ポーリングアドオンを自動的にインストールし、WPFORMSを選択します。最良の部分は、これらすべてのアドオンがワンクリックでインストールされることです。

この後、AIフォームビルダーページに自動的に移動します。

サイドクエスト：

これで、アドオンなしでAIフォームを作成できますが、複雑なWordPressフォームを作成する予定がある場合は、前もって追加することをお勧めします。

テストから、これらのアドオンを最初からインストールすることで、プロセス全体がよりスムーズになることがわかりました。特定の機能が機能していない理由を把握するために、中央で停止する必要はありません。

wpformsは、上記のことだけでなく、AIを使用してさまざまなタイプの機能をフォームに追加するのに役立つことを忘れないでください。

したがって、AIフォームを作成する前に、戻ってより多くのアドオンを手動でインストールできます。

• 部分的なエントリをキャプチャするために、放棄を形成します
• チャットスタイルのフォーム用の会話フォーム
• 部分的なフォームデータを保存して、見逃したリードをキャプチャするのに役立ちます
• ユーザーの旅、ユーザーがどのようにあなたのフォームに到達するかを確認します
• あなたのフォームで直接支払いを受けるためのストライプ支払いとPayPalの支払い

しかし、サイトを軽く保つには、必要なアドオンのみをインストールしてください！

これらの追加機能を取得するには、 wpforms»アドオンページに移動します。ここでは、他のものと同じように必要なアドオンをインストールしてアクティブにします。

ステップ3：プロンプトのあるWordPressフォームを生成します

AIフォームビルダーの中に入ると、フォームを作成する時が来ました。 Generateフォームページは非常に清潔で簡単にナビゲートできるため、圧倒されることはありません。

私たちが愛したもう1つのことは、インターフェイスがChatGptや他のAIチャットツールのように感じることです。そのため、それらのいずれかを使用した場合、これは非常に馴染みがあり、使いやすいと感じます。

最上部では、WPFORMSは既製のプロンプトを提案して、開始してAIフォームをすばやく作成するのに役立ちます。たとえば、「オンラインイベント登録フォーム」や「Webデザイナー向けの求人申請書」などのプロンプトが表示されます。

これらの事前に付けられたプロンプトを使用したくない場合でも、インスピレーションを得るのに最適な場所です。

次に、一意のAIフォームを作成するには、下部のカスタムプロンプトボックスまでスクロールして、必要なものを正確に入力できます。

ヒント：

このプロンプトを記述するために別のAIツールは必要ありません。ただし、WPFormsのAIに明確で詳細な指示を提供していることを確認する場合は、最初にChatGPTやGeminiなどのAIツールを使用してプロンプトを生成することをお勧めします。

時には、よく書かれたプロンプトを持つことは、最初から想像するものに近いフォームを取得することを意味します。

たとえば、このチュートリアルでは、WPForms AIフォームビルダーをその限界までプッシュし、それがどれほど詳細に得られるかを示したいと思いました。

したがって、基本的なプロンプトを使用した基本的な連絡先フォームの代わりに、電話番号、会社名、件名、メッセージボックス、ニュースレターサインアップチェックボックスなどの追加フィールドを備えたものを作成するように依頼しました。

これは本当に私たちがあなたに何が可能かを示すのに役立ちます。

詳細なプロンプトのドラフトを支援するために、ChatGptを使用してこれを思いつきました。

「次のフィールドで連絡先フォームを作成します。

• 名前（必須）
• 電子メール（必須）
• 電話番号（オプション）
• 会社名（オプション）
• 件名（必須）
• メッセージ（必須、マルチラインテキスト）
• ニュースレターサインアップチェックボックス（ラベル：「ニュースレターに購読する」）
• Captcha（スパムの提出を防ぐため

フォームがユーザーフレンドリーでモバイル応答性があり、最新のウェブサイトのデザインに合わせてスタイルを整えていることを確認してください。」

この後、このプロンプトをコピーして、wpforms aiフォームビルダーに貼り付けました。次に、送信ボタンを選択し、要求したすべてのフィールドを含むフォームを即座に作成しました。

完了したら、左側のAI生成フォームのプレビューをチェックして、必要なものをすべて作成したかどうかを確認できます。

ある場合は、このフォームボタンを使用してWPFormsに移動して、最終編集のためにビルダーをドラッグアンドドロップします。

AIフォームをプロンプトでカスタマイズする方法

これで、生成されたフォームが探しているものではない場合、WPFORMを使用すると、ドラッグアンドドロップビルダーで手動で編集する前に、AIフォームビルダーでさらにカスタマイズできます。

また、この段階では、プレビュー画面でフォームを編集できないことを指摘する必要があります。追加のプロンプトのみを使用できます。

したがって、上記のフォームを生成した後のAIの柔軟性をテストするために、WPFormsに以下を求めました。

「電話番号、会社名を必要とする。」

数秒で、フォームが更新されました。新しいバージョンは、提出前に必要な電話番号と会社名の両方を作成しました。

満足したら、 「このフォームを使用」を選択すると、WPFormsは最終的なカスタマイズのためにドラッグアンドドロップビルダーに直接送信します。

ステップ4：WPForms AIフォームのカスタマイズ

これで、WPFormsドラッグアンドドロップフォームビルダーは、AI生成されたフォームを含むすべてのフォームのカスタマイズを完全に制御できます。

AI Form Builderは、そこへの80％を得るという素晴らしい仕事をしていますが、正確なニーズに合わせて物事を微調整したい場合があります。

左側にフィールドと右側にプレビュー画面があります。左側の任意のフィールドを選択し、右に移動してフォームに追加できます。

そんなに簡単です！

最良の部分？ AIに生成されたフォームを調整するために、デザイナーまたは開発者である必要はありません。ドラッグアンドドロップができれば、フォームを作成できます！

ISITWPでは、WPFormsを使用して何百ものフォームを構築およびカスタマイズしました。毎回、なぜそれが最も初心者に優しいフォームビルダーの1つであるかを思い出します。

WPFORMS Visual Builderを使用してAIフォームをカスタマイズするものを非常に滑らかにするものを次に示します。

• シンプルなドラッグアンドドロップインターフェイス：AIが出発点を提供すると、フィールドを上下にドラッグして、必要な方法を正確に並べ替えることで、フィールドを簡単に再配置できます。電話番号の上の電子メールフィールドが必要ですか？クリックしてドラッグし、ドロップするだけです。
• クリックフィールド：フィールドの名前を変更したり、プレースホルダーテキストを調整したり、必要に応じてマークを付けたりする必要がありますか？ライブフォームのプレビューでフィールドを選択するだけで、そのフィールドのすべての設定が左側に開きます。ラベルを編集したり、説明を追加したり、フィールドタイプを変更したりすることができます。すべてコードの1行に触れることなく。
• プレスタイルとモバイルに優しい：私たちは、AIに生成されたフォームがすでにモダンできれいに見えるようにスタイルに登録されていることが大好きです。ただし、ラベルなどを調整したり、テキストを支援したり、フィールド間の間隔を追加したりする場合は、すべてポイントアンドクリックです。
• スマートな条件付きロジックを追加：ユーザーが質問に答える方法に基づいてフィールドを表示または非表示にする場合、WPFormsはこれを非常に簡単にします。また、AIプロンプトで条件付きロジックに言及した場合、すでにセットアップされている可能性があります。しかし、微調整または追加を追加するのは簡単です。
• いつでも保存してプレビューする：変更を加えると、「保存」を押してフォームを更新し、プレビューボタンを使用して訪問者が何を経験するかを正確に確認できます。

ドラッグアンドドロップビルダーの使用方法に関するより詳細なチュートリアルについては、WPFormsを使用してフォームを構築する方法に関するこの投稿をご覧ください。

AIに生成されたフォームとドラッグアンドドロップビルダーを組み合わせることが究極のタイムセーバーであることがわかりました。

ゼロから始める必要はありませんが、自分のものにする自由を失うこともありません。

ステップ5：AIに生成されたフォームをライブにします

AIに生成されたフォームの外観と機能に満足したら、最終的なステップはWebサイトで公開することです。この時点で、WPFormsを使用して構築された他のフォームと同じ調整を行うことができます。

Visual Builderの左端にある[設定]タブから、次のような重要な機能を設定できます。

• フォーム通知は、受信トレイで直接フォームエントリを受信します。
• 成功メッセージを表示するための確認またはユーザーがフォームを送信した後、ユーザーを感謝のページにリダイレクトします。
• キャプチャやその他の組み込みツールを使用したボットやスパムエントリを避けるために、スパム保護を形成します。

フォームを電子メールマーケティングサービスに接続する場合は、[設定]タブの[マーケティング]タブに移動します。

ここでは、WPFormsを使用すると、Constant Contact、Drip、GetResponse、ActiveCampaign、Aweberなどの人気のあるプラットフォームと統合できます。

これは、フォームを使用してリードを収集したり、ニュースレターリストを拡大したりする場合に非常に役立ちます。

支払いを集めることを計画していますか？

[支払い]タブで説明します。フォームをStripe、PayPal Commerce、PayPal Standard、Square、またはAuthorize.netに簡単に接続でき、支払いまたは寄付を受け入れる複数の方法を提供できます。

すべての設定が整ったら、フォームをウェブサイトに追加する時が来ました。 WPFormsは、4つの柔軟なオプションでこれを非常に簡単にします。

1.既存のページに追加します
フォームのカスタマイズが完了したら、フォームビルダーの上部に[埋め込み]をクリックします。

WPFormsは、既存のページまたは新しいページを選択するオプションを提供します。このポップアップで、既存のページを選択します。

この後、すべてのサイトページをリストするドロップダウンが表示されます。フォームを表示したいページを選択し、Let's Goを押してください。 wpformsは自動的に挿入します。

2。新しいページを作成します
まだ準備ができていない場合は、心配はありません。新しいページにフォームを追加するのも簡単です。このプロセスは、既存のページにフォームを追加することに非常に似ています。

埋め込みボタンを選択したら、ポップアップウィンドウを開くと、新しいページを作成します。

WPFormsはページに名前を付けるように促します。したら、 Let's Goを押してください。

wpformsはページを作成し、フォームを自動的に追加します。これは、連絡先ページや登録フォームなど、フォーム専用のページが必要な場合に最適です。

3.ショートコードを使用します
さらに柔軟性のために、WPFormsは作成したすべてのフォームのショートコードを提供します。このショートコードをコピーして、任意の投稿、ページ、サイドバー、またはウィジェット対応のサイトエリアに貼り付けることができます。

wpforms»すべてのフォームページの下のショートコードを探してコピーしてください。

この後、新しいまたは既存のページを開き、検索バーを使用してショートコードブロックを見つけます。次に、コピーしたショートコードを貼り付けて「更新」を押します。

4. WPForms WordPressブロックを使用します

ElementorのようなページビルダーやGutenbergのようなブロックエディターを使用している場合、WPFormsにはネイティブブロック/ウィジェットも付属しています。

WPFormsブロックを追加し、ドロップダウンからフォームを選択するだけで完了です！

どの方法を使用しても、完了したら、ページで公開または更新するだけで、完了します。

公開されると、AIに生成されたフォームはライブで、応答を収集する準備ができています。完全に機能的でモバイルフレンドリーで、必要なすべてのツールに接続されます。

以下のフォームサンプルをチェックして、ライブページでどのように見えるかを確認してください。

WPFormsでAIフォームビルダーを管理するためのヒント

WPFORMS AIフォームビルダーは、フォームを迅速に作成するための信じられないほどのツールですが、その仕組みを管理したり、オフにしたりすることさえある場合があります。

このAIツールを使用した経験に基づいて、ProのようなAI機能を処理するのに役立つ実用的なヒントを以下に示します。

AIチャット履歴を削除する方法

まず、チャットの歴史について話しましょう。 AIでフォームを生成するたびに、WPFormsはそのセッションのチャット履歴を保存します。これは、戻ってフォームの作成方法を確認したい場合に非常に便利です。

しかし、それらのチャットを続けたくない場合はどうなりますか？ありがたいことに、wpformはそれらを簡単に削除できます。

あなたがしなければならないのは、wpformsに移動してAIフォームジェネレータータブを開くことです»WordPressダッシュボード内に新しい追加を追加します。

AIフォームビルダー画面の内側に、チャットエリアの下部までスクロールすると、「クリアチャット履歴」と書かれたゴミのアイコンに気付くでしょう。

このリンクを選択すると、AIチャットの履歴全体が一度にクリアされます。これは、物事をきれいに保つか、過去の会話を保存したくない場合に最適です。

AIフォームビルダーを無効にする方法

さて、AIフォームビルダーを試してみて、使用したくないと判断した場合、アクティブに保つ必要はありません。 WPForms設定を介して完全に無効にすることができます。

これを行うには、 wpforms»settings»miscにアクセスしてから、「ai機能を非表示」になるまで下にスクロールします。このオプションの横にあるボックスをチェックして、ページの下部に設定を保存するだけです。

それを行うと、新しいフォームを作成するときに「AIで生成」タブが表示されなくなります。気が変わった場合は、いつでも後で元に戻すことができます。

いつ（そしてなぜ）あなたはAIをオフにしたいかもしれません

WPFORMS AIのテストの私たち自身の経験から、AIは迅速なフォーム作成のために驚くべきことですが、無効にすることを好む場合があることがわかりました。

例えば：

• AIが正しくない可能性がある特定の条件付きロジックを備えた非常にカスタムまたは複雑なフォームに取り組む場合。
• クライアントサイトを管理し、フォームビルディングプロセスを一貫性を保ち、品質管理のために完全にマニュアルに保ちたい場合。
• 他のチームメンバーがサイトで作業しているときに、偶発的なAIに生成されたフォームを避けたい場合。

良いことは、ニーズに応じて、上記で見たように、いつでもオンまたはオフに切り替えることができることです。

なぜAIフォームの建物が理にかなっているのか

Form BuildersのようなAI WordPressツールは高度に聞こえるかもしれませんが、一度試すと、物事を成し遂げるためのより速い方法であることがわかります。

前述のように、ISITWP.comで、私たちは長年WordPressフォームに取り組んできました。学んだことが1つある場合、フォームはそうすべきではないときに多くの時間を食べることができます。

あなたを遅くするための非常に多くの小さなステップがあります。時には、実際にフォームを構築するよりも、どのフィールドを使用するかを考えるのにもっと時間を費やすことがあります。

AIフォームビルディングが私たちにとって理にかなっている最大の理由のいくつかを以下に示します。

• これ以上の試行錯誤：AIは、フィールドを追加し、削除し、やり直すことの前後を回避するのに役立ちます。あなたはそれをあなたが望むどんな形の形を伝え、それは理にかなっている出発点をまとめます。
• 多くの時間を節約する：30分かかるために使用されるフォームは数分で行われます。急いでいるときにラインをスキップするようなものです。
• 複雑なフォームを簡単に処理できます。条件付きロジックを備えたフォームまたはファイルアップロードのような特別なフィールドが必要ですか？ AIはあなたのための基本を理解しているので、あなたは推測しているわけではありません。
• より少ない間違い：AIには、忘れるかもしれないフィールドが含まれています - 同意チェックボックスや必要な電子メールフィールドなど、毎回ダブルチェックする必要はありません。
• どこから始めればよいかわからないときは素晴らしいです。時には、フォームが何を含めるべきかを知るのが難しいことがあります。 AIはスマートドラフトを提供するので、空白の画面に直面していません。
• 初心者にとってはシンプルに保ちます：WordPressを初めて使用する場合、最高のフォームプラグインでさえ、あまりにも多くのように感じることができます。 AIは、最初に難しい部分を実行することでその圧力を取り除きます。
• 創造的なアイデアを提供します。AIは、自分で考えないかもしれないフィールドやレイアウトを提案することがあり、フォームを改善することができます。
• あなたが急いでいるときに役立ちます：すべてのフォームが完璧である必要があるわけではありません。時には、応答を収集するために迅速なフォームが必要な場合があります。 aiはあなたを速くそこに連れて行きます。

それでおしまい！これで、数分でAIを使用してWordPressフォームを作成できます。何も明確でない場合は、以下のよくある質問を確認できます。

FAQS：AIを使用してWordPressフォームを作成する方法

おめでとう！これで、WordPressでAIフォームを構築する方法をよりよく理解できます。

ビジネスのフォームビルダーを決定していない場合は、WPFormsとFormstackの比較記事を開始するのに役立ちます。

それに加えて、ここにあなたが読むことに興味があるかもしれない他の記事があります。

• wpforms対gravityフォーム - 良い、悪い、ugい
• WordPressの寄付フォームの作成方法（段階的に）
• パスワードでWordPressフォームを保護する方法

最初の記事では、最高の視覚フォームビルダーの2つを比較します。次は、寄付フォームを作成する方法について説明します。最後に、パスワードでフォームを保護する方法を示しています。