WordPressでサービス契約を作成する

WordPressでデジタル契約を作成する方法(署名付き)

署名済みの契約書でオンラインで取引を完了できる機能は、多くのビジネスにとって素晴らしい利便性です。

問題は、DocuSignのようなほとんどのデジタル署名サービスやソリューションは、フリーランサーや中小企業にとっては費用が高すぎることが多いということです。

しかし、WordPressユーザーであれば幸運です。署名フィールド付きのデジタル契約書を作成するための、手頃で初心者向けのソリューションがあります。

この記事では、WordPressで完全にカスタマイズされたオンライン契約書を自分で作成できるように、手順をステップバイステップで説明します。

WordPressフォームを今すぐ作成

WordPressでオンライン契約書を作成する方法

WordPressでオンライン契約書として機能するウェブフォームを作成する方法を正確に説明します。

書き込みチュートリアルをご希望の場合は、以下をお読みください。

ステップ1:WPFormsのインストール

まず最初に、ウェブサイトにWPFormsがインストールされている必要があります。デジタル契約書を作成する必要があるため、WPForms Proで利用可能な署名アドオンにアクセスできることが不可欠です。

WPFormsの価格ページです。

WPForms Proライセンスを購入したら、ここからサイトにプラグインをインストールする方法を学ぶことができます。

WPFormsは、WordPress向けの最高のDocuSign代替品です。次のステップで示すように、デジタル署名を受け付けたり、ユーザーがフォームに署名したりすることが非常に簡単になります。

こちらも読む電子署名と手書き署名:違いは何ですか?

ステップ2:WPForms署名アドオンを取得する

デジタル契約書フォームの作成を開始する前に、まず署名アドオンをインストールする必要があります。

WordPress管理画面を開き、左側のメニューバーにあるWPFormsにカーソルを合わせます。次に、展開されたメニューのアドオンをクリックします。

アドオンの追加 - WPForms

WPFormsのアドオンライブラリに移動します。このページで署名アドオンをすぐに検索するには、下にスクロールするか、検索ボックスを使用してください。

見つけたら、下にあるアドオンのインストールボタンをクリックします。

署名アドオンをインストールする

アドオンは数秒でインストールが完了します。ステータスがアクティブと表示されていることを確認することで、インストールの成功を確認できます。

署名アドオンが有効化されました

さて、それは簡単でした!

次のステップに進み、デジタル署名を取得するためのフィールドを備えたオンライン契約書フォームの構築を開始しましょう。

ステップ3:契約書フォームを作成する

WordPressダッシュボードから、WPForms »新規追加に移動します。

新規フォームを追加

すぐに、WPFormsフォームビルダーが全画面で読み込まれます。まず、フォームに名前を付け、テンプレートを選択しましょう。特定のフォームテンプレートを探している場合は、テンプレートエリアの左上にある検索ボックスを使用できます。

このチュートリアルでは、デジタル契約書に必要なほとんどのフィールドが含まれているため、一般契約書フォームテンプレートを選択します。

フォームに名前を付ける

テンプレートを選択するとすぐに、フォームビルダーで読み込みが開始されます。名前、メール、住所、電話番号、署名など、重要なフィールドがすべて含まれていることがわかります。

契約フォームが読み込まれました

この特定のテンプレートには署名フィールド(各当事者ごとに1つ)がプリロードされていますが、必要に応じて自由に追加できます。左側のペインから必要なフィールドを右側にドラッグアンドドロップするだけです。

署名フィールド

また、テンプレートを変更したい場合は、カスタマイズすることも推奨します。

たとえば、署名のインクの色を編集してみてください。これを行うには、インクの色を変更したい署名フィールドを単純にクリックします。これにより、左側のペインにフィールドオプションが開きます。

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

次に、左側の「高度な設定」タブをクリックし、その下にあるインクの色オプションを探します。それをクリックするとカラーピッカーが開きます。これにより、クリックして任意のカラーを選択できます。

