独自のカスタム フォーム テンプレートを作成する方法

公開: 2024-03-14

WPForms には、使用できる 1,700 を超える既製のフォーム テンプレートが用意されています。 ただし、多くの場合、サイトで使用できるようにテンプレートをカスタマイズする必要があります。

同じカスタマイズを何度も行う必要がある場合は、独自のカスタム フォーム テンプレートを作成することをお勧めします。 パーソナライズされた詳細はすべてすでに含まれているため、新しいフォームを作成する際の時間を節約できます。

幸いなことに、WPForms を使用すると、あらゆるフォームを必要に応じて何度でも再利用できるテンプレートに変換できます。 このチュートリアルでは、その仕組みを説明します。

カスタム フォーム テンプレートを今すぐ作成します

記事上で

  • ステップ 1: 既存のフォームから新しいテンプレートを作成する
  • ステップ 2: 新しいフォーム テンプレートをカスタマイズする
  • ステップ 3: カスタム フォーム テンプレートを使用する
  • カスタム フォーム テンプレートに関するよくある質問

独自のカスタム フォーム テンプレートを作成する方法 (3 ステップ)

WPForms を使用すると、フォーム テンプレートを非常に簡単にカスタマイズし、将来使用できるようにフォーム ビルダー内で保存することができます。 開始方法は次のとおりです。

ステップ 1: 既存のフォームから新しいテンプレートを作成する

まず、テンプレートのベースとなるフォームが必要です。 これは、WPForms の多くの既存のフォーム テンプレートの 1 つ、またはすでに作成して保存したフォームにすることができます。

カスタム テンプレートを作成したいさまざまな種類のフォームがたくさんあります。次のとおりです。

  • 同意フォームと権利放棄:会社の利用規約をテンプレートに追加します。
  • 連絡フォーム:パーソナライズされたテンプレートを使用して、サイト内で使用するさまざまな目的に応じた複数の連絡フォームをすばやく作成します。
  • 注文フォーム:商品を注文フォーム テンプレートに追加し、それを使用して複数の注文フォームを作成します。 たとえば、同じ製品に対して標準価格の注文フォームと卸売価格の注文フォームを作成できます。
  • 寄付フォーム:組織のブランディングと寄付オプションを含むテンプレートを作成し、それを使用してさまざまな募金イベント用のオンライン フォームを作成します。
  • 申請フォーム:標準の申請フォーム テンプレートを作成し、スポンサーとなるさまざまなクラブやその他の組織のリーダーが、特定のグループ用のカスタム フォームを作成できるようにします。

カスタム テンプレートは、フォームを別の言語に翻訳して保存し、サイト全体で再利用したい場合にも最適です。

この例では、Billing/Order Form テンプレートを使用します。

Selecting the Billing/Order Form template

ドラッグ アンド ドロップ フォーム ビルダーで、テンプレートのベースとなるフォームを開きます。 次に、画面上部のメニュー アイコンをクリックして追加のオプションを表示します。 [テンプレートとして保存] を選択します。

Saving a form as a template in WPForms

フォーム ビルダーが更新され、現在テンプレートを編集中であることを示すオレンジ色のテンプレートバッジが表示されます。

Editing a custom template in WPForms

次に、フォームを変更してサイトで再利用できるようになります。

ステップ 2: 新しいフォーム テンプレートをカスタマイズする

WPForms でフォームを編集するのと同じ方法で、新しいテンプレートを設定できます。 用途に適した機能的なテンプレートを作成するために必要な変更の例をいくつか説明します。

まず、テンプレートの名前を変更したいので、 「設定」タブをクリックし、ビルダーの上部にあるフィールドに新しい名前を入力します。

Changing the name of a custom form template in WPForms

[フィールド]タブに戻り、フォーム フィールドを編集します。 この例は注文フォームなので、まず、請求書/注文フォーム テンプレートの代わりに独自の製品と価格を追加します。

Editing the options in a Multiple Items field

また、注文フォームに製品画像が含まれるように、画像の選択も有効にします。

Adding image choices to a Multiple Items field

最後に、ロゴを追加できるように、フォームの上部に Content フィールドを追加します。 カスタム テンプレートは、再利用可能なフォームにブランドを追加する場合に特に便利です。

Adding a header logo to a form using a Content field

フォームの編集が完了したので、 [設定]タブをクリックします。 [全般]で、このテンプレートを保存するとサイトのテンプレート ギャラリーに表示されるテンプレートの説明を追加します。

Editing the template description for a custom template

また、電子メール通知と確認メッセージを編集してブランド名を含めます。

Editing a custom template email notification

作成しているテンプレートにはマーケティングや支払いの統合が含まれていないため、これらをスキップし、 [保存] をクリックしてテンプレートを更新します。

Saving a custom form template

ステップ 3: カスタム フォーム テンプレートを使用する

カスタム WPForms テンプレートを保存すると、ギャラリー内の他のすべてのテンプレートとともにそのテンプレートを見つけることができます。 WPForms » フォーム テンプレートに移動し、マイ テンプレートをクリックしてカスタム テンプレートを表示します。

Viewing custom form templates in WPForms

上の新しい注文フォームのテンプレートをご覧ください。 これを使用するには、 「フォームの作成」をクリックするだけです。

Creating a form from a custom template

さらに変更を加えたい場合は、テンプレートを編集するためのボタンもここにあります。

テンプレートがフォーム ビルダーに読み込まれると、WPForms テンプレート ギャラリーのテンプレートと同じように注文フォームをカスタマイズして埋め込むことができます。

Editing a form made from a custom template

カスタムフォームテンプレートの削除

作成したカスタム テンプレートがもう必要ないと判断した場合は、 WPForms » フォーム テンプレート » マイ テンプレートに移動し、削除するテンプレートのゴミ箱アイコンをクリックして、サイトから削除できます。

Deleting a custom template in WPForms

これにより削除されるのはテンプレート自体だけであり、このテンプレートを使用する公開済みのフォームは削除されません。

カスタム フォーム テンプレートに関するよくある質問

WPForms のカスタム フォーム テンプレートについて質問がありますか? ここでは上位の回答をいくつか紹介します。

カスタム フォーム テンプレートを別のサイトで使用できますか?

カスタム フォーム テンプレートは、それを作成したサイトでのみ使用できます。 各サイトの [マイ テンプレート] セクションは独自のものです。

ただし、フォーム テンプレートをエクスポートして別のサイトにアップロードし、そこにテンプレートとして保存することができます。

Exporting a form template

詳細な手順については、このプロセスに関するドキュメントを参照してください。

次に、電子メール通知をカスタマイズします

ご覧のとおり、WPForms でカスタム フォーム テンプレートを作成するのは非常に簡単です。 数回クリックするだけで開始できます。

カスタム フォーム テンプレートを今すぐ作成します

フォームをカスタマイズするもう 1 つの方法は、電子メール テンプレートを使用して通知のスタイルを設定することです。 WPForms で電子メール通知のスタイルを設定する方法を確認し、ヘッダー画像の追加方法、配色の変更方法などを学びましょう。

Web フォームを上から下までカスタマイズする準備はできていますか? 最も簡単な WordPress フォームビルダープラグインを今すぐ始めましょう。 WPForms Pro には多数の無料テンプレートが含まれており、14 日間の返金保証を提供しています。

この記事がお役に立った場合は、Facebook と Twitter でフォローして、さらに無料の WordPress チュートリアルとガイドをご覧ください。