適切に設計されたオンライン注文フォームを使用することで、購入プロセスを簡素化し、購入完了率を高めることができます。この記事では、ユーザーフレンドリーで、安全で、法令遵守した注文フォームを設計する方法について説明します。テンプレート、注文フォームを Web サイトに実装する方法の概要、およびドイツでの関連する法的要件についても紹介します。

この記事の内容

• 効果的なオンライン注文フォームを設計する方法
  
• ドイツでの注文フォーム:テンプレート
  
• ドイツのオンライン注文フォームに適用される法的要件
  
• 注文フォームを Web サイトに実装する方法
  

効果的なオンライン注文フォームを設計する方法

注文フォームは、利用者が商品やサービスを注文する場所に表示されます。インターネットの場合、オンラインストア、配送サービス、さらにはサービスとしてのソフトウェア (SaaS) プロバイダーがこれに該当します。注文フォームの主な目的は、企業が注文を正確かつ抜け漏れなく処理できるように、正しい情報を取得することです。

効果的に設計されたオンライン注文フォームにより、利用者は簡単に注文することができます。また、直前になって購入を断念する可能性を最小限に抑える必要があります。法的に健全な契約を確保するには、適用される法的要件を考慮することも重要です。この記事で提供されているようなテンプレートを使用することをお勧めします。

オンライン注文フォームを最適に設計するのに重要な基準について以下に示します。

使いやすさ

ユーザビリティは最優先事項です。フォームは明確な構成で、理解しやすいものである必要があります。これには、論理的な順序に並べること、そして必須フィールドを明確にすることが含まれます。フォームが長い場合は、複数の段階に分割し、進行状況インジケーターで現在の位置を示すことで、透明性を高め、利用者が注文を完了するよう促すことができます。

オンライン注文フォームは、モバイルデバイスでもデスクトップでも同じように使いやすいことが重要です。読み込み時間が短いことは特に重要視されます。また、入力フィールドやボタンを大きくすることで、タッチスクリーンで注文フォームをより簡単に操作できるようになります。

データエコノミー

注文フォームには、必須フィールドのみを含める必要があります。買い物客に多くの情報を要求すると、購入する気を失わせてしまう可能性があります。追加のフィールドは、必要な場合にのみ表示されるのが理想的です。

デザインとレイアウト

フィールド間に十分な間隔を空けることで、オンライン注文フォームをより分かりやすく魅力的なものにすることができます。プロフェッショナルなテンプレートは、この原則を考慮に入れる必要があります。利用者との信頼関係を築くために、企業のコーポレートブランディングを用いたカスタムデザインを使用できます。ボタンに明確なラベル付けを行うことで、利用者が購入を完了するように誘導できます。

エラーの削減

入力時に利用者情報が正確であることを確認できると便利です。オートコンプリート機能もプロセスを迅速化します。たとえば、利用者が郵便番号を入力すると、対応する市区町村名がすぐに表示されます。次のステップで番地を入力すると、その場所で該当する番地が一覧表示されます。
無効なメール形式などのエラーが発生した場合は、フォームにエラーが発生した箇所を明確に示す必要があります。また、修正方法に関する明確な指示を提示し、影響のないフィールドの内容はそのままにしておく必要があります。利用者にとって、データの再入力はイライラする作業である可能性があります。

セキュリティ

利用者は、注文フォームに個人情報や機密情報を入力します。セキュリティ証明書とプライバシーポリシーを表示することで、フォームの安全性に対する信頼感を示します。

確認

注文プロセスが完了すると、利用者に注文確認が届きます。また、注文の概要をメールで送信して、コミットメントを高めることもできます。

継続的な開発

オンライン注文フォームは継続的に発展させることをお勧めします。A / B テストでは、さまざまなバージョンのフォームを試し、さまざまなレイアウトやテキストをテストして、利用者がどのように反応するかを確認できます。分かりにくさや曖昧さに関する利用者からのフィードバックは、注文フォームを継続的に改善するために使用されます。

ドイツでの注文フォーム:テンプレート

標準化されたテンプレートを使用することで、企業はすべての重要なコンテンツを注文フォームに含めることができます。注文フォームで収集する情報は、対象の商品やサービスによって異なります。注文フォームを作成する際のガイドとして、次のテンプレートをご使用ください。

