- 家
- /
- フォームデザイン
- /
- Gravity Forms ショートコードを Web ページに追加する方法
最終更新日:
Gravity Forms ショートコードの使用方法
- Gravity Forms のドラッグ アンド ドロップ デザイナーを使用してフォームを作成する
- 「埋め込み」ボタンをクリックします
- 「ショートコードをコピー」ボタンをクリックします
- 「ショートコードを追加」ボタンを使用します
- 自分の仕事を確認してください
Gravity Forms は、カスタム フォームを作成して Web サイトに追加できる強力な WordPress プラグインです。これらのフォームを使用して、適格なリードを獲得し、顧客のフィードバックを収集し、視聴者データを収集することで、将来の市場の需要に合わせて製品をより適切に調整できるようになります。
アーメド・チョグル氏、創設者兼編集者WPデクシグナーは、WordPress のツールやアドオンに精通した WordPress の専門家です。 Chougle 氏は、これまでに使用したすべてのツールの中で、「Gravity Forms は利用可能な最高の WordPress フォーム プラグインです。これを使用すると、Web サイト上のページにフォームを作成して追加することが非常に簡単になります。」と述べています。
ただし、Gravity Forms が提供するすべての機能を活用するには、まず、Gravity Forms ショートコードを使用するか、Gravity Forms アドオンを使用してフォームを埋め込むかのどちらの方法を使用して Web サイトにフォームを追加するかを決定する必要があります。以下では、これら 2 つのオプションとその使用方法、および知識のある専門家によるとどちらが最適であるかについて説明します。
Gravity Forms ショートコードの使用方法
Chougle 氏によると、Gravity Forms のショートコードを Web ページに追加するのは非常に簡単です。この方法を使用するには、次の手順に従います。
- Gravity Forms のドラッグ アンド ドロップ デザイナーを使用してフォームを作成します。
- クリック埋め込むGravity Forms ユーザー インターフェイスの上部にある ボタンをクリックすると、Gravity Forms で利用可能なすべての埋め込みオプションのメニューが開きます。
- クリックショートコードをコピーするボタン。これはメニューの一番下にあります。クリップボードでは、ショートコードは次のようになります: [gravityform id=”23″ title=”true”]。
- フォームを追加するサイトのページまたはサイドバーを開き、コピーしたコードを貼り付けます。を使用することもできます。ショートコードを追加お使いの WordPress のバージョンで利用可能な場合は、ボタンをクリックします。
- 自分の仕事を確認してください。ページを更新して Web サイトのフロントエンドに移動すると、ショートコードを配置した場所に作成したフォームが表示されます。
Chougle では、サイトにフォームを追加する場合にこの方法をお勧めします。 「ショートコード オプションは、テーマやページ ビルダーに関係なく、Web サイトのどこにでもフォームを追加できるため、最も優れています」と彼は言います。 「Gravity Forms を使用してフォームを作成して埋め込むのがいかに簡単かということです。」
Gravity Forms アドオンの使用方法
Web サイトにフォームを追加する 2 番目の簡単な方法があります。 Gravity Forms アドオンを使用してフォームを追加するには、次の手順に従います。
- フォームを作成します。 Gravity Forms には、選択できるテンプレートやその他の便利なツールが多数あります。
- Gravity Forms ブロックをブロック エディター ビューに追加します。プラスブロック エディターにサインインし、「Gravity Forms」という名前の入力を開始します。これにより、「埋め込みます。その中で、というオプションをクリックします形状。
- 作成したフォームをクリックします。の形状ドロップダウン メニューには他のフォームのリストが表示され、選択できるようになります。
- 自分の仕事を確認してください。ページを更新し、フォームが表示される Web サイトのフロントエンドに移動します。
上記の方法では、WordPress ブロック エディターのバージョン 5.0 以降を使用します。以前のバージョンのソフトウェアをお持ちの場合は、Gravity Forms の Web サイトを確認してくださいまたは、カスタマー サポートにプロセスの説明を依頼してください。
Gravity Forms の代替品
最終的には、サイトにフォームを埋め込むのに最も簡単な方法を使用してください。 Chougle 氏は次のように付け加えています。「Gravity Forms を使用して素晴らしい経験をしました。フォームの作成は簡単で、インターフェイスは非常にユーザーフレンドリーです。 Gravity Forms の最も優れている点は、多くのサードパーティ ツールと統合し、すべてのフォーム エントリを WordPress ダッシュボード内に表示して、すべてのデータを 1 か所にまとめられることです。」
ただし、フォームの作成と埋め込みを簡単に簡素化できるアプリは Gravity Forms だけではありません。IoTフォームまた、ユーザーは埋め込みコードを簡単にコピーして、任意の Web ページに貼り付けることができます。を使用することもできます。Jotform オンライン フォームWordPress プラグインを使用すると、ウェブサイト上でフォームを数秒で起動して実行できます。
この記事は役に立ちましたか?
難しいことではなく、より賢く生きて働く方法を学びましょう!
トップ記事を毎週あなたの受信箱に直接お届けします。
おすすめの記事
FORM DESIGN 記事へ 2019 年 5 月 1 日
46 フォーム設計のベストプラクティス
によるアイテキン戦車|2019年5月1日
FORM DESIGN 記事へ 2022 年 10 月 17 日
コンバージョンフォームの完了率を高める 5 つの方法
によるIoTフォーム|2022年10月17日
FORM DESIGN 記事へ 2018 年 3 月 20 日
新しいデザインで支払いフォームのコンバージョン率を 2 倍にした方法
によるIoTフォーム|2018年3月20日
FORM DESIGN 記事へ 2020 年 9 月 21 日
Jotform の新しいデフォルトのフォームテーマの紹介
によるクリス・バス|2020年9月21日
FORM DESIGN 記事へ 2021 年 10 月 21 日
Jotform カードを使用してステップバイステップのフォームを作成する理由
によるIoTフォーム|2021年10月21日
FORM DESIGN 記事へ 2022 年 3 月 21 日
フォーム管理とは何ですか?
によるアイテキン戦車|2022年3月21日
FORM DESIGN 記事へ 2014 年 11 月 18 日
受賞歴のあるフォームをデザインする方法
によるアイテキン戦車|2014年11月18日
FORM DESIGN 記事へ 2009 年 3 月 9 日
によるヌーペ編集部|2009 年 3 月 9 日
FORM DESIGN 記事へ 2023 年 2 月 6 日
GoFormz の代替品トップ 3
によるジョン・ボイトノット|2023年2月6日
FORM DESIGN 記事へ 2011 年 10 月 31 日
お問い合わせフォームの 10 のベスト プラクティス
によるIoTフォーム|2011 年 10 月 31 日
FORM DESIGN 記事へ 2014 年 12 月 18 日
最優秀フォームデザイン賞は…
によるアイテキン戦車|2014 年 12 月 18 日
FORM DESIGN 記事へ 2018 年 10 月 31 日
コンバージョンにつながるオンライン フォームを構築する方法
によるエセム・ケスキン|2018年10月31日
FORM DESIGN 記事へ 2021 年 10 月 12 日
プログレスバーのデザインを使用して顧客のリピートを維持する
によるアイテキン戦車|2021年10月12日
FORM DESIGN 記事へ 2023 年 3 月 30 日
Ninja Forms の代替案トップ 4
によるリー・ネイサン|2023年3月30日
FORM DESIGN 記事へ 2022 年 5 月 27 日
フォーム送信のグループ通知を設定する方法
によるリー・ネイサン|2022年5月27日
FORM DESIGN 記事へ 2021 年 9 月 21 日
Formsite に代わる 8 つの選択肢
によるリー・ネイサン|2021年9月21日
FORM DESIGN 記事へ 2020 年 12 月 30 日
フォーム放棄を測定して減らす方法
によるジョン・ボイトノット|2020年12月30日
FORM DESIGN の記事へ (2022 年 5 月 18 日)
チェックボックスとラジオボタン
によるIoTフォーム|2022年5月18日
FORM DESIGN 記事へ 2018 年 12 月 6 日
人々が記入できるようにフォームを作成する方法
によるジム・レイエス|2018年12月06日
FORM DESIGN 記事へ 2021 年 6 月 1 日
Jotform の代替品
によるリー・ネイサン|2021年6月1日
FORM DESIGN 記事へ 2020 年 9 月 17 日
オンラインフォームでのユーザーエンゲージメントを高める方法
によるキンバリー・ヒューストン|2020年9月17日
FORM DESIGN 記事へ 2022 年 4 月 22 日
Forms On Fire の最良の代替品
によるIoTフォーム|2022年4月22日
FORM DESIGN 記事へ 2022 年 6 月 28 日
フォームのメッセンジャーおよび WhatsApp チャット オプションの発表
によるルーク・ストローブ|2022年6月28日
FORM DESIGN 記事へ 2018 年 11 月 13 日
バタフライ効果: 小さな変化がいかに大きな違いを生むか
によるアニル・オゾイ|2018年11月13日
FORM DESIGN 記事へ 2023 年 1 月 31 日
FORM.com に代わる最良の 6 つの選択肢
によるIoTフォーム|2023年1月31日
FORM DESIGN 記事へ 2018 年 11 月 6 日
顧客が実際に記入する支払いフォームを設計する方法
によるジレム・アキシク|2018年11月6日
FORM DESIGN 記事へ 2023 年 12 月 4 日
Jotform と Formsite: どちらがあなたに適していますか?
によるIoTフォーム|2023年12月04日
FORM DESIGN 記事へ 2021 年 3 月 26 日
Jotform の新しいサンキューページのご紹介
によるクリス・バス|2021年3月26日
FORM DESIGN 記事へ 2023 年 5 月 3 日
WPForms のベストな代替案 4 つ
によるリー・ネイサン|2023 年 5 月 3 日
FORM DESIGN 記事へ 2011 年 10 月 26 日
Web フォームの A/B テストの方法
によるアイテキン戦車|2011 年 10 月 26 日
FORM DESIGN 記事へ 2023 年 11 月 14 日
視聴者をターゲットにした 20 の魅力的なフォーム テーマ
によるブラウンを試してみる|2023年11月14日
FORM DESIGN 記事へ 2020 年 5 月 15 日
フォームの必須フィールドとそれらの賢明な使用方法
によるIoTフォーム|2020年5月15日
FORM DESIGN 記事へ 2024 年 1 月 23 日
新しいウェビナー シリーズの発表: フォーム ビルダーの基本
によるモーガン・ザイオンツ|2024 年 1 月 23 日
FORM DESIGN 記事へ 2023 年 3 月 23 日
ポップアップフォームの作り方
によるIoTフォーム|2023 年 3 月 23 日
FORM DESIGN 記事へ 2023 年 11 月 3 日
ウェブサイトで試す 3 つのポップアップ フォームの例
によるIoTフォーム|2023年11月03日
FORM DESIGN 記事へ 2023 年 7 月 17 日
フォームを使用した効果的なランディング ページの 6 つの例
によるIoTフォーム|2023 年 7 月 17 日
FORM DESIGN 記事へ 2022 年 11 月 17 日
Upform に代わる最良の 6 つの選択肢
によるIoTフォーム|2022年11月17日
FORM DESIGN 記事へ 2022 年 12 月 7 日
Digioh の代替品ベスト 6
によるIoTフォーム|2022年12月07日
FORM DESIGN 記事へ 2018 年 3 月 21 日
フォームに有効期限を設定する方法
によるリーエン・ロジャース|2018年3月21日
FORM DESIGN 記事へ 2023 年 8 月 20 日
Gravity Forms を動的に設定する方法
によるIoTフォーム|2023 年 8 月 20 日
FORM DESIGN 記事へ 2018 年 10 月 25 日
成功するためにオンライン フォームを構成する方法
によるエリフ・セレン・ディク|2018年10月25日
FORM DESIGN 記事へ 2024 年 1 月 17 日
オンラインフォームに写真をアップロードする方法
によるジョン・ボイトノット|2024 年 1 月 17 日
FORM DESIGN 記事へ 2022 年 3 月 17 日
Jotform と Formstack
によるリー・ネイサン|2022年3月17日
FORM DESIGN 記事へ 2021 年 11 月 30 日
カルデラフォーム vs ニンジャフォーム
によるリー・ネイサン|2021年11月30日
FORM DESIGN 記事へ 2022 年 4 月 5 日
スナックブレイクウェビナー: 提出物の自動削除
によるモーガン・ザイオンツ|2022年4月5日
FORM DESIGN 記事へ 2015 年 5 月 5 日
Jotform フォーム デザイナーを使用する非デザイナーのためのヒント
によるチャド・リード|2015年5月5日
FORM DESIGN 記事へ 2019 年 8 月 21 日
Wufoo の代替品ベスト 8
によるチャド・リード|2019年8月21日
FORM DESIGN 記事へ 2023 年 11 月 14 日
おやつ休憩ウェビナー: フォームのデザイン方法
によるモーガン・ザイオンツ|2023年11月14日
FORM DESIGN 記事へ 2022 年 6 月 1 日
紙フォームの主要な代替品
によるジョン・ボイトノット|2022年6月1日
FORM DESIGN 記事へ 2023 年 12 月 6 日
6 つのフォーム変換のヒントとベスト プラクティス
によるIoTフォーム|2023年12月06日
FORM DESIGN 記事へ 2023 年 11 月 15 日
25 の優れた「お問い合わせ」ページの例 - 「お問い合わせ」ページの作成方法
によるIoTフォーム|2023年11月15日
FORM DESIGN 記事へ 2022 年 8 月 23 日
フォームのパフォーマンスを向上させる 15 の機能
によるクリス・バス|2022年8月23日
FORM DESIGN 記事へ 2022 年 3 月 30 日
収集されたデータを管理するための 12 の最適な Jotform 統合
によるリー・ネイサン|2022年3月30日
FORM DESIGN 記事へ 2020 年 9 月 18 日
フォームのフィールド検証
によるアイテキン戦車|2020年9月18日
FORM DESIGN 記事へ 2022 年 6 月 20 日
2 つの新しいウィジェットを使用して Loom ビデオをフォームに追加します
によるルーク・ストローブ|2022年6月20日
購読してニュースレターを入手してください!このサイトは reCAPTCHA によって保護されています。
