Gravity Forms の使用方法: 究極のガイド (2024)

お問い合わせフォームから請求フォーム、顧客調査やレビューに至るまで、フォームは単なるデータ収集ツールではありません。フォームは、ビジネスと顧客を結び付ける手段です。

Gravity Forms は、WordPress 用の最も強力で革新的なフォーム プラグインです。何千もの企業が Gravity Forms を使用して顧客詳細の収集、Web サイト ユーザーの登録、支払いの受け取りなどを行っています。

このガイドでは、ブログやビジネスで Gravity Forms を最大限に活用する方法と、Web フォームのアクセシビリティの重要性について説明します。特定のセクションにスキップしたい場合は、以下のリンクを使用できます。

グラビティフォームとは何ですか?

Gravity Forms は、直感的なドラッグ アンド ドロップ ビルダーを使用して、複雑でアクセス可能なフォームを構築できる WordPress プラグインです。 Gravity Forms はプレミアム (有料) プラグインです (無料版はありません!)。

Gravity Forms はフォーム プラグインとしてブランド化されていますが、それだけではありません。 Gravity Forms は、いくつかの主要な Web アプリケーションおよびオンライン サービス プロバイダーと統合されています。これには、Hubspot、Mailchimp、Aweber、Slack、Zapier、PayPal などが含まれます。

Gravity Forms エコシステムは革新的でダイナミックです。 Gravity Forms は頻繁にアップデートをリリースし、5 つ星のカスタマー サポートでよく知られています。

また、強力なアドオンを構築および保守する 7 人の Gravity Forms 認定開発者 (GravityKit! を含む) もおり、柔軟で柔軟なアドオンを作成できます。WordPress を利用した Web アプリGravity Forms に基づいて構築されています。

Gravity Forms が最高の WordPress フォームプラグインである理由

あなたが WordPress ユーザーであれば、おそらくさまざまなフォーム プラグインを数多く目にしたことがあるでしょう。では、Gravity Forms が他のフォームよりも優れている点は何でしょうか?

Gravity Forms は Web フォームのアクセシビリティのリーダーです

Web アクセシビリティとは、視覚障害やその他の障害を持つ人々が簡単にナビゲートして使用できる Web サイトを作成するプロセスです。

Gravity Forms は、次の点でリーダーです。ウェブフォームのアクセシビリティ。 Gravity Forms 2.5 のリリースには、さまざまなアクセシビリティの改善が含まれており、次のようなフォームを構築できるようになりました。WCAG準拠。

Gravity Forms にアクセスできるようにする機能には、次のようなものがあります。

• 堅牢な HTML5 マークアップ
• 視覚障害を持つユーザー向けのスクリーン リーダーのフィードバックの強化
• フォームエラーに関するフィードバックを提供する可能性
• キーボードナビゲーションの改善
• フォームのアクセシビリティの問題に関する警告

CDC は次のように推定しています。米国成人の26%何らかの障害を抱えている人は約 6,000 万人います。アクセシビリティを考慮して Web フォームを最適化すると、ユーザー ベースが増加し、SEO が強化され、すべての人のオンライン エクスペリエンスが向上します。

使いやすさ

Gravity Forms は使いやすさを考慮して最適化されています。直感的なドラッグアンドドロップが付属しており、ビジュアルフォームエディターこれにより、数回クリックするだけで複雑なフォームを構築できます。

ドラッグ アンド ドロップのフォーム ビルダーは Gutenberg ブロック エディターを模倣しており、快適に使用できます。フィールド設定はきちんと整理されており、条件付きロジック設定がフライアウト パネルで開くため、複雑なルールを管理するための十分なスペースが提供されます。

のフォームエディタには、さまざまなオプションをすべてスクロールしなくても、必要なフィールドを見つけることができる検索フィールドも含まれています。また、CSS クラスを追加せずに、フィールドを列にドラッグ アンド ドロップすることもできます。これにより、フォーム構築プロセスが簡単かつ効率的になります。