利用者データ

通常、注文フォームでは初めに利用者情報を収集します。姓と名は一般的に必須のフィールドです。通常、その後の連絡のためにメールアドレスが必要になります。利用者が物理的な商品を注文する場合、通常は配送先住所を指定します。配送会社経由で発送される大型商品の場合、電話番号が配送の詳細事項を調整するのに役立ちます。

商品またはサービス

商品やサービスの選択は、通常、オンラインショップまたは商品詳細ページで行われ、ドロップダウンメニュー、チェックボックス、またはいわゆる「ラジオボタン」で行うことができます。ラジオボタンでは、オプションを 1 つだけ選択できるため、たとえば配送方法を指定する場合などに役立ちます。

商品オプション、価格、在庫状況を明確に示すことで、利用者の意思決定を促すことができます。動的フォームのフィールドは、選択に合わせて調整され、不要な入力は非表示なります。たとえば、利用者がカスタム項目を選択すると、追加のカスタマイズフィールドが表示されます。

注文された商品またはサービスの数量は、プラスボタンとマイナスボタンまたは入力フィールドを使用して定義できます。VAT を含む価格の自動計算により、利用者に合計費用が表示されます。割引またはプロモーションコードは、別のフィールドに入力できます。割引額を示すテキストなど、目に見える情報は、利用者の購買意欲を高めることができます (例: 「この購入で 20 ユーロ割引されます」)。

配達と配送情報

配送先住所と請求先住所が異なる場合は、別々に入力する必要があります。チェックボックスを使用することで、不要な入力を減らすことができます (たとえば、「請求先住所が配送先住所と同じ」オプションを使用するなど)。また、可能であれば、商品の受け取りオプションを提供することも重要です。企業がこのオプションを提供している場合、この部分に希望の配達日を入力する欄も設ける必要があります。さらに、フォームでは、さまざまな配送オプションや、配達時間、配送料、およびエクスプレスオプションに関する情報を指定する必要があります。推奨される配送方法を一目で分かるように強調することで、利用者は迅速な判断を行うことができます。

支払い情報

支払いセクションにさまざまな支払い方法が含まれているのが最良のシナリオと言えます。前払いや後払いが可能な場合は、条件を明確に記載する必要があります。利用可能な割引やクーポンがある場合は、それらを入力するためのフィールドも必要です。Stripe Checkout は、スムーズな支払いプロセスに適しています。事前に設計された支払いフォームを Web サイトに実装したり、利用者を Stripe がホストするページにリダイレクトして、支払いやサブスクリプションを簡単かつ安全に受け付けたりすることができます。

メモ入力フィールド

コメントフィールドを設定すると、利用者は配達に関する特別なリクエストやメモを追加できます。たとえば、食べ物を注文するときは、不耐性やアレルギーについて尋ねることが重要になります。これにより、安全性と顧客満足度が向上し、プロセスが迅速化されます。

注文完了

最終的な注文サマリーにはすべての情報が要約されるため、利用者は購入前に詳細を確認できます。「注文して今すぐ支払う」など、明確な行動が示された色分けされたボタンが、次のステップを知らせます。

利用者が注文を送信すると、注文番号とサマリーが記載された確認ページが表示されます。注文が受理されたことを利用者に知らせるために、自動確認メールを送信する必要があります。可能であれば、リアルタイムの配送追跡情報もメールに含める必要があります。

ドイツのオンライン注文フォームに適用される法的要件

インターネットで注文フォームを作成する際にドイツ企業が留意すべき法的要件があります。これらは主に顧客保護に焦点が当てられています。

この状況において重要な要素の 1 つは、ドイツ民法第 312 条 j 項に規定されているボタン規制です。これは、利用者自身が自覚を持って購入するように、注文フォームの注文ボタンを明確にマークする必要があることを規定しています。「今すぐ購入」や「注文して支払う」など、特定の表現は許容されます。ただし、「注文」や「続ける」といった言葉だけでは不十分です。

ドイツにおける注文フォームに関するその他の法的要件は次のとおりです。

包括的な情報