署名のインク色

複数の署名フィールドで同じカラーを使用したい場合は、インクカラーボックスに表示されるコード(例:#2248b5)をコピーして、他のフィールドのインクカラーボックスに貼り付けるだけです。

これにより、すべての署名フィールドでカラーが完全に一致します。

フォームのカスタマイズが完了したら、右上にある「保存」ボタンを押してください。

ステップ4:デジタル契約書フォームを公開する

これで、フォームを発行して、都合の良いときにデジタル署名の収集を開始できます。

フォームをページに埋め込む最も簡単な方法は、WPFormsの埋め込みウィザードを使用することです。フォームビルダーの上部にある「保存」の隣にある「埋め込み」ボタンを押すことで開始できます。

埋め込みボタンでフォームを埋め込む

既存のページにフォームを埋め込むか、新しいページに埋め込むか尋ねるモーダルポップアップが表示されます。このチュートリアルでは、「新しいページを作成」をクリックして新しいページにフォームを埋め込みます。

新規ページを作成

それが完了したら、ページの名前を入力するように求める別のポップアップが表示されます。任意の名前を入力し、「開始」を押してください。

ページに埋め込む

この時点で、WordPressのブロックエディター内にいて、フォームがすでに埋め込まれています。必要に応じて、通常のブロックを使用してこのページに追加コンテンツを追加できます。

デジタルフォームを公開する準備ができたら、右上にある「公開」ボタンを押してください。

フォームを公開する

そして、最も重要な部分です。

フォームが公開されたら、それを確認してください。また、フォームに記入してデジタル署名することで、期待どおりに完全に機能していることを確認できます。

デジタル契約に署名しました

これで完了です!デジタル契約を作成し、署名を電子的に収集して、記録を簡単に管理できるようになりました。

WordPressでデジタル契約書を作成することに関するFAQ

オンライン契約の作成についてさらに質問がありますか?以下のよくある質問が、このトピックについてさらに詳しく知るのに役立つかもしれません。

WordPressで署名付きオンライン契約を作成する理由

WordPressサイトで署名付きオンライン契約を作成することは、あなたとクライアントの両方にとって、まさにWin-Winの状況です。

あなたのウェブサイトでのオンライン契約:

  • クライアントが契約に署名しやすくします。 WPFormsを使用すると、クライアントやフリーランサーがマウスやタッチスクリーンを使用してドキュメントやオンライン契約に署名できます。
  • 記録管理が容易になります。 WordPressでオンライン契約の署名を行う場合、メールの添付ファイルを送受信する必要はありません。
  • より迅速な契約締結を可能にします。 短期間でより多くの契約を締結できるため、署名済みのオンライン契約フォームは、より迅速な事業成長につながる可能性があります。

WPFormsは、これを簡単にするのに最適なWordPressオンライン契約プラグインです。

デジタル契約に含めるべきものは何ですか?

サービス契約またはオンライン契約を作成する際、多くの小規模事業者は弁護士に依頼することを避けます。簡単なGoogle検索をして自分で作成すれば、弁護士費用を節約できるのは事実です。

しかし、オンライン契約を作成することは、非常に重要なビジネス上の決定です。弁護士に依頼すれば、契約が正しく作成されていることを確認でき、後々の法的な問題を回避できます。

一般的なオンライン契約には、通常次のものが含まれます:

  • サービスおよび支払い条件を指定する
  • クライアントの詳細(住所、電話番号を含む)を尋ねる
  • クライアントの署名を取得する

これにより、作業開始前に署名が必要な場合のワークフローが軽減されます。

ビジネス向けのサービス契約またはオンライン契約がどのようなものになるかのアイデアを得るために、Googleでサンプル契約書を検索して確認できます。ほとんどの事業主は、サンプルを自分のニーズに合わせて調整できるはずです。

契約フォーム自体で支払いを受け取ることはできますか?

はい、契約フォーム内で支払いを受け取ることができます。WPFormsには、Stripe、Squareなどの決済代行サービスとの連携機能が備わっています。署名済みのデジタルフォームで、クレジットカード、Google Pay、Apple Pay、またはPayPal経由で即座に支払いを受け取るために、支払いフィールドを簡単に追加できます。

次に、オンライン契約の締結日を設定する

見積もりが特定の日に失効する場合、フォームが自動的にクローズするように設定できます。フォームの有効期限を追加する方法については、こちらのガイドをご覧ください。

WPFormsでさらに時間を節約したいですか?求人応募フォームを作成することで、最適な候補者を選択するために必要なすべての情報を迅速に収集できます。

WordPressフォームを今すぐ作成

フォームの作成準備はできましたか?最も簡単なWordPressフォームビルダープラグインで今日から始めましょう。WPForms Proには多くの無料テンプレートが含まれており、14日間の返金保証が付いています。

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

開示:当社のコンテンツは読者によってサポートされています。これは、一部のリンクをクリックすると、手数料が発生する可能性があることを意味します。WPFormsがどのように資金調達されているか、なぜそれが重要なのか、そしてどのように私たちをサポートできるかをご覧ください

ケイシー・クーパー

ケイシーはWPFormsのブログを担当し、週刊ニュースレターを監督しています。また、楽しいフォームテンプレートを作成することにも情熱を注いでいます。2016年からWordPressでブログを書き、それについて執筆しています。 詳細はこちら

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

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

WordPressでデジタル契約を作成する方法【署名付き】」に関する20件のコメント

    1. ミシェル様 – このようなご質問については、専門的な法的アドバイスを求めることをお勧めします。お役に立てず申し訳ありません!

  1. 顧客がチェックアウトページに移動する前に、これを取得する方法はありますか?購入前に免責事項に署名する必要がある場合などです。

    1. マギー様!

      WordPressでそのページを作成し、チュートリアルで説明されているように署名をそこに追加できますが、その後、チェックアウトページの前に表示するために、そのページをeコマースシステムで使用する方法を見つける必要があります。その後、フォーム送信後にチェックアウトページにリダイレクトする必要があります。WPFormsにはこれを達成するための組み込みオプションがないため、カスタムコードで行う必要があります。

      代わりに、eコマースサービスサポートチームに連絡して、解決策を尋ねることができます。彼らは、既製の解決策があるかどうか、またはWPFormsフォームをシステムに実装するのを手伝ってくれるかどうかを最もよく知っているでしょう。

      ありがとうございます。良い一日を 🙂

      1. WooCommerceを使用している場合、チェックアウトフォームに同意書を追加できます。WooCommerce > 設定 > 詳細設定で、利用規約フィールドを見つけることができます。これにより、同意書ページを選択できます!

    1. こんにちはダニエル様 – 現在、通知を自動的にPDFに変換して添付ファイルとして送信する機能はありません。将来のために、レーダーに乗せておきます。

      ご不便をおかけして申し訳ありません!

  2. オンライン契約フォームを送信すると、名前、署名、日付のみがメールで送信されます。ドキュメントとしてすべてのテキストを含む完全な契約書を送信する必要があります。テキストを含むフォーム全体を保存できますか?HTMLフィールドにテキストを入力しても、通知メールではHTMLフィールドのデータは渡されません。保存されて通知メールで渡されるフリーフォームテキストフィールドはありますか?

    1. こんにちはアンソニー様 – 現在、通知メールでHTMLフィールドを渡す組み込みの方法はありません。ただし、ご希望であれば、カスタムコードでこれを実現できます。カスタムコードの追加方法に関するチュートリアルもこちらにあります。

      これについてさらにサポートが必要な場合は、サポートチームにご連絡ください。

      お役に立てれば幸いです 🙂

    2. 私も署名付きの完全な契約書をPDFで表示する必要がありました。署名だけではプラグインの無駄です。解決策は次のとおりです。
      1. 契約書を通常のテキストとしてページに記述しました。
      2. 署名情報を含むWPフォームを埋め込みました。
      3. テキスト契約書をコピーして、WPフォーム->通知->メッセージに貼り付けました->その後、テキストの後に{all_fields}を配置しました。これで、契約書全体と署名情報を含むメールが届き、メールからPDFとして印刷できます。

      1. こんにちはスティーブ様 – はい、それはすべてのテキストと署名をメールに含めるための素晴らしい回避策だと思います。共有していただきありがとうございます。他のユーザーにも役立つはずです。

        では、良い一日を 🙂

  3. あなたと署名する他の2者だけがアクセスできるように、契約書を安全に保つことは可能ですか?

    1. こんにちはヘザー様!この記事で設定されている契約フォームは、サイトのデータベースにのみ保存され、そのサイトへのアクセスを許可したユーザーのみがアクセスできます。

      フォームに入力して署名した人にコピーを提供するために、通知機能を使用することで、「アクセス」を提供できます。この機能は、メールの形式で提供します。

      これで明確になったことを願っています 🙂 これについてさらに質問がある場合は、アクティブなサブスクリプションがある場合はお問い合わせください。そうでない場合は、サポートフォーラムに質問を投稿してください。

    1. こんにちは、Hanamichyさん。メール本文に<img src={field_id="3"}>のようなHTMLを使用することで、通知メールに画像を送信できます。この場合、{field_id="3"}は署名フィールドのID番号に置き換える必要があります。

      署名画像を取得するために、代わりにfield_html_idスマートタグを利用することもできます。

      これで明確になったことを願っています 🙂 これについてさらに質問がある場合は、アクティブなサブスクリプションがある場合はお問い合わせください。そうでない場合は、サポートフォーラムに質問を投稿してください。

    1. Moazさん、こんにちは!契約およびデジタル署名に関する法規は場所によって異なりますので、その情報を提供することはできません。必要に応じて、必要な管轄区域に関して専門的な法的アドバイスを求めることを強くお勧めします。

      直接お答えできず申し訳ありませんが、お役に立てば幸いです!

      これについてさらに質問がある場合は、アクティブなサブスクリプションをお持ちの場合はお問い合わせください。お持ちでない場合は、サポートフォーラムに質問を投稿してください。

  4. 署名付きの契約フォームをWooCommerceのチェックアウトページに追加できますか?
    例を挙げます。カートに商品が追加されています。チェックアウトに行きます。そこに、契約テキストと署名エリアが表示されるテキストエリアを表示したいです。注文を送信した後、契約はPDFでレンダリングされ、クライアントと管理者に送信されます。

  5. 理論的にはこれは素晴らしいアドオンですが、上記で多くの人が言及しているように、通知メールに契約内容を含めることができないため、かなり無意味です。フォームを何時間もかけて作成したのに、契約の利用規約を通知メールに簡単に含めることができないことがわかりました🙁 上記のコードスニペットの回避策はコンテンツフィールドを表示しますが、残念ながらすべてのフィールドの上に「Content」という単語が表示され、あまりプロフェッショナルに見えません。なぜ通知メールにコンテンツフィールドのスマートタグを含めることができないのか理解できません。何か見落としていますか?

    1. Melanieさん、こんにちは。現在議論中の機能リクエストがオープンしていますが、この特定の問題に対する組み込みソリューションがないことをお詫びします。

      WPFormsライセンスをお持ちのようですので、サポートチームの信頼できるアドバイザーにサポートチケットを送信することで連絡できます。将来のリリースに含まれるかどうかを教えてくれます。

      ありがとうございます!

コメントを追加

コメントを残していただきありがとうございます。コメントはすべて、当社のプライバシーポリシーに従ってモデレーションされます。また、すべてのリンクはnofollowとなります。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。

このフォームはCloudflare Turnstileによって保護されており、Cloudflareのプライバシーポリシーおよび利用規約が適用されます。