何百万ものサイトで使用されており、重力フォーム長い間検討されてきましたWordPress 用のフォームプラグイン。しかしその後…なぜ彼は頂上に登れたのでしょうか?
Gravity Forms を使用すると、フォームの作成方法を完全に制御できます。可能性はほぼ無限です。レスポンシブ フォーム、スパム フィルタリング、高度な計算、クイズ、アンケート、さらには安全な支払いについても説明します。このプラグインはまさにフォームのスイスアーミーナイフですオンライン フォームの作成に必要なものがすべて含まれています。
個人的な観点から言えば、専門プログラマーではないにもかかわらず、クライアントのために数多くの WordPress サイトを作成してきたので、重力フォーム単純なショーケース サイトよりも複雑なプロジェクトを受け入れることができました (したがって、収入を最大化することができました…)。
スポイラー警告: それほど驚くことではありませんが、WPFormation でもそれを使用しています。 「クイズ」機能とアドオン セクションの実装については、少し後で説明します。
まとめ 画面
なぜお問い合わせフォームが必要なのでしょうか?
あなたと視聴者の間にはコミュニケーションチャネルが絶対に必要です。訪問者は必ずあなたの製品やサービスについて質問があるので、簡単に連絡できる機会を与えてください。潜在的な顧客があなたに連絡できないためにセールを逃すのは残念ですよね?
さらに、お問い合わせフォームはあなたのビジネスにプロフェッショナリズムをもたらし、「キャプチャ」のおかげで、電子メール アドレスが収集されてスパムが送信されるのを防ぎます。
最後に、常にアクセスしやすく、ユーザーに見える戦略的な場所に配置します。
連絡と見積もりのリクエストが不可欠なケータリング業者の例
あなたのプロジェクトにはどのタイプのフォームが最適でしょうか?
良いニュースです。以下の例はすべて Gravity Forms で実行できます。
「名前、電子メール、メッセージ」などの単純なフィールドを備えた古典的なお問い合わせフォームがありますが、以下の例のようなもう少し複雑な機能も必要になる場合があります。
- いくつかの手順に従って、ビジネスに固有のフィールドを指定して見積もりをリクエストします。
リロイ・マーリンの例: 7 段階の見積もりの見積もり (1/7)
- 実行するFabrice が WP Formation で行うようなクイズ重力フォームを使用します。
Gravity Formsを使用したWPフォーメーションクイズ。
- 実行する投票、あるいは新聞フィガロのような世論調査さえも「今日の質問」で。 Le Figaro は、投票者数とともに現在の結果を自動的に収集して表示します。
フィガロの例
- 表示するフィールドの条件付きロジックを使用して、安全な支払いのためのページで予約を受け入れます。 (Stripe と Paypal を統合することもできます)
- 訪問者またはメンバーがデータベースに追加され、その後フロントエンドのサイトに追加されるコンテンツを送信できるようにします。説明するために、例を挙げてみましょうBooking.comに掲載されるアパートメント:
ご覧のとおり、WordPress サイトには数種類のフォームが必要な場合があります。
それで、Gravity Forms 拡張機能を確認してみましょうそして、このプラグインが単純な問い合わせフォームを超えてどのように機能するかがわかります…
Gravity Forms の機能
以下にリストした機能のリストを示します。
- 33 個のフォーム フィールド (セクションは次のパート #2 で展開されます)
- 条件付きロジック: ユーザーの選択に基づいて特定のフィールドを表示または非表示にします。
- 高度な計算
- メールによる通知
- スパム フィルター: Google reCaptcha、Really Simple Captcha、Akismet オプションを使用してスパム フォーム送信に対処します。
- 保存して後で続行する
- ファイルのアップロード: ユーザーがオンライン フォームからファイルをアップロードできるようにします。
- フロントエンド フォーム、サイトのフロントエンドから WordPress コンテンツを送信する: ユーザーに WordPress 管理者アクセス権を付与せずにブログ投稿を送信できるようにしたい場合
- 日付またはエントリ数によるフォームの表示の制御
- 複数ステップおよび複数ページのフォームの作成 (各ステップ間でコンテンツが失われないように、進行状況を保存ボタンを使用)
- 訪問者の知識をテストするためのクイズ
- フォームの内容に基づいてエントリを特定の電子メール アドレスにルーティングする
- 複数のフォーム入力通知の作成のサポート
- WYSIWYG 互換のフロントエンド フォームを介した WordPress 投稿の送信
- ユーザーアカウント作成フォームの作成(ユーザー名とパスワードでログイン)
- タブレットやモバイルに適応する「レスポンシブ」フォーム
- 直感的なドラッグアンドドロップによるフォーム作成インターフェイス
Gravity Forms が提供するフィールド
フォームはシンプルなドラッグ アンド ドロップ システムを使用して作成され、標準、詳細、投稿 (記事) に固有、カスタム投稿タイプ (カスタム コンテンツ タイプ)、および計算 (価格、数量など) など、数十のフィールドがあります。 。つまり、各プロジェクトには多数のオプションが利用可能です。確認してみましょう:
標準・基本11分野
単純/標準フィールド
チャンピオンスタンダード | 説明 | |
テキスト行 | ユーザーがテキストを入力できるようにします: 名前、名など | |
段落 | ユーザーが複数行に大量のテキストを入力できるようにします。 | |
数字と計算 | コンテンツの形式は必ず数値になります。使用可能な範囲を制限することもできます (たとえば、10 から 20 の間)。計算を有効にすることもできます (計算を有効にする)。フィールドは数式や他のフィールドのデータに基づいて設定されます。 | |
ドロップダウンリスト | ユーザーはリストをスクロールして、対応する情報を選択する必要があります。 (時間帯にも使います) | |
複数の選択肢と選択 | これは、ユーザーがいくつかのオプションを選択できる別のドロップダウン リストです。私はチェックボックス (⌧) の方が好きですが、これは個人的な意見です。 | |
チェックボックス | 人間工学の観点から、複数のオプションを一度に選択するのに最適です。 | |
ボタンンラジオ | 定義上、ユニークな選択です。円は、選択できるオプションが 1 つだけであることを表しています。 | |
HTML | HTML についてある程度の知識がある場合は、必要な場所にカスタム コンテンツを追加できます。 | |
ページ | このフィールドは、フォームを複数のページ (たとえば 1/7) に分割するのに役立ちます。各ページで異なるテーマ (個人情報 > エクスペリエンス > 検証) をカバーすると非常に実用的です。 | |
セクション | セクションや説明を追加して、あるカテゴリから別のカテゴリに移動できるようにして、フォームにリズムを与えます。 | |
マスク | あまり使用しませんが、このフィールドを使用すると、必要に応じてフィールドを非表示にすることができます。 |
16の先進分野
先端分野
先端分野 | 説明 | |
ノム | ユーザーに、姓、名、ミドルネーム、さらには「Dr.」などの接頭辞を入力するように依頼します。 | |
日付 | カレンダー ツールまたは入力フィールドを使用して特定の日を選択します。フランス語の日付形式もあります。 | |
時間 | 時間を選択してください | |
電話 | Gravity Forms は、その形式が実際に電話番号のものであることを検証します。 | |
住所 | ユーザーは住所を追加したり、フィールドを自由に削除したりできます。たとえば、「州」はフランスでは役に立ちません。 | |
サイトインターネット | Gravity Forms は、その形式が実際に「xxxxx.com」を含む Web サイトの形式であることを検証します。 | |
Eメール | Gravity Forms は、その形式が実際に「@」を含む電子メールの形式であることを検証します。 | |
ユーザー名とパスワード | ユーザー名とパスワードを使用してアカウント作成フォームを簡単に作成できます。 | |
ファイル送信 | 「参照」機能を使用すると、ユーザーは履歴書などのファイルを送信できます。どの形式 (PDF、.jpeg など) を受け入れるかを知るためのオプションを設定するのはあなた次第です。 | |
キャプチャ | 卓越したスパム対策。するのを忘れないでGoogle で recaptcha アカウントを作成する、 それは無料です。 | |
リスト | リスト上の項目を自分で完了するかどうかは訪問者次第です。複数の情報を整理して提供したい場合に便利です。 | |
同意(GDPR) | 訪問者がデータ ポリシーに同意できるようにします。 | |
クイズ | 視聴者の知識をテストする | |
アンケートと世論調査 | 視聴者にアンケートを行います。 | |
一括選択 | 「.csv」ファイルを使用してデータを一括インポートできます。 |
Gravity Forms ライブラリ
Gravity Forms には、選択した業界に自分自身を最大限に投影するのに役立ついくつかのモデルが付属しています。各テンプレートを使用すると、次の 3 つの手順でフォームを簡単に作成できます。
- テンプレートをWordPressサイトにインポートします
- オプション、設定、さまざまなフィールドをカスタマイズする
- 選択したページにフォームを埋め込みます
2020年10月現在9種類のモデルがラインナップされていますが、オススメはニュースレターを購読する利用可能な最新モデルを常に知るため。
従来の連絡先フォームと高度な連絡フォーム
お見積り依頼フォーム
求人応募フォーム・ご応募
私は過去に求人掲示板を作成するためにそれを使用しましたが、特に気に入ったのは次のとおりです。
- このフォーム テンプレートでは、条件付きロジックを使用して応募フォームを調整し、候補者から必要な情報を収集できます。したがって、たとえば候補者が専門的な経験を追加すると、新しい分野が徐々に現れます。
- 履歴書やカバーレターをアップロードする欄もあるので完璧です。
ユーザー登録とアカウント作成
アンケートと投票
視聴者にアンケートを行ってサービスやエクスペリエンスに関するフィードバックを取得し、マーケティング プランを可能な限り最適にモデル化します。
イベント登録フォーム
イベントの参加者登録、必要情報の収集、支払いまで完了! 2 つの重要な点に気付きます。フォームは複数のステップで構成されており、進行状況を % で追跡できます。
寄付または電子商取引を行うためのフォーム
チェックアウトページ
非営利団体や WordPress サイトから簡単に資金を集めるのに最適です。製品やサービスを販売する場合は、支払いフォームを使用してオンラインで支払いを受け入れる必要があります。これは上に示したものとよく似ています。
価格は公式アドオンのエコシステムに応じて異なります
公式アドオンの量は驚くほど多く、次のような幅広いニーズを満たします。Stripe での支払いまたはペイパル、Hubspot CRM との統合、さらには Slack との統合コミュニケーション。
Gravity Forms が提案する3種類のアカウント;ベーシック、プロ、エリート。それぞれで、さまざまなアドオンにアクセスできます。
注記: クイズ、アンケート、投票機能が必要な場合にのみ「Elite」をお勧めします。 それ以外の場合は、Pro 機能はすでに非常に優れています。私の要約を自分でチェックしてください。
Gravity Forms: どのアドオンのどのフォーミュラですか?
式 | 年率 | サイトとフォームの数 | 利用可能なモジュール |
基本 | 50ユーロ | 1サイト 無制限のフォーム | 無制限のエントリー 条件付きロジック 複数ページのフォーム ファイルのアップロード 自動更新 サポート規格 「基本」アドオンへのアクセス: 電子メール マーケティングおよび自動化プラットフォームとの統合:ActiveCampaign、AWeber、Campaign Monitor、CleverReach、Constant Contact EmailOctopus、Emma、GetResponse、HubSpot、iContact、Mad Mimi、Mailchimp、Mailgun、Postmark、SendGrid。 |
プロ | 134ユーロ | 3サイト 無制限のフォーム | 無制限のエントリー 条件付きロジック 複数ページのフォーム ファイルのアップロード 自動更新 サポート規格 前述の「Basic」および「Pro」アドオンへのアクセス: 最も人気のある CRM、情報管理ツール、オンライン決済との統合: Agile CRM、Breeze、Campfire、Capsule CRM、Dropbox、Freshbooks、Help Scout、Mollie、Paypal Commerce Platform、PayPal Payments Standard、Pipe Video Recording、Slack、Square、Stripe、Trello、Twilio、Zapier、Zoho CRM。 |
エリート | 212ユーロ | サイト数は無制限 無制限のフォーム | 無制限のエントリー 条件付きロジック 複数ページのフォーム ファイルのアップロード 自動更新 サポートの優先順位 「Basic」、「Pro」、「Elites」アドオンへのアクセス。 クイズ、投票、アンケート、アカウント作成などの統合 2Checkout、高度な投稿作成、Authorize.net、連鎖選択クーポン、部分エントリー、PayPal Payments Pro、投票 (投票)、クイズ (クイズ)、署名、アンケート (Sondage) ユーザー登録 Webhook |
非公式の Gravity Forms アドオン
Gravity Forms には、製品の機能に大きく貢献する開発者のコミュニティがあります。あらゆるニーズに対応するアドオンがあるように感じられ、信じられないほどです。コミュニティによって作成されたこれらのアドオンは、すべては Gravity Forms の Web サイトにリストされています「コミュニティ」カテゴリにあります。
重要な注意事項: これらの拡張機能はチームによって正式に開発されていないため、Gravity Forms の Web サイトではサポートや購入を行うことはできません。
これらのアドオンの中には、例えば次のようなものがあります。
- アドオン Gravity フォーム – MailPoet 3TikWeb によって開発され、WPFormation で使用される、次の方法について説明します。
チェックボックスを使用すると、訪問者はニュースレターを購読し、私たちが選択したリストに直接自分自身を見つけることができます。当社の電子メール自動化システム (MailPoet) にとってリアルタイムの時間の節約になるだけでなく、すべての訪問者を分類して最も関連性の高いリストに配置できるため、組織にとっても役立ちます。私たちの場合、クイズの最後に、結果とクイズに関連する情報を送信するために電子メールの入力を求められます。
重力フォームそれも記載しました「コミュニティ」カテゴリにあります。
- Slack への招待を自動化する: フォームを送信するときに、ユーザーに電子メールで Slack への招待を送信します。
- イベント追跡:Gravity Forms と Google Analytics、Google タグ マネージャー、または Piwik (旧 Piwik) アカウントを使用してイベント トラッキングを簡単に追加します
- Paypalによる1回限りの料金支払い(一回限りの料金の XX ユーロ): PayPal スタンダード サブスクリプションの最初の支払いに一回限りの料金を追加します。
他にもテストをお勧めするアドオンが多数あります。それらは WordPress リポジトリ、または専用の検索フィールドを備えた Gravity Forms の「コミュニティ」セクションで入手できます。
Paypal のアドオンの検索例
知っておくとよいこと:あなたが開発者で、Gravity Forms の拡張機能を開発している場合は、次の手順に従って拡張機能を送信することをお勧めします。
- 彼らのことを手伝ってください開発者専用のドキュメント
- コミュニティにアドオンを送信してください「」をクリックするとアドオンを送信する」に登録するには、アクティブな Gravity Forms アカウントが求められます。
コメントスタイライザー Gravity Forms?
プラグインはすでに完全に適応していますが、テーマのCSS、フォームを完全にカスタマイズしたい場合があります。次の拡張機能を使用すると、これほど簡単なものはありません。
- 重力フォームスタイラー: このプレミアム プラグインを使用すると、すべてのフォーム要素の CSS を迅速、簡単、効率的にカスタマイズできます。
- Gravity Forms CSS Ready クラスセレクター: 列、配置、リストなどを管理できる無料のプラグイン。
- 重力フォームのスタイリング |美しさ重力: コーディングなしで、フォームに (マテリアル、フラット、流暢、ブートストラップ、アンドロイドなど) などのよりユーザーフレンドリーなテーマを追加できます。
- Gravity フォームのスタイルとレイアウト: Gravity Forms のスタイルを設定する無料のプラグイン。フォームのさまざまな部分をカスタマイズするための 150 以上のオプションが付属しています。
重力形式に従った論理条件
これは、Gravity Forms のお気に入りの機能の 1 つです。要約すると、フォーム フィールドを表示するかどうか、インターネットユーザーの選択に応じて!
以下は、Gravity Forms で何ができるかの例です。このシンプルなフォームは 5 分以内に作成され、「論理条件」の威力を実感することができます。ライブでテストする!