注文フォームには重要な契約情報をすべて記載する必要があります。利用者は、購入前に、消費税と配送料を含む合計金額、配達時間、商品の特徴を確認できる必要があります。情報が不足していたり不明瞭だったりすると、警告や罰金が科せられる可能性があります。

安全な支払い

支払いには高いセキュリティ基準が適用されます。改正決済サービス指令第 2 版 (PSD2) に従って、強力な顧客認証 (SCA) がオンラインのクレジットカードまたは口座引き落としによる支払いに使用されます。多くの場合、利用者は 2 段階認証による 本人確認を求められます 。

Stripe Checkout を使用すると、企業はこれらの要件に簡単に対応することができます。Checkout は、法律に準拠した支払い処理を可能にします。このプラットフォームは、SCA 準拠の認証を自動的に実装し、複数の支払い方法をサポートします。Checkout では購入ボタンに法律に準拠した文言が使用されるため、摘発リスクを回避できます。企業は、グローバルな決済インフラと技術的なオーバーヘッドの削減というメリットを享受できます。システムは、規制の変更を反映して自動的に更新されます。

法律上の注意事項

法的通知は目立つように表示する必要があります。これは、一般データ保護規則 (GDPR) に基づく一般利用規約およびプライバシーポリシーに適用されます。通知には、利用者がポリシーを読んだことを確認するためのチェックボックスを含めることもできます。

または、契約締結前に、利用者が見やすい場所に、または注文フォームに直接はっきりと判読できる方法で、一般利用規約を提示することもできます。「はっきりと判読できる」とは、フォントが十分に大きく、背景からよく際立っていることを意味します。

最後に、企業はオンライン注文フォームで撤回権について知らせる必要があります。商品の返品方法に関する情報を追加することで、利用者に安心感をもたらすことができます。

アクセシビリティ

2025 年 6 月からアクセシビリティ強化法 (BFSG) が施行されます。企業は、障害を持つ人々がデジタルおよび物理的な商品やサービスにアクセスできるようにする必要があります。この法律は、Web サイト、アプリ、現金自動預け払い機 (ATM)、電子書籍などに適用されます。その目的は、障害を持つ人々の平等な権利を制定することであり、違反すると警告や罰金が科せられる可能性があります。

注文フォームを Web サイトに実装する方法

注文フォームは、ハイパーテキストマークアップ言語 (HTML)、JavaScript、または専用のプラグインを使用して Web サイトに実装できます。企業オーナーは、注文フォームを手動で作成するか、決済サービスとして Stripe を使用することでプロセスを簡素化することができます。

手動で作成するには、フォーム要素に HTML、入力されたデータを処理するためにハイパーテキストプリプロセッサ (PHP) または JavaScript が必要になります。利用者は、テキストフィールド、ドロップダウンリスト、またはラジオボタンに注文情報を入力します。システムは情報をサーバーに送信し、サーバーはそれを保存および処理します。確認ページは、注文が正常に行われたことを利用者に通知します。

Stripe Checkout では、既製のカスタマイズ可能なソリューションが提供されており、実装を簡素化することができます。開発者は、アプリケーションプログラミングインターフェイス (API) または JavaScript 要素を使用して Stripe を Web サイトに実装します。利用者は商品を選択し、データを入力し、安全な Stripe インターフェイスを介して直接支払います。支払いはシステムにより自動的に処理され、リアルタイムで企業に通知されます。

Shopware や Shopify などのショップシステムは、スタンドアロンの e コマースプラットフォームとして使用されるプロフェッショナルソリューションです。小規模なプロジェクトや短期間での成果を求める場合には、WooCommerce などのショップシステムも適しており、プラグインとしてコンテンツ管理システムに実装できます。これらのツールはすべて既製の注文フォームを提供しており、ショップのインターフェイスに簡単に実装できます。しかしながら、決済プロバイダーとして Stripe を使用すれば、取引処理のセキュリティが確保されます。

レスポンシブデザインにより、Stripe の注文フォームはすべてのデバイスで機能します。最新のソリューションは、注文プロセスを迅速化し、支払いプロセスを可能な限りシンプルにするために、モバイルの決済方法をサポートしています。また、利用者はわずか数ステップで購入を完了できるため、購入完了率が最適化されるというメリットもあります。