私たちは Gravity Forms のファンです。あなたが私たちと一緒に働いているなら、間違いなく私たちからこのことを聞いたことがあるでしょう。また、さまざまな WordPress Facebook グループで私たちをフォローすると、Gravity Forms を使用するためのアドバイスも定期的に表示されます。
正直に言うと、原則として、Gravity Forms の基礎は、WordPress Web サイトに連絡先フォームを配置するための単純なプラグインに過ぎません。しかし幸いなことに、それ以上のものがあります。 Gravity Forms を使用すると、さらに多くのことが可能になります。前回は基本的なことについて書きましたが、Gravity Forms に関するこのブログはここにあります。。このブログでは、この WordPress プラグインが提供する可能性をさらに深く掘り下げ、プラグインをより良く機能させるための多くのヒントを共有します。これらは、より複雑なオプションに対する比較的簡単なヒントですので、活用してください。
- タイトルなしで Gravity フォームを投稿する
- Gravity フォームを ActiveCampaign / Mailchimp にリンクする
- サンキューページを Gravity Form にリンクする
- Gravity Form送信後の通知
- 完成した Gravity フォームの PDF を送信する
- エラー報告スタイル Gravity Forms
- Gravity Forms からラベルを非表示にする
- 結論
1. タイトルなしで Gravity フォームを投稿する
Gravity Forms に詳しくない場合は、ショートコードを含むフォームをページに挿入することを知っておくと役立ちます。このショートコードには、フォームの表示に影響を与えるさまざまなオプションをすぐに指定できます。
タイトルと説明を省略するオプションをよく使用します。これは主に、たとえばフォームを登録フォームとして使用する場合、またはサイドバーで連絡先オプションとして使用する場合に行われます。
このショートコードを挿入し、複数のフォームを使用している場合にのみ正しいフォームの ID を調整し、testgravityform の代わりに Gravityform を使用します。
[testgravityform id=”JOUWID”title=”false” description=”false”】
通常、タイトルと説明をデフォルトで表示したい場合は、入力する必要はありません。それらを望まない場合は、上記のショートコードを入力してください。
2. Gravity フォームを ActiveCampaign / Mailchimp にリンクする
ActiveCampaign や Mailchimp などのニュースレター システムを使用していますか?多くのお客様と同様に、私たち自身も ActiveCampaign を使用しています。私たちは定期的に Mailchimp とも協力しています。
どちらのシステムにも独自の登録フォームがあり、切り取り/貼り付けによって比較的簡単にページに挿入できます。それ自体は非常に素晴らしいものですが、スタイルを Web サイトのスタイルに合わせたい場合、それが不可能であるという問題がよく発生します。
そのため、私たちは構築するすべての Web サイトや Web ショップで Gravity Forms を標準として使用しています。それは、スタイルも機能性と同じくらい重要だと考えているからです。
さらに、ニュースレターやダウンロードの登録フォームを同じスタイルでさまざまなページに表示することも簡単です。ショートコードを再度配置するだけで、スタイルはどこでも同じになります。
最後に、さまざまなフォームでさまざまなリストを管理するオプションがあります。これは、入力済みまたはチェック済みの特定のフィールドに基づいて行うこともできますが、フォームの送信時に指定したタグに基づいて行うこともできます。
Gravity Form を ActiveCampaign にリンクするにはどうすればよいですか? Mailchimp の場合と同じことがこれに当てはまります。 Gravity Forms の基本バージョンを使用している場合は、無料でインストールできるアドオンが必要になります (Gravityforms.com の全価格の概要はこちらをご覧ください。)
これを行うには、「フォーム」に移動し、「アドオン」をクリックします。アカウント内で利用可能なすべてのアドオンが表示されます。 「ActiveCampaign」をクリックしますインストールそしてプラグインがインストールされます。
次に、Gravity Forms の一般設定の下に、API URL と API キーを入力するオプションがあります。これらを一度入力すると、ActiveCampaign のバックエンドに表示されます。
この後、フォームの設定で ActiveCampaign の追加オプションが表示されます。フォームごとにフィードを作成します。これは、名前、選択するリストの名前、およびリンクするフィールドを入力する、簡単な段階的な計画です。
Mailchimp や他のニュースレター システムにもほぼ同じことが当てはまります。もう 1 つのヒント: ボタン上の標準の「送信」テキストを調整します。訪問者としてボタンを押すと何が起こるかを書き留めます。
3. サンキューページを Gravity Form にリンクする
Gravity Forms のデフォルトのオプションは 'メッセージありがとうございます!すぐにご連絡させていただきます。」第一に、あまり顧客フレンドリーではありません。第二に、たとえば Google Analytics を通じて目標を設定したい場合に測定するのも困難です。
しかし、これをどうやって調整するのでしょうか?オプションは何ですか?フォームごとに個別のサンキューページを作成するのが最善です。その後、訪問者が今行ったことに対して具体的に感謝することができます。たとえば、電子ブックをダウンロードしたり、お問い合わせフォームに記入したり、見積もりをリクエストしたりします。
サンキューページは、すぐに詳細情報を提供し、応答時間を見積もったり、ユーザーが何を必要としているかを示すための理想的な機会です。アプリケーションの拡張機能。そして、それはあなたのウェブサイトの印象を専門化するため、重要な部分です。あなたとあなたの競合他社にリクエストを送信し、このように見積もりリクエストに対して感謝された訪問者は、あなたの会社を選択する傾向が高くなります。これを過小評価しないでください。
しかし、これをどうやって応用するのでしょうか?少なくともフォームに一致するサンキューページがあることを確認してください。次に、フォームの下の確認に進みます。これがデフォルトでテキストになっていることがわかります。これを「ページ」に設定すると、作成したサンキューページを選択するオプションが表示されます。そして、使用するフォームごとにこれを繰り返します。
4. Gravity Form送信後の通知
デフォルトでは、Gravity Forms は基本的な電子メールを Web サイトの管理者の電子メールに送信します。ごくまれにこれが問題にならないこともありますが、これを調整することをお勧めします。フォームの下の「通知」に移動すると、そこに管理者通知が表示されます。これを調整することができます。いずれの場合も、ここで次のフィールドを調整します。
- フォームの送信元の名前
- フォームの送信先となる電子メール アドレス
多数のフォームがある場合は、これを電子メールのタイトルに含めることをお勧めします。これにより、管理者にとって概要がわかりやすくなります。
管理者に加えて、フォームに記入した人もメールボックスで確認を受信できるようにすると便利です。もちろん、登録の確認は原則としてニュースレター システムから行われるため、ニュースレターの登録にはこれは必要ありません。
追加の確認を行って必要なフィールドに入力し、電子メール アドレスを入力する代わりに、フィールドの選択を選択して電子メール アドレス フィールドを選択します。フォームに記入した訪問者は、送信後にコピーを自分のメールボックスに受け取ります。
5. 記入済みの Gravity フォームの PDF を送信します。
デフォルトでは、顧客に送信したことを示す上記のオプション 3 に管理者メッセージを入力した場合、Gravity Forms は入力された値のリストを送信します。しかし、もちろん、申請者に送信されたフォームから PDF が完成するのを目にする顧客もいます。もちろん、Gravity Forms でもそれが可能です。
から利用できる無料のアドオンがありますGravityPDF.comこれにより、Web サイトから送信される電子メール通知に簡単な PDF を添付できます。
私たちの経験では、これを注文の確認やその他の目的で Gravity Forms 経由で使用できることがわかっています。ただし、無料版ではレイアウトのバリエーションがほとんどありません。さまざまなテンプレートやアドオンは、PDF にリンクできる前述の Web サイトから購入できます。
6. エラー報告スタイル Gravity Forms
Gravity Forms を使用して、標準のエラー メッセージを見たことがありますか?そうならないことを願います。これは実際には特に幸せなことではありません。実際、これは単に醜いだけであり、いずれにしても、美しいウェブサイトの装飾ではありません。
これについて何ができるでしょうか?もう何もする必要はありません。私たちはすでにそれを行っています。以下の CSS をテーマのカスタマイザーに貼り付けると完了です。
/* カスタム CSS Gravity フォーム */
.validation_error {
表示:なし。
}
.gform_wrapper .gform_body li.gfield.gfield_error、
.gform_wrapper .gform_body li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
背景 : なし。
境界線 : なし。
マージン: 0;
パディング: 0;
}
.gform_wrapper .gform_body .gfield_error .gfield_label {
色: #000;
}
.gform_wrapper #gform_1 .gform_body li.gfield.gfield_error 入力、
.gform_wrapper #gform_1 .gform_body li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning 入力、
.gform_wrapper .top_label .gfield_error textarea.textarea {
背景: #ffeec !重要;
境界線: 1px 実線 #d70000 !重要;
色: #662424 !重要;
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image] ):not([type=file]), .gform_wrapper li.gfield_error textarea {
背景: #ffeec !重要;
境界線: 1px 実線 #d70000 !重要;
色: #662424 !重要;
}
最初にすべてのキャッシュをクリアすることで、コードを自分でテストできます (これがキャッシュを最適に構成する方法です)その後、何も記入せずにフォームを直接送信してください。
7. Gravity Forms からラベルを非表示にする
デフォルトでは、Gravity Forms フィールドの上にあるテキスト ラベルを無効にしたり非表示にしたりすることはできません。 Web サイトのスタイルによっては、フィールド上のラベルの代わりにプレースホルダーを使用することがよくあります。しかし、どうやってそれらをオフにするのでしょうか?もちろん、それらを行うこともできますCSSで隠す, ただし、フォームごとにIDが異なるため、これはかなりの作業です。その方が簡単なはずです。
そしてはい、テーマの function.php またはプラグイン als Post Snippet for WordPressどこでもこのコードをアクティブ化するために使用します。
以下のコードは、フォームの背面に追加のオプションを追加します。
/* 隠しラベルの重力フォーム */
add_filter( ‘gform_enable_field_label_visibility_settings’, ‘__return_true’ );
次に、フォーム内の任意のフィールドを編集すると、外観タブの下に、「非表示」オプションを持つラベル フィールドを表示するオプションが表示されます。
このオプションを選択すると、ラベルの代わりにプレースホルダーを使用できます。細かいことですが、重要なことだと思います。あなたのウェブサイトと企業アイデンティティに何が適合するかを検討してください。
もちろん、コードを保存することもできますが、すぐにコードが必要になると、どこで見たのか思い出せなくなる可能性があります。少なくとも私はいつもそれを持っています 😉
以下に、プレースホルダーのみを使用したフォームの例を示します。
8. 結論
少なくとも 7 つのヒントを提供できます。私たちのブログからもお分かりいただけると思いますが、私たちは Gravity Forms に非常に熱心に取り組んでいます。
上記のヒントは、実際にはどの Web サイトにも適用できる基本的なヒントです。
さらなるヒントについては、後ほどいくつかのブログで共有する予定です。これらは、WooCommerce Web ショップと Gravity Form のどちらを選択するかについての、より具体的なヒントになります。会計システムや外部システムとの連携もさらに進化。
もう納得しましたか?その後、すぐに Gravity Forms から独自のライセンスを注文してください。
Gravity Forms の使用経験はありますか? それとも使用に自信がありませんか?何に遭遇していますか?あなたの経験に興味があります。コメントで共有しませんか?