Gravity Forms: WordPress フォームの王様 [チュートリアル] (2024)

あなたのシートベルトを締め。座席に快適にお座りください。イグニッションをオンにして出発です。フォームを作成するためのプラグインのロールスロイスにあなたを連れて行きます。

Gravity Forms: WordPress フォームの王様 [チュートリアル] (1)

この有名なスーパーカーはグラビティ フォームズ (GF) です。この実績のあるプラグインのおかげで、コーディングをしなくても、多かれ少なかれ複雑なフォームを簡単にデザインできるようになります。

この記事では、プラグインが実際に動作している様子を確認して、ニーズを満たせるかどうかを判断します。

開始方法、使用可能なフィールド、フォームの構成、ページへの統合、さらにはさまざまなライセンスとその制限のプレビューまで、プログラムの概要を簡単に説明します。

この十分に油が注がれたマシンの車輪に飛び込む準備はできていますか?車に乗ってください!

概要

  1. Gravity Forms で使用可能なフィールド
    1. Gravity Forms を始める
      1. フォームごとの管理
        1. サイトにフォームを統合する
          1. グラビティフォームの入手方法
            1. 結論として: もう Gravity Forms なしではやっていけません

              Gravity Forms の公式 Web サイトへのさまざまなリンクはアフィリエイト リンクです。これは、これらのリンクを通じてプラグインを購入すると、WPMarmite が手数料を受け取ることを意味します。もし利用可能なアフィリエイト プログラムがなかったら、私は同じ熱意を持ってプラグインを紹介したでしょう。

              この記事はもともと 2020 年 4 月に書かれ、2021 年 6 月に更新されました。

              最高の WordPress プロジェクトには最高のホストが必要です。

              WPMarmite は Bluehost を推奨します。優れたパフォーマンス、優れたサポート。素晴らしいスタートに必要なものがすべて揃っています。

              Bluehostを試してみる

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (2)

              Gravity Forms で使用可能なフィールド

              冒頭でお話しましたが、フォームによって提供されるフィールドは、最初に確認する必要がある基準です。特に、一部のプラグインにはすべてのフィールドが含まれておらず、他のプラグインには料金がかかるためです。

              したがって、想定している用途が実現可能であることを確認する必要があります。

              単純なお問い合わせフォームを作成したい場合は、ほとんどのプラグインで簡単に作成できます。

              ただし、より複雑なフィールドが必要な場合や、条件付きロジックを設定したい場合 (これについては後で説明します)、プラグインの選択は限られます。

              そして、有料の Gravity Forms の特徴は、最初のライセンスからすべてのフィールドが提供されることです。あまりにも高価なフォーミュラに投資することなく、多くのことができるようになります。

              プラグインを入手すると自由に使用できるすべてのフィールドの概要を以下に示します。

              標準フィールド

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (3)

              このパートでは、フォームの基本的な機能 (合計 10 個) を説明します。基本的に、Gravity Forms は次のフィールドを操作する必要はありません。

              • 単一行のテキスト: ユーザーがテキストを入力できるようにします。これは通常、名前、名、電子メール アドレス、Web サイトを入力するために使用するものです...しかし、高度な分野ではさらに優れた可能性があることがわかります。
              • 段落テキスト: 簡単です。これは大きなテキスト領域用です。ユーザーが小説を書く必要がある場合は、編集領域を下に伸ばすこともできます。
              • 落ちる: ユーザーは、可能な選択肢をすべて表示するにはリストを「ドロップダウン」する必要があります。すべてのオプションを一度に表示するには、ラジオ ボタンの方が適切かどうかを判断するのはあなた次第です。
              Gravity Forms: WordPress フォームの王様 [チュートリアル] (4)
              • 番号: ユーザーに番号の入力を求めることができます。使用可能な範囲を制限することもできます (たとえば、30 ~ 50 の間)。さらに詳しく知りたい場合は、「計算」をアクティブにすることができます。このようにして、作成した数式に従ってフィールドに入力し、他のフィールドからデータを取得することができます。
              • チェックボックス: これは、いくつかのオプションから選択肢を与えたい場合の古典的なフィールドです。四角いチェックボックスでそれを認識できます。
              • ラジオボタン: これは「ドロップダウン リスト」の代替手段です。ここではボックスは丸いので、1 つだけ選択できます。
              Gravity Forms: WordPress フォームの王様 [チュートリアル] (5)
              • 隠れた: ご想像のとおり、ユーザーにはこのフィールドは表示されません。目的は、このフィールドをユーザー用に予約し、任意の値を入力したり、Gravity Forms で利用可能な情報を取得するために使用したりできるフィールドにすることです。たとえば、ユーザーの IP アドレスについて話しています。個人的には、このフィールドは決して使用しません。
              • HTML: ここでは簡単です。 HTML の使い方を知っていれば、好きなものを書くことができます。フォームに紹介文を書いたり、画像や音声ファイルを追加したり…好きなものを何でも入れることができるので、可能性は無限です。
              • セクション: これにより、フォームのいくつかの部分をタイトルで区切ることができます。各タイトルの下に簡単な説明を書いて、次のセクションを紹介することもできます。
              • ページ: このフィールドは、(長い) フォームを複数のページに分割するのに役立ちます。ユーザーは「次へ」をクリックして次のページに進む必要があります。使用は慎重に行ってください。多くのページを挿入しないでください。そうしないと、ユーザーは自分の投稿が際限なく表示されると怖がってしまいます。

              「標準」フィールドについては以上です。次に、高度なフィールドに進みます。

              先端分野

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (6)

              これらのフィールドのほとんどの特徴は、Gravity Forms が実用的な書式設定で作業を容易にしてくれることです。

              • 名前: ここでは、ユーザーの ID を構成するフィールドを分類できます。接頭辞 (Mr.、Mrs.、Ms.、Dr. など)、次に名、ミドルネーム、姓、さらには接尾辞を尋ねることができます。
              • 日付: 入力フィールドまたはカレンダーを通じて特定の日をリクエストできます。
              Gravity Forms: WordPress フォームの王様 [チュートリアル] (7)
              • 時間: このフィールドは、時刻 (12 時間または 24 時間形式) を収集するために使用されます。ただし、タイムスロットを管理する場合は、ドロップダウン リストを使用することをお勧めします。
              • 電話: ここでは電話番号を収集できます。基本的な考え方は良いです。Gravity Forms はそれが有効な形式であるかどうかをチェックします。ただし、これは米国の番号に対してのみ機能します。 「国際」形式を選択すると、すぐに手紙を書くこともでき、フォームは送信されます。それは残念だ。
              • 住所: 訪問者はここに住所を入力できます。それを構成するさまざまなフィールド(住所、住所 2 行目、市、州 / 都道府県 / 地域、郵便番号、または国)を有効または無効にできます。
              • Webサイト: 今回は、Gravity Forms が形式が正しいかどうかをチェックします (例: https://www.wpmarmite.com など)。
              • Eメール: ここでもフォーマットチェックが行われます。ただし、さらに、電子メールによる確認を有効にすることもできます。つまり、ユーザーはリクエストが送信される前に、受信した電子メールを検証する必要があります。
              • ファイルのアップロード: ここでは、単一ファイルまたは複数ファイル、許可される拡張子の種類 (jpg、png、pdf…)、またはサイズ制限を選択できます。ユーザーは追加のリソースを送信できるようになります。
              • キャプチャ: ReCaptcha アカウントを有効にしてスパムからフォームを保護するには、Google の ReCaptcha アカウント (無料) が必要です。最新バージョンでは、一連の数字や文字を入力したり、画像をクリックしたりせずに、ロボットからユーザーを識別することもできます。
              • リスト: このフィールドは特別です。リスト内の項目を入力するのはユーザーの責任です。ドロップダウン リストや複数リストとは異なり、事前にさまざまな可能なオプションが用意されています。
              • 複数選択: 複数の行を選択できるドロップダウン リストのように見えます。私はこの形式が特に好きではありませんが、私の意見では、よりシンプルなチェックボックスを使用することを好みます。
              • 同意: 一般データ保護規則に準拠するため (GDPR)、このフィールドを使用すると、訪問者にプライバシー ポリシーを受け入れるか受け入れないかを選択するチェックボックスを追加できます。
              Gravity Forms: WordPress フォームの王様 [チュートリアル] (8)

              ご覧のとおり、これらの高度な分野には小さな欠点があります。その一部は米国に非常に特殊であり、お客様のニーズに対応していない可能性があります。

              そして、コードに手を加えずにそれらを適応させることは困難です。私の意見では、これが Gravity Forms の最大の制限です。

              しかし、私たちに提供され、プラグインの使用方法を根本的に変える他のタイプのフィールドを見てみましょう。

              投稿フィールド

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (9)

              これらのフィールドは、訪問者にゲスト投稿を送信できるようにしたい場合に非常に役立ちます。実際、WordPress の投稿に完全にリンクする完全なフォームを作成できます。

              すべての提出物が下書きされるように構成できます。あとは、公開する前に戻って編集するだけです。

              ブログに投稿したくない場合は、削除して作成者に通知することもできます。

              自由に使用できるフィールドは次のとおりです。

              • タイトル: WordPress で記事を書くときと同じように、これは一番最初のフィールドです。
              • : ゲスト著者はここにテキストを書くことができます。最大文字数を超えないように指定できます。ただし、作成者は完全な編集インターフェイスにアクセスできません (例: テキストの本文にメディアを追加できません)。
              • 抜粋: このフィールドを使用するかどうかはあなた次第です。ただし、記事の管理と同じように、訪問者が抜粋を指定できるようになります。
              • タグ: ユーザーは、カンマで区切って複数のタグを送信できます。残念ながら、オートコンプリートはありません。既存のタグを入力しても、そのタグは提案されません。
              • カテゴリー: ここには、ブログ上の既存のカテゴリのドロップダウン リストが表示されます。当然のことながら、ゲスト投稿は既存のアイテムのみを選択できます。
              • 投稿画像: 原理はご存知でしょう。ユーザーはこのフィールドを使用してファイルを送信するだけで済みます。
              Gravity Forms: WordPress フォームの王様 [チュートリアル] (10)
              • カスタムフィールド: これはより具体的であり、人によって異なります。私は個人的にカスタムフィールドを使用していないことを知っています。一方、私のプラグインの中には値を設定しているものもありますが、それらを変更するつもりはありません。よろしければ、そのオプションは開発者向けに確保しておきます。

              もう 1 つのタイプのフィールドがあります。これは、Gravity Forms を小規模な e コマース システムに近づけるものです。

              価格設定フィールド

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (11)

              確かに、価格シミュレーターや小さな注文フォームを作成したい場合は、プラグインを使用して行うことができます。

              しかし、実際の e コマース システムほど完全なものになることは決してありません (たとえば、ウーコマース)。

              • 製品: ここでは、ユニークな商品やバリエーションのある商品 (さまざまなサイズの T シャツなど) を作成し、価格を設定できます。
              • : このフィールドは、どのフィールドに適用されるべきかを知るために、常に製品フィールドにリンクされています。
              • オプション: T シャツにさまざまな種類のプリント (転写、シルク スクリーン、刺繍) を提供していると想像できます。このフィールドは完璧であり、注文総額にコストが追加されます。
              • 配送: オプションと同じように、ここでさまざまな配送オプションを提案でき、それぞれに対応する価格が設定されます。
              Gravity Forms: WordPress フォームの王様 [チュートリアル] (12)
              • 合計: このフィールドの目的は 1 つだけです。フォームに入力されたすべての製品、オプション、配送方法を合計することです。こうすることで、ユーザーは注文にかかる費用が明確にわかります。

              これらのフィールドは、価格シミュレーターまたは注文フォームとして使用できますが、エリートライセンス。

              確かにそのおかげで、次のような支払いゲートウェイアドオンを使用できるようになります。ペイパルまたはストライプ。

              それでおしまい!利用可能なフィールドのツアーが終了しました。 Gravity Forms でどこまでできるかを測定できたことを願っています。では、その運営状況を見てみましょう。

              Gravity Forms を始める

              フォームの作成

              ここでは、Gravity Forms は古典的な管理インターフェイスを使用しています。WordPress のように見えるため、混乱することはありません。

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (13)

              所有している各フォームのパラメータを追加、変更、または改善できます。フォームを複製することも可能で、サイト上の異なる領域に異なるバージョンが必要な場合に非常に便利です。

              次に、編集インターフェイス自体がどのようなものかを見てみましょう。

              フィールドの追加と整理

              ここでは、右側にある使用可能な項目をクリックするか、編集領域にドラッグ アンド ドロップして選択する必要があります。その後、同じ方法で並べ替えることができます。 Gravity Forms のバージョン 2.5 以降、フィールドを複数の列 (最大 4 列) に配置できるようになりました。

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (14)

              フィールドを変更するには、フィールドをクリックするだけで対応するパラメータが表示されます。

              2 つのシートのアイコンをクリックしてフィールドを複製することもできます。次のアイコンからもフィールド パラメータにアクセスできます。十字の形の絵文字については、ご想像のとおり、フィールドを削除するために使用されます。確認を求めるポップアップウィンドウが表示されます。

              最後に、画面右上の青いボタン (または WordPress ではお好みの色) を使用して、行ったすべての変更を更新できます。

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (15)

              次に、フィールドの編集に使用できるすべてのオプションを詳しく見ていきます。

              特定のフィールドの設定

              フィールドの設定を開くと、3 つの異なるタブにアクセスできます。一般的な外観そして高度な

              多くの場合、選択したフィールドの種類に固有のオプションが表示されます。たとえば、ドロップダウンリストフィールドは、セクション分野。

              一般セクション

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (16)

              一般的なこのセクションでは、フィールド ラベル (画面に表示されるラベル) を変更し、説明を追加できます。これは、詳細を追加できる短い紹介文になります。

              フィールドの種類ごとに特定のオプションが表示されます。したがって、上のスクリーンショットでわかるように、ドロップダウン リストで項目を指定できます。一方、名前フィールドを使用して、ユーザーが自分のアイデンティティをいくつかの部分 (名、姓など) で宣言できるようにすることもできました。

              最後に、このタブの最後にはチェックボックスがありますが、これは最も重要ではありません。必須箱。これにより、フィールドを必須にすることができ、頻繁に利用すると言えます!

              外観編

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (17)

              外観タブには、特定のオプションもあります。しかし、非常に頻繁に見られるものが 2 つあります。

              • カスタムCSSクラスでは、フォームのさまざまなコンポーネントの表示を微調整できます。ただし、これらのオプションを使用したい場合は、次のことを知っておく必要があります。Gravity Forms の CSS クラス。あるいは、無料のプラグインをインストールしてくださいGravity フォーム用の CSS Ready クラス。これにより、毎回ドキュメントを確認する必要がなくなります。
              • フィールドサイズも繰り返し発生する要素です。ここでは、フィールドを小、中 (デフォルト)、または大に設定できます。これにより、画面上での幅が変わります。

              フォームのデフォルトのデザインを削除したい場合は、この投稿をお読みになることをお勧めします。重力フォームのスタイルを設定する方法

              上級セクション

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (18)

              そして最後に、高度なタブ。正直に言うと、私はそのさまざまなオプションをあまり変更しません。ただし、最後の部分は、この記事の次の部分に値します。

              条件付きロジック

              条件付きロジックは、多くの場合、フォーム プラグインの有料機能です。 Gravity Forms は無料ではないため、ここでルールから逃れることはできません。

              ただし、追加で購入する必要があるアドオンではなく、ネイティブ機能であり、非常に実用的です。

              これは次のように機能します。特定の条件が満たされた場合にのみ、特定のフィールドを表示できます。以下は、配達サービスを提供するパン屋の場合の例です。

              • ユーザーが宅配便について私に連絡した場合、私は彼の住所を尋ねます。
              • 一方、彼が店頭で注文品を受け取りに来た場合、私は彼にこの情報を尋ねる必要はありません。フィールドを空白のままにします。

              それでは、それが顧客にどのような影響を与えるかを見てみましょう。

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (19)

              この機能は非常に実用的であることをお伝えしておきます。主な理由は 2 つあります。

              • 訪問者の選択に応じて、取得したい情報の詳細レベルを調整できます。
              • また、一見すると「地味」なままでありながら、不必要なフィールドを省いた関連性の高いフォームを作成できます。特定の条件が満たされた場合にのみ、追加のフィールドが表示されます。

              以上、フォームの作成方法と編集方法を見てきました。ただし、ここでは、適切なフォームを作成するために、他のすべての重要なパラメーターを見ていきます。

              WPMarmiteの購読者に参加しましょう

              WPMarmite の最新の投稿 (および限定リソース) を入手してください。

              今すぐ購読する

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (20)

              フォームごとの管理

              フォームのすべてのフィールドの準備ができたので、フォームに入力するときの動作を管理する必要があります。

              ここでは、ユーザーが対話する方法を管理できるようにする、フォームごとに見つかるパラメーターを示します。

              フォームの設定

              フォームの「一般」設定は、ちょっとした書式設定 (本当に少し) を行ったり、表示を管理したりするのに興味深いものです。

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (21)

              まず、ラベルの位置をカスタマイズできます。フィールドの上、左、右のいずれに配置するかを選択できます。

              これは、フィールドの説明 (上または下) だけでなく、「サブラベル」(名/姓フィールドなど)。

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (22)
              Gravity Forms: WordPress フォームの王様 [チュートリアル] (23)

              もう 1 つの重要な設定は、送信/提出するボタン。あなたはできる:

              • テキストのままにするか、代わりに画像を挿入してください。
              • またはラベルを変更します。ヒント: 「送信」/「送信」は非常に一般的ですが、もっと改善できるはずです。
              Gravity Forms: WordPress フォームの王様 [チュートリアル] (24)

              実を言うと、私は画像をいじるよりも CSS でボタンの外観を変更することを好みます。これには少し技術的な知識が必要ですが、変更は簡単です。

              最高の WordPress エキスパートを見つける

              Codeable は、WordPress テーマの設計やインストールからカスタム プラグインの開発まで、あらゆる分野でお手伝いできる専門家とのマッチングに専念しています。

              コード可能を試す

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (25)

              あなたもすることができますフォームの終了ボタンが表示されないようにする条件付きロジックを作成する特定の条件が満たされるまで。

              アクティベートすることもできます保存して続行。この機能を使用すると、ユーザーはフォームへの入力を開始し、時間がなくなった場合に後でフォームに戻ることができます。

              制限付きでプレイすることもできるエントリー数またはタイムスケジュールのいずれかの観点から。

              たとえば、あなたが望むならコンテストやプレゼントを企画するため最初の 50 件のエントリーが賞品を獲得できる、それは完璧です。また、特定の日、特定の時間にのみフォームを表示したい場合は、両方の関数を一緒に使用できます。

              フォームを送信するにはユーザーがログインする必要があることを示すこともできます。

              最後から 2 番目のパラメータとして、ロボットが誤ったメッセージを送信するのを防ぐ「ハニーポット アンチスパム」を有効にすることができます。私に特有かどうかはわかりませんが、オプションを無効にしても、誤ったメッセージが届いたことはありません。

              ついに、アニメーショントランジションを有効にすることができます。これらは、それまで非表示になっていた新しいフィールドを適切に表示するために、特に条件ロジック中に使用されます (パン屋の注文の例でこれを確認しました)。

              それはそれでいいのですが、ユーザーがフォームに入力すると何が起こるでしょうか?これは次のパラメータの役割です。

              確認事項

              ユーザーがクリックすると、送信/送信ボタン (フォームの性質に合わせて名前を変更します) を使用すると、次の 2 つのことが発生する可能性があります。

              • フィールドが表示されなくなり、代わりに確認メッセージが表示されます。
              • または、ユーザーは別のページにリダイレクトされます。

              Gravity Forms を使用すると、確認を通じてこれを管理でき、確認を複数持つことができます。

              いくつかの?はい、条件付きロジックを使用すると、訪問者がこのオプションを選択した場合にこのページにリダイレクトされるように定義できます。そして、もう一方の… (ドラムロール) を選択すると、別のページにリダイレクトされます。

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (26)

              可能な確認方法は次の 3 種類です。

              • 文章, フォームの送信後に表示されるメッセージをカスタマイズできます。
              • ページ, ここで、ユーザーがリダイレクトされるサイトのページを選択できます。
              • リダイレクト、任意の URL を指定できます。あなたのサイトにないものでも。ただし、使用は慎重に行ってください。フォームに記入するときに別のサイトにリダイレクトされるのは奇妙です。

              実を言うと、私は「ページ」モードの大ユーザーです。フォームごとに特別なサンキュー ページを作成できるのが気に入っています。

              また、連絡先情報を残した人のみが利用できる特定のリソース (トレーニング プログラムなど) へのアクセスを許可する場合にも役立ちます。

              フォームが送信されたときに何が起こるかを見てきましたが、もう 1 つ重要な点があります。それは、受信する通知 (および連絡してきた人に送信する通知) です。

              通知

              これはで管理されています通知プラグイン設定のセクション。ここでも、複数を持つことができます。二重通知を作成するか、条件付きロジックを使用するか

              これは、全国的なプレゼンスを管理するクライアントとのケースです。たとえば、ユーザーが特定の地域に住んでいる場合、郵便番号から推測します。また、XXXX から XXXX までのすべての郵便番号については、担当の営業担当者に通知を送信します。

              すべてのリージョンを 1 つずつ実行する必要がある日の管理は少し面倒であるという事実は隠しませんが (「複製」機能は理にかなっています)、それでも適切なセットアップが完了します。

              ユーザーがリクエストのコピーを取得できるように、ユーザーに通知を送信することも考えられます。そして、これをフォームの最後にある「フォームのコピーを電子メールで受け取りたい」というチェックボックスと組み合わせます。次に、条件付きロジックで全体をリンクするだけです。

              これで、通知メールを作成するためのすべてのパラメータを自由に使用できるようになります。電子メールの件名、送信者、受信者、隠しコピーの可能性…すべてが揃っています。

              これらのパラメータを埋めるためにフィールドの情報を復元することもできます。

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (27)

              通知を設定しましたので、電子メールで送信されます。ただし、ダッシュボードで直接確認することもできます。

              WordPress でメッセージを表示する

              これは非常に便利な機能で、Gravity Forms ではデフォルトで提供されています。受信したすべてのエントリを同じインターフェイスで確認できます。そしてこれは、形ごとに。

              これを行うには、次の場所に移動しますフォーム > エントリとすべての提出物のリストが表示されます。次に、フォーム タイトルの左上にあるドロップダウン リストを使用してフォームを変更できます (この例では、お問い合わせフォーム)。

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (28)

              客観的に考えてみましょう。これは単なるアーカイブのチェックです。おそらく、これまでにすべての通知が受信箱に届いているはずです。

              これでほぼ準備が整いました。フォームは適切に構成されていますが、忘れていることは 1 つだけです。それは、訪問者がそれを使用することです。

              これを行うには、サイトにそれを表示する必要があります。

              サイトにフォームを統合する

              フォームを配置できる場所は 2 つあります。コンテンツ内またはウィジェット。それを行う 2 つの方法を見つけてください。

              ページ (およびその他の種類のコンテンツ) への統合

              コンテンツ、特に「連絡先」ページへの挿入から始めましょう。これは最も一般的なケースです。

              通常どおりページにアクセスし、Gutenberg ブロックを選択します。形状

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (29)

              グーテンベルクはバージョン 5.0 以降の WordPress のデフォルトのネイティブ エディターなので、論理的にはこれを使用してデモンストレーションを行います。ただし、Gravity Forms は古い WordPress エディター (TinyMCE) でも使用できます。

              それをクリックすると、選択したフォームを選択できるようになり、そのフィールドがエディターに表示されます。

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (30)

              Gutenberg ブロックの設定では、特定のオプションを有効にするか無効にすることができます。

              たとえば、タイトルや説明 (事前に設定したもの) を表示したり、AJAX を有効にしたりできます。

              これは、フィールドにエラーがある場合、またはユーザーがフォームを検証した場合に、ページをリロードする必要がないことを意味します。したがって、より優れたユーザーエクスペリエンスが得られます。

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (31)

              ただし、小さな制限があります。キャプチャを使用する場合、この機能は使用できません。

              ただし、ページ本文内のフォーム以外にも、フォームをサイドバーまたはフッター。そして、どうやって推測しますか?

              Gravity Forms をウィジェットに統合する

              に行くなら外観 > ウィジェット、地味なタイトルの新しいウィジェットがあることがわかります。形状

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (32)

              それを選択したウィジェット領域にドラッグすると、ページに挿入する場合と同様のオプションが表示されます。

              問題のフォームを選択し、ウィジェットのタイトルを追加し、フォームのタイトルや説明を表示します。ここでも、詳細オプションで AJAX を有効にすることができます。

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (33)

              非常に興味深いオプションが含まれています。タブインデックスを管理する。こうやってみると、あまり意味がありません。しかし実際には、非常に実用的です。

              同じページに 2 つのフォームがある場合、たとえば、お問い合わせフォームとニュースレターフッターの購読フォーム - 競合が発生します。キーボードの「Tab」キーを使用すると、想像しているように、あるフィールドから別のフィールドに移動するのではなく、あるフォームから別のフィールドに移動します。

              それはとてもイライラします!したがって、このタブのインデックスでは、別の番号を指定できます。たとえば「2」。そのため、ページ上の問い合わせフォームは 1 になり、その値はウィジェット フォームとは異なります。したがって、もう衝突はありません。

              これでチュートリアルは終わりです。Gravity Forms のプレゼンテーションを終えるには、あと 1 つだけ詳細が残っています。それはその価格です。

              グラビティフォームの入手方法

              前に述べたように、Gravity Forms のすべての機能を使用するには料金を支払う必要があります。それがその特徴です。しかしその一方で、お金の価値を得ることができます。

              それに加えて、CodeCanyon で利用可能なプラグインをテストしました (最適なフォームプラグインの比較)、こちらも最初からお金を払う必要がありますが、Gravity Formsほど優れていません。

              Gravity Forms では次の 3 つのセールを提供しています。

              • 「ベーシック」ライセンス59ドルで。これは 1 つのサイトに対してのみ有効であり、Basic アドオンにアクセスできます。これらのアドオンを使用すると、Gravity Forms を電子メール サービス (Mailchimp、ActiveCampaign、AWeber など) と統合して、ニュースレターの購読を管理できます。基本的には、基本このライセンスにより、GF を使用して問い合わせフォーム、見積もりを管理したり、ゲスト投稿をホストしたり、価格シミュレーターを作成したりすることができます。しかし、それ以上ではありません。
              • プロライセンス159ドルで。 3 つのサイトに有効で、基本そしてプロアドオン。間でプロアドオンについては、Gravity Forms を CRM (Agile CRM、Capsule CRM) に統合したり、Dropbox にリンクしたりする可能性に注目します。
              • "エリート"ライセンスは259ドル。これは最も高価で、最も完全なパッケージです。 Gravity Forms は、必要な数のサイトで無制限に使用できます。それに加えて、基本そしてプロアドオンにもアクセスできます。エリートアドオン。このプラグインを使用して、アンケート、アンケート、小規模な e コマース、および他のサービスの自動化を行うことができます。
              Gravity Forms: WordPress フォームの王様 [チュートリアル] (34)

              3 つのパッケージはすべて、1 年間のアップデートとサポートにアクセスできます。

              これがあなたにぴったりのプラグインであると確信できる場合は、下のボタンをクリックして購入してください。

              Gravity Forms の公式 Web サイトにアクセスしてください。

              訪問

              結論として: もう Gravity Forms なしではやっていけません

              長い間、フォームに関して私がクライアントに提供できることは限られていました。とてもイライラしました…

              1 つのプラグインに 200 ドルを支払うことにあまり抵抗がありませんでした。しかし、最終的には思い切って行動したので後悔はしていません。

              それ以来、フォームに関しては制限がなく、最終的には取り組んだプロジェクトの数に応じて費用が支払われることがわかりました。まるでクライアントが私に毎年ライセンス料を払ってくれているかのようです。

              だからこそ私は本当にあなたにアドバイスしますGravity Forms に投資する良いフォームを作りたいなら。そして長い目で見れば、作成できるフォームの静粛性と品質に比べれば、それは「わずかな」出費ですらあります。

              この小さなツアーがあなたの期待に応えられることを願っています。

              この記事では、WPMarmite が Gravity Forms についての包括的な見解を提供します。他の場所を探すのではなく、#WordPress フォームの王様を試してみてください!

              このプラグインに対する私の称賛はこれくらいにして、今度はあなたの番です。すでに Gravity Forms を使用している場合はどう思いますか?あなたは満足していますか?保管する予定はありますか永遠に?

              まだお持ちでない場合は、今すぐ購入しますか?それとも何か気に入らないことがありますか?

              いつものように、コメントで会話が続きます!

              次の投稿を無料で受け取り、限定リソースにアクセスします。 20,000 人以上の人がこれを実行しているのに、なぜあなたもやらないのでしょうか?登録する

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (36)

              著者について

              WPマーマイトチーム

              WPMarmite は、詳細なチュートリアルと正直なレビューにより、初心者が WordPress を最大限に活用できるように支援します。創設者のアレックスと彼のチームを紹介しますここにあります

              Gravity Forms: WordPress フォームの王様 [チュートリアル] (2024)
              Top Articles
              Latest Posts
              Article information

              Author: Ms. Lucile Johns

              Last Updated:

              Views: 6154

              Rating: 4 / 5 (61 voted)

              Reviews: 84% of readers found this page helpful

              Author information

              Name: Ms. Lucile Johns

              Birthday: 1999-11-16

              Address: Suite 237 56046 Walsh Coves, West Enid, VT 46557

              Phone: +59115435987187

              Job: Education Supervisor

              Hobby: Genealogy, Stone skipping, Skydiving, Nordic skating, Couponing, Coloring, Gardening

              Introduction: My name is Ms. Lucile Johns, I am a successful, friendly, friendly, homely, adventurous, handsome, delightful person who loves writing and wants to share my knowledge and understanding with you.