最後に、新しいフォームの設定は思ったよりも簡単です。テンプレート ライブラリに移動し、いくつかの中から 1 つを選択するだけです重力フォームテンプレート！

Gravity Forms は拡張可能で柔軟です

Gravity Forms の最も強力な側面の 1 つは、その拡張性と柔軟性です。 Gravity Forms を使用して、製品注文フォーム、イベント登録フォームを作成し、電子メール オプトインを構築して、メールリストを増やすなどなど。

Gravity Forms を他の一般的なアプリケーションと統合できるようにするさまざまな拡張機能も利用できます。

サードパーティの認定 Gravity Forms 開発者は、Gravity Forms をフォーム プラグイン以上のものにするアドオンも提供しています。

フロントエンドでのフォーム送信の表示、データの PDF へのエクスポート、フォーム エントリに対する高度な計算の実行などは、サードパーティのプラグインを使用して実行できることの一部です。

Gravity Forms は会員制 Web サイトの基盤として使用できます。オンラインストア、従業員データベース、ディレクトリ、ビジネス ワークフローなど。

Gravity Formsの特徴を一言で言うと…「感動」

Gravity Forms が最も強力な WordPress フォーム プラグインであるもう 1 つの理由は、次のホストが付属していることです。印象的な機能。

フォームを作成するときは、基本的な入力フィールドから、ファイルのアップロードフィールド、製品フィールド、日付フィールド、および時刻フィールド。

Gravity Forms には条件付きロジックも組み込まれており、ユーザーの選択に基づいてフォーム フィールドを表示または非表示にすることができます。これにより、関連情報を収集するパーソナライズされたフォームを作成できます。

最後に、Gravity Forms を使用すると、自動応答のように機能する通知を設定して、ユーザーがフォームを送信するたびに通知を受け取ることができます。

簡単なスパム対策

Web サイトの所有者として対処すべき最も迷惑なことの 1 つは、スパム フォームの送信です。ほとんどの人がこの問題に遭遇したことがあります。サイトに新しいお問い合わせフォームを作成すると、数日以内に受信箱がスパム メッセージで溢れかえっていることに気づきます。

Gravity Forms を使用すると、スパムの送信について心配する必要がなくなります。洗練されたハニーポット機能の有効化から無料のアドオンのインストールまで、効果的な方法がいくつかあります。Gravity Forms スパムを防止する。

Gravity Forms の価格設定

Gravity Forms は、購入したライセンスに応じてさまざまなアドオンを提供します。がある3 つのライセンス オプション– ベーシック、プロ、エリート。以下でそれぞれを見てみましょう。

Gravity Forms「ベーシック」ライセンス

Basic ライセンスの料金は年間 59 ドルで、Gravity Forms を一般的なサードパーティ アプリケーションと統合できる 15 個のアドオンにアクセスできます。

Basic ライセンスに含まれるアドオンの一部を次に示します。

• ハブスポット
• アウェーバー
• 常時接触
• メールチンパンジー
• アクティブなキャンペーン

Gravity Forms「Pro」ライセンス

Pro ライセンスには Basic ライセンスのすべてが含まれており、追加の 18 個のアドオンにアクセスできます。 Pro オプションの料金は年間 159 ドルです。

Pro ライセンスに含まれるアドオンの一部は次のとおりです。

• ドロップボックス
• フレッシュブック
• ヘルプスカウト
• ペイパル
• ストライプ

Gravity Forms の「エリート」ライセンス

Gravity Forms Elite ライセンスには、最初の 2 層のすべてと、追加の 13 個のアドオンが含まれています。 Elite ライセンスの料金は年間 259 ドルです。

Elite オプションに含まれるアドオンの一部を次に示します。

• ユーザー登録
• 調査
• 投票
• クイズ
• クーポン

Gravity Forms プラグインのインストール方法

まず、Gravity Forms に移動しますアカウントページにアクセスし、プラグイン ZIP ファイルをダウンロードします。

