支払いフォームで数量選択を可能にする

支払いフォームでユーザーが商品の数量を複数選択できるようにしたいですか?WPFormsではいくつかの支払いフィールドで数量のサポートを有効にすることができます。

このチュートリアルでは、WPFormsで支払い数量を有効にする手順を説明します。


始める前に、WPFormsがあなたのWordPressサイトにインストールされ、有効化されていることを確認し、ライセンスを確認してください。

支払いフォームの作成

まず、新規フォームを作成するか、既存のフォームを編集してフォームビルダーにアクセスします。フォームビルダーで、フォームに表示したいフィールドを追加します。この例では、以下のフィールドを追加します:

  • 電子メール
  • 単一項目またはドロップダウン項目
  • クレジットカード
  • 合計

支払いフォームを作成するには、サポートされている支払いゲートウェイのいずれかとサイトを統合する必要があります。詳細については、支払いフォームの作成に関するチュートリアルをご覧ください。

注:数量選択がどのように効果的に実装されるかを見るには、スウェットシャツ注文フォームテンプレートをご覧ください。

フォームの数量を有効にする

:数量を有効にすることは、Single ItemおよびDropdown Itemsフィールドでのみサポートされています。

支払いフォームを作成した後、単品またはドロップダウンアイテムフィールドを選択し、フィールドオプションを開きます。

フィールドを選択してフィールドオプションを開く

General]タブの下にスクロールし、[Enable Quantity]オプションをオンに切り替えます。

製品数量オプションを有効にする

注意:以下のアドオンを使用している場合は、最新バージョンにアップデートしてください:PayPal CommercePayPal StandardSquareSave and ResumeCouponsのいずれかのアドオンを使用している場合は、必ず最新バージョンにアップデートしてください。そうしないと、数量オプションを有効にすることができません。

これを有効にすると、プレビューエリアの支払い欄の隣にドロップダウンが表示されます。このドロップダウンメニューでは、ユーザーが購入したい数量を表す数字を選択することができます。

数量フィールドのドロップダウン

注:ドロップダウン項目フィールドを使用している場合も、同じように表示され、機能します。

数量を有効にする]トグルの下に、[範囲]オプションが表示されます。この設定により、ユーザーが特定の支払い項目で選択できる最小数と最大数を制御できます。

数量範囲

注:設定可能な最小数は0、最大数は9999

支払いフィールドの隣に数量ドロップダウンを配置したい場合は、フィールドサイズを小さくしてください。これを行うには、フィールドを右クリックし、フィールドサイズを選択し、小さいオプションを選択します。

フィールドサイズの更新

注: Form PagesConversational FormsLead Formsアドオンを使用している場合、フォームフィールドのサイズを調整することはできません。

フィールドのサイズを小さくすると、数量のドロップダウンが商品価格の横に並びます。

フィールド 価格の次

フォームのテスト

支払いフォームをカスタマイズしたら、必ず変更を保存してください。また、フォームが正しく表示され、機能することを確認するために、フォームをテストすることをお勧めします。

フロントエンドでフォームをプレビューすると、数量のドロップダウンから数量を選択できるようになります。

数量フィールドの表示

数量ドロップダウンには、設定時に設定した範囲内の数値のみが表示されます。

フォームの合計フィールドで注文の要約を有効にした場合、ユーザーは支払いを完了する前に商品の要約も見ることができます。

サマリーを有効にした支払い合計

注:支払いフォームに注文概要を表示する方法を知りたいですか?詳細については、合計フィールドの使用に関するガイドを参照してください。

お支払いの確認

数量を有効にして支払い項目を表示すると、商品価格が表示され、ユーザーが選択した数量が掛け合わされます。

支払い完了の表示

これにより、売上を適切に管理・追跡することができます。お支払いの確認について詳しくは、お支払いの確認と管理についてのチュートリアルをご覧ください。

以上です!これで、ユーザーが支払いフォームで複数の数量の商品を購入できるようにする方法がわかりました。

次に、WordPress のフォームでユーザーに割引を提供したいですか?Coupons アドオンのチュートリアルでは、すべての手順を詳しく説明しています。

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

簡単、速い、安全。WPFormsを信頼する600万人以上のWebサイトオーナーの仲間入りをしてください。

このフォームを入力するには、ブラウザのJavaScriptを有効にしてください。