独自のカスタム フォーム テンプレートを作成する方法
公開: 2024-03-14WPForms には、使用できる 1,700 を超える既製のフォーム テンプレートが用意されています。 ただし、多くの場合、サイトで使用できるようにテンプレートをカスタマイズする必要があります。
同じカスタマイズを何度も行う必要がある場合は、独自のカスタム フォーム テンプレートを作成することをお勧めします。 パーソナライズされた詳細はすべてすでに含まれているため、新しいフォームを作成する際の時間を節約できます。
幸いなことに、WPForms を使用すると、あらゆるフォームを必要に応じて何度でも再利用できるテンプレートに変換できます。 このチュートリアルでは、その仕組みを説明します。
カスタム フォーム テンプレートを今すぐ作成します
記事上で
- ステップ 1: 既存のフォームから新しいテンプレートを作成する
- ステップ 2: 新しいフォーム テンプレートをカスタマイズする
- ステップ 3: カスタム フォーム テンプレートを使用する
- カスタム フォーム テンプレートに関するよくある質問
独自のカスタム フォーム テンプレートを作成する方法 (3 ステップ)
WPForms を使用すると、フォーム テンプレートを非常に簡単にカスタマイズし、将来使用できるようにフォーム ビルダー内で保存することができます。 開始方法は次のとおりです。
ステップ 1: 既存のフォームから新しいテンプレートを作成する
まず、テンプレートのベースとなるフォームが必要です。 これは、WPForms の多くの既存のフォーム テンプレートの 1 つ、またはすでに作成して保存したフォームにすることができます。
カスタム テンプレートを作成したいさまざまな種類のフォームがたくさんあります。次のとおりです。
- 同意フォームと権利放棄:会社の利用規約をテンプレートに追加します。
- 連絡フォーム:パーソナライズされたテンプレートを使用して、サイト内で使用するさまざまな目的に応じた複数の連絡フォームをすばやく作成します。
- 注文フォーム:商品を注文フォーム テンプレートに追加し、それを使用して複数の注文フォームを作成します。 たとえば、同じ製品に対して標準価格の注文フォームと卸売価格の注文フォームを作成できます。
- 寄付フォーム:組織のブランディングと寄付オプションを含むテンプレートを作成し、それを使用してさまざまな募金イベント用のオンライン フォームを作成します。
- 申請フォーム:標準の申請フォーム テンプレートを作成し、スポンサーとなるさまざまなクラブやその他の組織のリーダーが、特定のグループ用のカスタム フォームを作成できるようにします。
カスタム テンプレートは、フォームを別の言語に翻訳して保存し、サイト全体で再利用したい場合にも最適です。
この例では、Billing/Order Form テンプレートを使用します。
ドラッグ アンド ドロップ フォーム ビルダーで、テンプレートのベースとなるフォームを開きます。 次に、画面上部のメニュー アイコンをクリックして追加のオプションを表示します。 [テンプレートとして保存] を選択します。
フォーム ビルダーが更新され、現在テンプレートを編集中であることを示すオレンジ色のテンプレートバッジが表示されます。
次に、フォームを変更してサイトで再利用できるようになります。
ステップ 2: 新しいフォーム テンプレートをカスタマイズする
WPForms でフォームを編集するのと同じ方法で、新しいテンプレートを設定できます。 用途に適した機能的なテンプレートを作成するために必要な変更の例をいくつか説明します。
まず、テンプレートの名前を変更したいので、 「設定」タブをクリックし、ビルダーの上部にあるフィールドに新しい名前を入力します。
[フィールド]タブに戻り、フォーム フィールドを編集します。 この例は注文フォームなので、まず、請求書/注文フォーム テンプレートの代わりに独自の製品と価格を追加します。
また、注文フォームに製品画像が含まれるように、画像の選択も有効にします。
最後に、ロゴを追加できるように、フォームの上部に Content フィールドを追加します。 カスタム テンプレートは、再利用可能なフォームにブランドを追加する場合に特に便利です。
フォームの編集が完了したので、 [設定]タブをクリックします。 [全般]で、このテンプレートを保存するとサイトのテンプレート ギャラリーに表示されるテンプレートの説明を追加します。
また、電子メール通知と確認メッセージを編集してブランド名を含めます。
作成しているテンプレートにはマーケティングや支払いの統合が含まれていないため、これらをスキップし、 [保存] をクリックしてテンプレートを更新します。
ステップ 3: カスタム フォーム テンプレートを使用する
カスタム WPForms テンプレートを保存すると、ギャラリー内の他のすべてのテンプレートとともにそのテンプレートを見つけることができます。 WPForms » フォーム テンプレートに移動し、マイ テンプレートをクリックしてカスタム テンプレートを表示します。
上の新しい注文フォームのテンプレートをご覧ください。 これを使用するには、 「フォームの作成」をクリックするだけです。
さらに変更を加えたい場合は、テンプレートを編集するためのボタンもここにあります。
テンプレートがフォーム ビルダーに読み込まれると、WPForms テンプレート ギャラリーのテンプレートと同じように注文フォームをカスタマイズして埋め込むことができます。
カスタムフォームテンプレートの削除
作成したカスタム テンプレートがもう必要ないと判断した場合は、 WPForms » フォーム テンプレート » マイ テンプレートに移動し、削除するテンプレートのゴミ箱アイコンをクリックして、サイトから削除できます。
これにより削除されるのはテンプレート自体だけであり、このテンプレートを使用する公開済みのフォームは削除されません。
カスタム フォーム テンプレートに関するよくある質問
WPForms のカスタム フォーム テンプレートについて質問がありますか? ここでは上位の回答をいくつか紹介します。
カスタム フォーム テンプレートを別のサイトで使用できますか?
カスタム フォーム テンプレートは、それを作成したサイトでのみ使用できます。 各サイトの [マイ テンプレート] セクションは独自のものです。
ただし、フォーム テンプレートをエクスポートして別のサイトにアップロードし、そこにテンプレートとして保存することができます。
詳細な手順については、このプロセスに関するドキュメントを参照してください。
次に、電子メール通知をカスタマイズします
ご覧のとおり、WPForms でカスタム フォーム テンプレートを作成するのは非常に簡単です。 数回クリックするだけで開始できます。
カスタム フォーム テンプレートを今すぐ作成します
フォームをカスタマイズするもう 1 つの方法は、電子メール テンプレートを使用して通知のスタイルを設定することです。 WPForms で電子メール通知のスタイルを設定する方法を確認し、ヘッダー画像の追加方法、配色の変更方法などを学びましょう。
Web フォームを上から下までカスタマイズする準備はできていますか? 最も簡単な WordPress フォームビルダープラグインを今すぐ始めましょう。 WPForms Pro には多数の無料テンプレートが含まれており、14 日間の返金保証を提供しています。
この記事がお役に立った場合は、Facebook と Twitter でフォローして、さらに無料の WordPress チュートリアルとガイドをご覧ください。