次に、WordPress 管理者ダッシュボードにログインし、左側のナビゲーション メニューの「プラグイン」にカーソルを合わせて、「新規追加」をクリックします。次に、「プラグインのアップロード」を選択し、「ファイルを選択」ボタンをクリックします。最後に、Gravity Forms プラグインの ZIP ファイルを見つけて選択し、「今すぐインストール」をクリックします。 Gravity Forms が Web サイトに自動的にインストールされるようになりました。

インストールが完了したら、「プラグインを有効にする」をクリックします。最後のステップは、プラグインのライセンスをアクティブ化するアップデートとサポートにアクセスするため。

Gravity Forms での新しいフォームの作成

新しいフォームを作成する方法を見てみましょう。このガイドのタイトルは「ハウツー」です。使用結局のところ、「重力フォーム」。

Gravity Forms で新しいフォームを作成するには、「フォーム」の上にマウスを移動します。 左側のメニューで「新しいフォーム」をクリックします。テンプレート ライブラリからプリセット フォームを選択できるようになりました (新機能)重力フォーム 2.7）、または「空白のフォーム」オプションを選択して独自のフォームを最初から作成します。

独自のフォームを作成する場合は、フォームに名前 (およびオプションの説明) を付けて、「フォームの作成」をクリックします。

これで、Gravity Forms ビジュアル フォーム エディターを使用してフォームの構築を開始できるようになりました。

フォームフィールドの種類

Gravity Forms のサポート30を超えるフォームフィールドドロップダウン、チェックボックス、ファイルのアップロードなどが含まれます。ほとんどのフィールドには Gravity Forms コアが付属していますが、一部のフィールドでは特定のアドオンをインストールする必要があります。

フィールドには、「Standard」、「Advanced」、「Post」、「Pricing」の 4 つのカテゴリがあります。以下でそれぞれを見てみましょう。

Gravity Forms の標準フィールド

標準フィールドには、インターネット上のほとんどのフォームで見られると思われる一般的なフォーム フィールドが含まれます。標準フィールドは 10 個あります。それらは次のとおりです。

• 単一行のテキスト
• 段落テキスト
• 落ちる
• 番号
• チェックボックス
• ラジオボタン
• 隠れた
• HTML
• セクション区切り
• 改ページ

Gravity Forms の高度なフィールド タイプ

高度なフィールドは特定の使用例に役立ち、多くの場合、1 つのコンテナー内に複数の入力フィールドが含まれます。

• 名前
• 日付
• 時間
• 電話
• 住所
• Webサイト
• ユーザー名
• パスワード
• Eメール
• ファイルのアップロード
• キャプチャ
• リスト
• 複数選択
• 同意
• 連鎖選択
• クイズ
• 調査

Gravity Forms の投稿フィールド

投稿フィールドを使用すると、次のことができますフォームの送信をWordPressの投稿に変える。 Gravity Forms は次の投稿フィールドをサポートしています。

• 記事のタイトル
• ポストボディ
• 投稿の抜粋
• 投稿タグ
• 投稿カテゴリー
• 投稿画像
• カスタムフィールドを投稿する

Gravity Forms の価格フィールドで支払いを受け入れる

価格フィールドを使用すると、製品注文フォームを作成できます。その後、Gravity Forms アドオンを使用して、フォームを Stripe、PayPal などの支払いプロセッサと統合できます。さまざまな価格フィールドは次のとおりです。

• 製品
• オプション
• 量
• 配送
• 合計
• 2チェックアウトカードフィールド
• モリーカードフィールド
• 正方形のカードフィールド
• ストライプカードフィールド
• クレジットカード

フォームにフィールドを追加するには、右側のパネルからフォームにフィールドをドラッグ アンド ドロップします。

フィールドを上下ではなく隣接して配置したい場合 (つまり、フォームに複数の列を作成したい場合)、次のようにフィールドを別のフィールドの左側または右側にドラッグ アンド ドロップすることで実行できます。それで：

