署名アドオン

署名アドオンはプロ機能です

署名アドオンやその他の強力な機能でビジネスを成長させましょう。

WPForms Proを入手

ユーザーがフォームに署名を追加できるようにしますか?契約書、請願書、その他のフォームに署名が必要な場合でも、署名アドオンを使用すると、このためのフィールドを簡単に追加できます。

このチュートリアルでは、WPFormsの署名アドオンの使用方法を説明します。

要件:


開始する前に、WordPressサイトにWPFormsがインストールされ、有効化されていることを確認してください。

次に、署名アドオンをインストールして有効化できます。WPFormsでアドオンをインストールする方法に関するステップバイステップガイドをご覧ください。

フォームへの署名フィールドの追加

サイトで署名アドオンが有効になったら、新しいフォームを作成するか、既存のフォームを編集します。署名フィールドは、フォームビルダーの左側にある「Fancy Fields」セクションに表示されます。

WPFormsフォームビルダーの署名フィールド

このフィールドをフォームに追加するには、クリックするか、プレビューエリアにドラッグアンドドロップします。

注:迅速に開始するには、事前に構築されたファイルアップロードと署名フォームテンプレートを使用できます。このテンプレートには署名フィールドが含まれており、特定のニーズに合わせて簡単にカスタマイズできます。WPFormsでテンプレートを使用する方法に関するチュートリアルで詳細を確認してください。

署名フィールドのカスタマイズ

プレビューエリアの署名フィールドをクリックすると、フィールドオプションが開きます。ここでラベルと説明を編集できます。

署名フィールドのフィールドオプション

また、フィールドオプションパネルの「高度な設定」タブで、署名フィールドの「インク」の色をカスタマイズすることもできます。このオプションをクリックしてカラーピッカーを開くか、使用したい色のHEXコードを入力します。

署名フィールドのインク色を選択する

フォームに満足したら、ビルダーの右上隅にある「保存」ボタンをクリックします。

フォームを保存する

通知メールとエントリーでの署名の表示

まだの場合は、次のステップはフォームをサイトに埋め込むことです。

フォームが埋め込まれたら、署名フィールドをテストできるようになります。カーソルをドラッグしてフォームに署名するだけです。

署名フィールドの使用

注:公開前にフォームをテストするためのガイダンスが必要ですか?詳細については、公開前チェックリストをご覧ください。

フォームから送信された署名を表示するには、通知メールまたはフォームのエントリーの2つの方法があります。

通知メールでの署名の表示

エントリーデータが通知メールで送信されるか、サイトのデータベースに保存されると、署名は画像として保存されます。

メール通知の「メールメッセージ」で{all_fields}スマートタグを使用すると、署名画像がメール本文に直接埋め込まれます。

電子メール通知に埋め込まれた署名

注意: 電子メール通知で署名を表示するためにスマートタグを使用する他の方法について学びたいですか? WPFormsでのスマートタグの使用に関する完全なガイドを参照してください。

エントリーでの署名の表示

フォームエントリーで署名を表示するには、WPForms » Entries に移動し、関連するフォームのタイトルをクリックします。次に、特定のエントリーの横にある表示をクリックし、署人が表示されるまでスクロールします。

フォームエントリーでユーザーの署名を表示する

よくある質問

これらは、署名アドオンについてよく寄せられる質問です。

署名の画像を.jpgとして保存できますか?

現時点では、署名の画像ファイルは.pngとしてのみ保存できます。このファイルタイプは透明な背景をサポートしているため、エントリーからの署名を他のドキュメントにシームレスに埋め込むことができます。

署名アドオンにはPHPモジュールが必要ですか?

はい。署名は画像ファイルとして保存されるため、サーバーにはGDライブラリ(php-gd)またはImageMagick(php-imagick)のいずれかがインストールされ、有効になっている必要があります。これらのモジュールのいずれかがないと、WPFormsは署名画像を処理できず、フォームが送信されるときにエラーが発生する可能性があります。

サイトにGDまたはImagickが有効になっているかどうかわからない場合は、ウェブホストに連絡して、サイトでphp-gdまたはphp-imagickを有効にするように依頼してください。(参考として、GDのインストールノートImagickのインストールノートを参照してください。)

これで完了です!フォームで署名を受け取ることができるようになりました。

次に、フォームに利用規約のチェックボックスを追加しますか? フォーム送信前にユーザーが同意を示すオプションを簡単に追加する方法については、チュートリアルをご覧ください

最高のWordPressドラッグアンドドロップフォームビルダープラグイン

簡単、高速、安全。WPFormsを信頼する600万人以上のウェブサイト所有者に加わりましょう。