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

ベルトを取り付けてください。席に戻りましょう。イグニッションをオンにして出発です。フォームを作成するための拡張機能を備えたロールスロイスにあなたを乗せて行きます。

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

この名車はグラビティ・フォームズ(GF)です。この実績のあるプラグインのおかげで、コーディングを必要とせずに、多かれ少なかれ複雑なフォームを簡単にデザインできるようになります。

すでに GF について話したことがありましたら、WordPress に最適なフォームプラグインの比較, 今日はもっと遠くへ行きます。

この記事では、拡張機能が実際に動作している様子を確認し、それがニーズを満たせるかどうかを判断します。

開始方法、利用可能なフィールド、フォームの設定、ページの統合、さらにはさまざまなライセンスとその制限の概要についても説明します。ここでは、プログラムの概要を説明します。

このよく潤ったメカニズムの仕組みにどっぷりと浸ってみませんか?車で !

まとめ

  1. Gravity Forms で使用できるフィールド
    1. Gravity Forms を始める
      1. フォームごとの管理
        1. サイトにフォームを統合する
          1. Gravity Forms の調達者
            1. 結論として: もう Gravity Forms なしではやっていけません

              ちょっとした説明: Gravity Forms の公式 Web サイトへのさまざまなリンクはアフィリエイト リンクです。つまり、これらのリンクを通じてプラグインを購入すると、WPMarmite は手数料を受け取ります。そして、もし提携の可能性がなかったら、私は同じ熱意を持ってあなたに延長を提示したでしょう。

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

              o2switch でサイトをホストする

              WPMarmiteと同様に、o2switchを選択してください。それだけではありませんパフォーマンスはそこにありますしかし、サポートは格別です。

              O2スイッチを試してみる

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

              お分かりかと思いますが、これらの先進的な分野には小さな欠点があります。一部の分野は米国に非常に特殊であり、私たちのニーズに対応していません。

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

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

              記事フィールド

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

              これらのフィールドは、インターネット ユーザーにゲスト記事を投稿できるようにしたい場合に非常に実用的です。実際、WordPress の記事に完全に接続できる完全なフォームを作成できます。

              すべての提出物がドラフトに進むように設定できるようになります。そして、あなたがしなければならないのは、公開する前に読み返して編集することだけです。

              オンラインのブログに掲載したくない場合は、削除して作成者に通知することもできます。

              利用可能なフィールドは次のとおりです。

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

              残っているフィールドは 1 種類で、Gravity Forms を小規模な電子商取引システムに近づけるものです。

              価格フィールド

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

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

              一方で、これは実際の電子商取引システムほど完全ではありません(たとえば、ウーコマース)。

              • 製品: ここでは、ユニークな製品やバリエーションのある製品 (さまざまなサイズの 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 フォームのスタイルを設定する方法

              セクション上級

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

              そして最後にタブが見つかります前進。正直、そのさまざまなオプションを変更することはあまりありません。一方、最後の部分については、この記事の次のセクションで説明する価値があります。

              条件付きロジック

              条件付きロジックは、ほとんどの場合、フォーム拡張機能の有料機能です。 Gravity Forms は有料なので、ここでも例外ではありません。

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

              これは次のように動作します。特定の条件が満たされた場合に特定のフィールドのみを表示します。以下に例を示します。もし私が配達サービスを提供するパン屋だったら:

              • インターネットユーザーが私に宅配便の連絡をくれた場合、私は彼らの住所を尋ねます。
              • 一方、彼が店頭で注文を受け取りに来た場合、私は彼にこの情報を尋ねる必要はありません。その場合、フィールドを表示しません。

              インターネット ユーザーにとってそれがどのように見えるかを見てみましょう。

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

              この機能は非常に実用的であると言えば十分でしょう。主な理由として次の 2 つが挙げられます。

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

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

              フォームごとの管理

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

              以下にフォームごとに表示されるパラメータを示します。これらのパラメータを使用すると、インターネット ユーザーが対話する方法を管理できます。

              フォーム設定

              フォームの「一般」パラメータは、ちょっとした書式設定 (本当に少し) を行ったり、表示を管理したりするのに役立ちます。

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

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

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

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

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

              • テキストのままにするか、代わりに画像を挿入します。
              • またはその表現を変更します。ヒント: 「送信」は本当にサニタイズされていますが、もっと改善できるはずです。
              Gravity Forms: WordPress フォームの王様チュートリアル (23)

              実を言うと、私は画像をいじるよりも CSS でボタンの外観を変更することを好みます。これには少し技術が必要です (ラフォーメーション CSS ExpressAlex の機能はそのためにあります) が、より簡単に変更できるままです。

              CSSを一度に学びましょう

              CSS Express を使用して何時間も費やすことなく、完璧にレンダリングされたサイトを作成できます。

              トレーニングを発見する

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

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

              アクティベートすることもできます保存して続行。この機能により、インターネット ユーザーはフォームへの入力を開始し、時間がない場合には後でフォームに戻ることができます。

              制限を設けて遊ぶこともできるエントリー数の点でも、プログラミングの時間の点でも。

              たとえば、コンテストをやりたいですか最初の 50 名が賞品を獲得できる、まさに完璧です。また、フォームを特定の日の特定の時間にのみ表示したい場合は、2 つの関数を一緒に使用できます。

              フォームを送信するにはインターネット ユーザーが接続する必要があることを示すこともできます。

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

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

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

              確認事項

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

              • フィールドが消え、代わりに確認メッセージが届きます。
              • インターネット ユーザーは別のページにリダイレクトされます。

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

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

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

              考えられる確認には次の 3 種類があります。

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

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

              また、私に連絡先の詳細を残した人だけが利用できる特定のリソース (トレーニング プログラムなど) へのアクセスを提供することも役立ちます。

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

              通知

              これは部分で処理されます通知プラグインの設定。また、複数を持つこともできます。二重通知を作成するか、条件付きロジックを使用するか

              これは、全国的なプレゼンスを管理するクライアントとのケースです。たとえば、インターネット ユーザーがオート ガロンヌ県に住んでいる場合、郵便番号から推測します。また、郵便番号 31000 から 31999 までのすべての郵便番号については、該当する営業担当者に通知を送信します。

              すべての部門を 1 つずつ実行しなければならない日 (「複製」機能が完全な意味を持ちます) を管理するのは少し大変であることは隠しませんが、私たちは微調整されたシステムを備えています。 。

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

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

              フィールドから情報を取得してこれらのパラメータを入力することもできます。

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

              大丈夫、通知は設定済みです。通知はメールで届きます。ただし、ダッシュボードで直接問い合わせることもできます。

              WordPress で投稿を表示する

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

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

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

              物事を大局的に考えてみましょう。これはアーカイブを参照するだけの問題です。おそらく、以前に受信箱にすべての通知が届いているはずです。

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

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

              3 か月で WordPress をトレーニングしましょう

              WordPress サイトのデザインを学ぶ安全、迅速、法的義務への準拠市場で最も寛大な遠隔教育を提供します (CPF 資格あり)。

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

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

              フォームは 2 つの場所に配置できます: コンテンツ内またはウィジェットを解除する。両方の方法を発見してください。

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

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

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

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

              グーテンベルクバージョン 5.0 の登場以来、WordPress のデフォルトのネイティブ エディターとなっているため、当然のことながら、これを使用したデモンストレーションを提供します。ただし、Gravity Forms は古い WordPress エディター (TinyMCE) でも問題なく使用できます。

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

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

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

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

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

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

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

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

              Gravity Forms フォームをウィジェットに統合する

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

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

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

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

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

              非常に興味深いオプションが含まれています。タブインデックスの管理。そう言われても、大したことは言えません。しかし、実際には非常に実用的です。

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

              そしてそれはとてもイライラします!したがって、このタブのインデックスでは、別の番号を指定できます。たとえば「2」。ページの連絡先フォームが 1 に設定され、その値がウィジェット フォームとは異なるようにするためです。だから、もう争いはありません!

              これで入門編は終わりです。Gravity Forms のプレゼンテーションを終えるには、詳細が 1 つだけ残っています。それはその価格です。

              Gravity Forms の調達者

              前にも言いましたが、Gravity Forms のすべての機能を使用するには、必ずポケットに手を入れる必要があります。これがその特徴です。しかしその一方で、支払ったものは得られます。

              それに加えて、CodeCanyon で利用可能な拡張機能 (フォーム プラグインの比較) をテストしました。やはり最初から料金を支払う必要がありますが、それらには匹敵しませんでした。

              Gravity Forms は次の 3 つの製品を提供します。

              • ライセンス« 基本»59ドル(約48ユーロ)これは 1 つのサイトに対してのみ有効であり、Basic アドオンにアクセスできます。これらのアドオンを使用すると、Gravity Forms を電子メール サービスと統合できます (メールチンパンジー、ActiveCampaign、AWeber など)のサブスクリプションを管理します。ニュースレター。基本的には免許証基本では、GF を使用して問い合わせフォームや見積もりフォームを管理したり、ゲスト記事を歓迎したり、価格シミュレーターを作成したりできます。しかし、それ以上ではありません。
              • ライセンス「プロ» 159ドル(約130ユーロ)3 つのサイトに有効で、アドオンにアクセスできます基本などプロ。アドオンの中にはプロ、Gravity Forms をCRM(Agile CRM、Capsule CRM)、または Dropbox にリンクすることもできます。
              • 「エリート」ライセンスは 259 ドル (約 212 ユーロ) です。これは最も高価で最も完全な式です。 Gravity Forms は、必要な数のサイトで無制限に使用できます。そしてアドオンに加えて、基本などプロ、アドオンにもアクセスできますエリート。この拡張機能を使用すると、調査、アンケート、小規模な電子商取引、その他のサービスの自動化を行うことができます。
              Gravity Forms: WordPress フォームの王様チュートリアル (35)

              これら 3 つのプランでは、1 年間のアップデートとサポートにアクセスできます。

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

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

              相談する

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

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

              1 つのプラグインに 200 ドル (約 164 ユーロ) を費やすという考えには、あまり抵抗がありませんでした。しかし、最終的には思い切って行動したので後悔はしていません。

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

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

              今回の「オーナーズツアー」が皆様のご期待に応えられることを願っております。

              この記事では、WPMarmite が Gravity Forms について徹底的に紹介します。もう探す必要はなく、#WordPress フォームの王様を味わってください!

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

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

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

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

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

              著者について

              ニコラス・リチャー

              私はWordPressトレーナーですWPボスそしてディビの大ファン。

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

              Author: Terrell Hackett

              Last Updated:

              Views: 6579

              Rating: 4.1 / 5 (52 voted)

              Reviews: 83% of readers found this page helpful

              Author information

              Name: Terrell Hackett

              Birthday: 1992-03-17

              Address: Suite 453 459 Gibson Squares, East Adriane, AK 71925-5692

              Phone: +21811810803470

              Job: Chief Representative

              Hobby: Board games, Rock climbing, Ghost hunting, Origami, Kabaddi, Mushroom hunting, Gaming

              Introduction: My name is Terrell Hackett, I am a gleaming, brainy, courageous, helpful, healthy, cooperative, graceful person who loves writing and wants to share my knowledge and understanding with you.