さまざまなフィールド タイプを使用して新しいフォームを作成する方法がわかったので、フィールド設定を編集してフォームのカスタマイズを開始できます。

フォームフィールドの設定を変更する

Gravity Forms の各フィールドには独自のオプション セットが付属しており、フロントエンドでの外観と機能をカスタマイズできます。

を取り上げるには、フィールド設定、フォーム内のフィールドをクリックするか、フィールドの上にマウスを移動して、左側に表示される設定アイコンをクリックします。

「フィールド設定」には、「一般」、「外観」、「詳細」の 4 つのオプション グループがあります。 そして「条件付きロジック」。

1. [全般] には、ラベル テキストの変更、説明の追加、フィールドの必須マーク付けなどを行うための一連の基本オプションがあります。
2. 見た目" タブでは、フロントエンドのフィールドの外観を変更できます。ここでは、プレースホルダー テキストの追加、CSS クラスの追加、フィールド サイズの調整を行うことができます。
3. 「アドバンスト」 タブでは、フィールドの表示設定の変更、デフォルト値の設定、管理ラベルの追加を行うことができます。
4. そして最後に、「条件ロジック」を使用すると、設定したパラメーターに基づいてフィールドを表示または非表示にすることができます。条件ロジック設定は別のフライアウト メニューで開き、複雑なルールを作成するための十分なスペースが与えられます。

💡プロのヒント: 重力フォームの条件付きロジックの詳細については、をお読みください。重力は条件付きロジックを形成する: 究極のガイド。

複数ページのフォームを構築する

ユーザーとしては、長く複雑なフォームを見つめるのは楽しいことではありません。マルチページフォームは、フォームフィールドを管理しやすいセクションに分割することでユーザーエクスペリエンスを向上させます。

1 つのセクションを終了し、別のセクションを開始する位置に「ページ」フィールドを挿入することで、複数ページのフォームを作成できます。

ユーザーが複数ページのフォームに入力している場合、一度に 1 ページのフォーム フィールドのみが表示されます。現在のページのフィールドへの入力が完了したら、「次へ」をクリックして次のページに進みます。

Gravity Forms の通知

Gravity Forms を使用すると、新しいフォームの送信を受け取ったときに管理者またはユーザーに送信する電子メール通知を作成できます。

新しい通知を作成するには、フォーム ページに移動し、フォームの上にマウスを移動して、設定。次に、をクリックします通知左側のメニューで新しく追加する。

新しい通知を作成するときに、次の情報を挿入できますGravity Forms のマージタグ情報を引き出すためにユーザーがエントリーで送信したもの。

通知を構成した後、フォームを送信した後にユーザーに表示される内容を制御できる確認を作成できます。

Gravity Forms の確認

Gravity Forms の確認を使用すると、ユーザーがフォームを送信した後にメッセージを表示したり、サイト上のページに送信したり、カスタム URL にリダイレクトしたりすることができます。

条件付きロジックを使用して、特定のパラメーターに基づいて確認を表示することもできます。これにより、異なるユーザーを異なるメッセージでターゲットにすることができ、ユーザーエクスペリエンスをパーソナライズする。

新しい確認を作成するには、フォームの上にカーソルを置き、「設定」の上にカーソルを置きます。、をクリックし、「確認」をクリックします。

💡プロのヒント: 詳細を読むGravity Forms でカスタム確認メッセージを作成する！

フォーム フィードは Gravity Forms を世界に接続します。

フィードを使用すると、ユーザーがフォームを送信するたびに、Gravity Forms と外部アプリケーションまたはサービスの間で情報を送信できます。

通知により電子メールが送信される一方で、フィードにより次のことが可能になります。情報を直接共有する顧客管理システム、電子メールプロバイダー、支払いゲートウェイなどの外部プラットフォームを使用します。

フォーム設定ページを開くと、左側にフィードが表示されます。

たとえば、ユーザー登録アドオンを使用している場合は、「ユーザー登録」フィードが表示され、フォームを送信するときに新しいユーザーを登録できるようになります。

フィードにより次のことが可能になります。

• PayPal や Stripe などのサードパーティを通じて支払いを処理する
• フォーム情報を ActiveCampaign などの CRM プラットフォームに送信します
• HelpScout を通じてサポート リクエストを開始する
• Dropbox などの外部ストレージ サービスにファイルを送信する
• さらにもっと！

これで、Gravity Forms で新しいフォームを作成して構成する方法がわかりました。次のステップでは、そのフォームをページまたは投稿に表示します。

Web サイトに Gravity フォームを埋め込む

作成したフォームを WordPress ページまたは投稿内に簡単に埋め込むことができます。以下は、さまざまな方法とフォーム ビルダーを使用してフォームを埋め込む方法を示すガイドのコレクションです。

• WordPress ブロックエディターを使用して Gravity Forms を埋め込む
• ショートコードを使用して Gravity フォームを埋め込む
• Divi を使用してページまたは投稿に Gravity フォームを埋め込む
• Elementor を使用してページまたは投稿に Gravity フォームを埋め込む

Gravity Forms でフォームのスタイルを設定する方法

Gravity Forms を使用すると、次のことが可能になります。フォームのスタイルを設定するWordPress ブロックエディター内から! CSS を 1 行も記述することなく、配色の調整、フィールド入力のサイズの変更、カスタム ボタン スタイルの追加などを行うことができます。

フォームのテーマを「デフォルト」から「オービタル」に変更するだけです。その後、入力、ラベル、説明、ボタンのスタイルを調整できます。

💡プロのヒント: Gravity Forms エディターのオプションで許可されている以上に、フォームのスタイルとレイアウトをさらに制御できます。CSS対応クラス。

「送信」をクリックするとどうなりますか?

フォームを作成して Web サイトに埋め込むと、ユーザーはフロントエンドでフォームを確認できるようになります。ユーザーがフォームに記入して「送信」をクリックすると、その送信内容が WordPress データベースに保存されます。 「送信」をクリックすると、通知と確認が設定されている場合にもトリガーされます。)

フォームの送信を表示するには、「フォーム」の上にマウスを移動します。 「エントリー」をクリックします。次に、左上のドロップダウン メニューからフォームを選択します。そのフォームへのすべての送信が表示されます。

特定の提出物をより詳細に表示するには、その上にマウスを移動して「表示」をクリックします。

マージ タグは、Gravity Forms の最も重要な機能の 1 つです。マージ タグを使用すると、ユーザー入力からコンテンツを動的に読み込むことができます。

• Gravity Forms マージ タグについて知っておくべきことすべて

Gravity Forms を使用した製品の販売

Gravity Forms は単なるフォーム プラグインではありません。実際、Gravity Forms は単独で完全な e コマース ソリューションとして機能します。どのようなビジネスに携わっていても、Gravity Forms を使用して WordPress サイトをオンライン ストアに変える。

💡プロのヒント:Gravity フォームを WooCommerce と統合する既存の e コマース ストアを次のレベルに引き上げます。

支払いプロセッサは「ベーシック」では利用できないことに注意することが重要です。 プラン。 「Pro」のいずれかが必要です または「エリート」 サイトで支払いを受けるためのライセンス。

Gravity Forms は、次の支払いアドオンをサポートしています。

• PayPal (Checkout、Standard、Payments Pro)
• ストライプ
• 2チェックアウト
• Authorize.net
• 四角

支払い処理業者を選択したら、支払いフォームを作成します。

💡プロのヒント: 有利にスタートするには、eコマースフォームテンプレートGravity Forms テンプレート ライブラリから。

追加するフォーム フィールドは、ビジネスと取得する必要がある情報によって異なります。ほとんどの支払いフォームには、名前、電子メール、電話番号、住所フィールドが含まれています。

次に、価格設定フィールドを追加する必要があります。製品のコストを計算する、配送料、および取引の処理。

すべての製品および支払い関連フィールドは、「価格設定フィールド」にあります。

製品フィールドを追加し、チェックアウト方法を選択したら、次のステップは、フォームを支払いプロセッサに接続するための新しいフィードを構成することです。

たとえば、Stripe を使用している場合は、設定、クリックストライプStripe の詳細を入力します。

あとは、支払いフォームをページに埋め込むか、Web サイトに投稿するだけで、ユーザーが製品やサービスを購入できるようになります。それでおしまい！

Gravity Forms を使用して Web サイトに新しいユーザーを登録する

Gravity Forms を通じて新しいユーザーを登録するには、ユーザー登録アドオン。このアドオンは、フォームを送信するとサイトに新しいユーザーを自動的に作成します。

最初に行う必要があるのは、登録フォームを作成することです。 User Registration アドオンが機能するには、ユーザー名と電子メール アドレスのフィールドと、必要と思われるその他のフィールドを含める必要があります。

次に、フォームで新しいユーザーを登録できるように、新しいユーザー登録フィードを作成する必要があります。

ユーザー登録フィードを構成した後、新規ユーザーは登録フォームに記入してサイトに登録できます。

ユーザーにサインアップ料金を請求したい場合は、ユーザー登録アドオンを PayPal アドオンに接続して、新しいユーザーが支払いを確認した後にのみ登録されるようにすることができます。

フォームとエントリの編集と更新

新しいフォームを作成した後、必要に応じていつでも戻ってフォームを更新できます。既存のフォームを編集するには、「フォーム」ページに移動し、フォームの上にマウスを移動して「編集」をクリックします。これにより、フィールドの追加/削除、フィールド設定の変更、フィールド ラベルの更新などができるビジュアル フォーム エディターが表示されます。

フォームのエントリを更新することもできます。これを行う方法を示すいくつかの役立つガイドを次に示します。

• Gravity Forms の既存のエントリを更新する方法
• Gravity Forms のエントリを一括更新する方法
• Gravity Forms 送信時のエラーを一括修正する方法

Gravity Forms は他のフォーム ビルダーとどのように比較できますか?

• Contact Form 7 と Gravity Forms: どちらのフォームビルダーが優れていますか?
• Gravity Forms vs Ninja Forms: 2023 年の最高のフォームビルダー
• 最適な Gravity Forms の代替品をお探しですか?驚かれるかもしれません…
• Gravity Forms が Typeform の最良の代替品である理由

Gravity Forms に最適なアドオンと拡張機能は何ですか?

• 2023 年の最高の Gravity Forms アドオン
• 聞いたこともない 5 つの驚くべき Gravity Forms アドオン
• 8 重要な Gravity Forms アドオンと拡張機能の例

さらに役立つガイド

Gravity Forms プラグインについて詳しく学ぶための追加ガイドをいくつか紹介します。

• Gravity Forms からのデータのエクスポート: 究極のガイド
• Gravity Forms へのエントリのインポート: 究極のガイド
• Gravity Forms エントリの表示: 究極のガイド
• Gravity Forms の計算: 究極のガイド
• Gravity Forms の条件付きロジック: 究極のガイド
• Gravity Forms フィールド値を表示する方法

Gravity Forms の概要: 最終的な考え

Gravity Forms は、WordPress 用の最も強力で信頼性の高いフォーム プラグインです。

重力フォームは、Web サイトのアクセシビリティのリーダーであり、直観的なドラッグ アンド ドロップ インターフェイスを使用して、SEO に最適化され、WCAG に準拠したフォームを構築できます。

Gravity Forms の強みは、その拡張性と柔軟性にあります。 Gravity Forms にはさまざまなアドオンが用意されており、他の一般的なアプリケーションと統合できます。

また、7 人の Gravity Forms 認定開発者が、Gravity Forms のさまざまな堅牢な拡張機能を提供しており、フロントエンドでの送信データの表示、カスタマイズされた PDF のエクスポート、自動ワークフローの作成などを可能にします。