WPFormsで合計金額の計算を変更する方法

WPFormsで合計金額計算を変更する方法

WPFormsの計算を使用して、ユーザーの商品選択に基づいて注文の合計金額を反映させたいですか?

オンラインストアを運営する際、顧客がさまざまな商品を選択し、注文の合計金額を即座に確認できるようにしたい場合があります。

この記事では、WPFormsで商品の計算価格を変更する商品オプションを追加する方法を紹介します。

今すぐWPFormsで合計価格を計算する!:)w

WPFormsで合計金額計算を変更する方法

WPFormsで合計金額を計算するのはとても簡単です。以下の簡単なステップを踏むだけです:

ステップ1: WPFormsのインストールと有効化

WPFormsはシンプルなコンタクトフォームや ニュースレター登録フォームなど、あらゆるフォームを作成できる最高のフォーム作成プラグインです。また、カスタマイズ可能な合計フィールドで注文フォームを作成するために使用できる2,000以上のフォームテンプレートを提供しています。

このガイドではCalculations Addonを使用するので、WPForms Proに加入する必要があります。Proはプレミアム統合、アドオン、条件付きロジック、フォームレポートなどの便利な機能へのアクセスも提供します。

WPFormsの価格ページ。

Proライセンスを購入したら、WPFormsプラグインをサイトにインストールし、有効化します。始めるには、WordPressプラグインのインストール方法をお読みください。

今すぐWPForms Proにアップグレードしましょう

ステップ 2: 計算アドオンを入手する

Calculationsアドオンのインストールはとても簡単です。WordPressのダッシュボードからWPForms"Addonsに移動します。

WPFormsアドオン画面

Seach Addonsフィールドで、Calculationsと入力します。次に、Install Addonをクリックし、Activateボタンをクリックします。

計算アドオンを有効にする

お見事です!次に、WPFormsとStripeを接続し、注文フォームを作成したときに支払いを受け取ることができるようにします。

ステップ 3: 注文フォームのテンプレートを選択する

いよいよ注文フォームを作成します。WordPressのダッシュボードからWPFormsを選択し、新規追加ボタンをクリックします。

新しいフォームを追加する

次の画面に移ります。ここでフォームの名前をつけ、テンプレートを選択します。

WPFormsには注文/請求フォームを含む2,000以上のWordPressフォームテンプレートが用意されています。検索ボックスで検索し、テンプレートを使用ボタンをクリックしてください。

請求フォームの選択

次に、異なる商品オプションフィールドを含むようにテンプレートを編集し、合計価格フィールドを修正するための計算を含めます。

ステップ4:フォームのカスタマイズと商品オプションの追加

デフォルトでは、請求/注文フォームテンプレートは、名前複数の項目フィールド、注文のWordPress価格計算機として動作する合計フィールドを持っています。

この例では、デフォルトのMultiple Itemsフィールドをカスタマイズし、シャツの種類を追加しました。

複数の商品を注文する

複数項目フィールドをクリックすると、ここで行ったようにオプションを変更することができます。ここでは本当に便利なオプションをいくつか紹介します:

  • ラベルこのフィールドを使用して、その下のオプションの内容を指定します。
  • 項目: 複数の選択肢とその価格です。
  • 商品ラベルの後に価格を表示する: 各商品の個別価格を表示したい場合は、このオプションをチェックしてください。

これで、ユーザーがこのフォームからシャツの種類を選択すると、選択されたアイテムの価格に応じて合計金額フィールドの計算が自動的に変更されます。

総額

また、ユーザーが複数の商品オプションを同時に選択できるようにすることもできます。

例えば、ユーザーがTシャツとスウェットを注文したい場合、同じフォームを使って両方の商品を注文させることができます。

この場合、「支払いフィールド」メニューの「チェックボックス項目」フィールドを使用し、商品オプションを追加することができます。

製品フィールドを選択

これにより、ユーザーが複数の商品を選択した場合、合計金額フィールドには選択した商品の累計金額が自動的に表示されるようになりました。

複数商品の合計金額

これは、あなたの顧客が異なる商品を購入し、同じフォームから注文の合計金額を取得できるようにする本当に便利な方法です。

ステップ5:高度な合計のために計算を使用する

WPFormsのカスタマイズオプションを使えば、合計金額の計算を変更することができ、さらに面白くなります。

例えば、数量フィールドを挿入したり、標準的な税額控除を追加することができます。以下に両方の方法を説明します:

数量フィールドの追加

フォームに数量フィールドを作成するには、ドロップダウンフィールドを右側のフォームプレビューにドラッグ&ドロップします。

WPFormsのセレクトドロップダウンフィールド

次に、フィールド・オプションを開き、ラベルを「数量」に変更し、選択肢に利用可能な数量を挿入し、フィールドを「必須」にマークする。

ドロップダウンによる数量フィールドの追加

その後、Single Itemフィールドを選択し、ドラッグ・アンド・ドロップまたは単にクリックしてフォームに追加します。

単品支払いフィールドをドラッグする

次に、Single ItemフィールドのLabelを"Total Price "などに変更し、Advancedタブに移動してEnable Calculationsをオンに切り替えます。

計算オプションを有効にする

数式ボックスが開いたら、簡単な乗算式でMultiple ItemsフィールドとquantityDropdown フィールドを結びつけることができます。

$FX * $FX_amount

  • FXドルID #X (#1) を持つフィールドの値。
  • FX_amount:ID #X を持つ支払いフィールドの金額。

Multiple Itemsand 」フィールドを開き、「Field Options」の「General」タブのすぐ下にある「Field ID」をメモする。

複数項目フィールドID

その後、"数量 "とラベル付けしたドロップダウン・フィールドも同じようにします。これは次のステップで重要です。

ドロップダウンフィールドID

ここで、IDを組み合わせて、単純な(商品価格×数量)式に追加します。 $FX * $FX_amount となる。 $F9 * $F14_amount

あとは $F9 * $F14_amount  のFormulaボックスで計算する。 単品 「合計価格」フィールドをクリックし 式の検証.

Validate Formula オプション

これで、ユーザーが商品を選択し、数量を追加するたびに、自動的に合計価格が計算されます。

商品の数量と合計価格

標準控除の追加

方程式に税金を加えたい場合は、通常、小計(商品価格に数量を掛けたもの)に基づいて計算します。

前の見出しでお分かりのように、今回のユースケースの小計(商品価格×数量)の計算式は次のようになる:

$F9 * $F14_amount

仮に税金が小計の10%だとしよう。したがって、標準的な税金を加算する計算式は次のようになる:

0.10 * ($F9 * $F14_amount)

税込みの総計を出すには、小計と税金を合計する:

($F9 * $F14_amount) + (0.10 * ($F9 * $F14_amount))

最終的な合計を表示する場所ならどこにでも追加できます。例えば、"Total Price + Tax "と名付けたSingle Itemフィールドにこの数式を適用します。

数量と税金の計算式

プロのアドバイス

計算式を追加するときは、計算を正確に行うために正しいフィールドIDを挿入する必要があることを忘れないでください。

ステップ 6: オーダーフォームの公開

WPFormsの最も優れた点の1つは、1行のコードにも触れることなく、フォームを新しいページに直接埋め込むことができることです。

注文フォームをカスタマイズして、さまざまな商品オプションや自動金額計算を含めたら、保存ボタンを押してください。

WPFormsの保存

次に、保存の隣にある埋め込みボタンをクリックします。既存のページにフォームを埋め込むか、新しいページを作成するかのダイアログボックスが表示されます。

新しいページに埋め込む

その後、あなたのページに名前を付けるよう促されます。終わったら、Let's Goをクリックしてください。

シャツ注文フォームを埋め込む

これでWPFormsはあなたのフォームを新しいページに埋め込んだ状態でWordPressエディタに移動します。

WPFormsの計算を使用して注文フォームをライブにするために公開をクリックします。あなたのフォームは新しいページに埋め込まれ、フロントエンドで使用する準備が整いました!

注文書の発行

注文フォームのカスタマイズ、通知、確認などの詳細については、注文フォームの作成方法についてのチュートリアルをご覧ください。

WPFormsのCalculationsに関するその他の質問

計算フォームは、読者の間で人気のあるトピックです。ここでは、よくある質問に対する簡単な答えをいくつかご紹介します:

WordPressは計算ができますか?

フォームがユーザーの選択に基づいて自動的に合計金額を計算できたら、とても便利だと思いませんか?

WordPress自体はフォームの計算を行うことはできませんが、WPForms Proのようなプラグインを使用することができます。商品の販売方法をカスタマイズして、eコマースストアを最適化することができます。

例えば、プリントTシャツを販売しているとして、ユーザーが異なる種類のシャツを選択できるようにしたいとします。

合計金額フィールドとともに、複数項目またはチェックボックス項目を持つ支払いフィールドを使用することで、簡単にそれを行うことができます。

WordPressで計算するには?

WordPressでは、計算を実行する最も簡単な方法は、プラグインを使用することです。

代表的なフォームプラグインであるWPFormsは、フォーム内で直接計算ができるCalculations Addonを提供しています。

フォームをデザインし、計算を設定すればOK!

計算フィールドはどのように使うのですか?

WPFormsとそのCalculations Addonを使えば、計算フィールドを使うのは簡単です。

フォームを作成した後、計算で使用するフィールドを選択し、必要な数式を追加すれば、あとはWPFormsが自動的に処理します。

例えば、2つの日付間の日数を計算する電卓を作成することができます

WordPressで数式を追加するには?

WordPressに数式を追加するには、WPFormsが最適です。計算アドオンを使えば、必要な数式を簡単に入力することができます。

カスタムオンライン電卓やその他の計算ベースの機能を作成する場合でも、WPFormsはあなたをサポートします。

計算フィールド・フォームをエクスポートするには?

WPForms内では、計算を含むすべてのフィールドを簡単にエクスポートできます。

WPForms " Toolsから Exportタブをクリックしてください。そこからフォームを選択し、エントリーのエクスポートメニュー内のフィールドにチェックを入れます。

WordPressでコスト計算機を作成するには?

WordPressでコスト計算機を作成するのはWPFormsを使えばとても簡単です。

計算アドオンを使用すると、コスト計算フォームを設計し、必要な計算を設定し、入力に基づいて動的に生成されたコストをユーザーに提示することができます。

フォームをリードジェネレーションのソースとして使用したくない場合は、スタンドアロンの電卓のように動作するようにカスタマイズすることができます。 

コスト計算のためにボタンをクリックする必要がないように、送信ボタンを簡単に削除することができます。

次に、デジタル製品販売の改善

この記事をお読みになった方は、自分のサイトでデジタル製品を販売して副収入を得る方法もお読みになりたいかもしれない。

また、リピーターフィールドを持つフォームを作成するためのガイドも作成しました。データ収集を効率化するためのヒントをご覧ください。

WordPressフォームを今すぐ作成

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

この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。WPFormsがどのように資金を調達しているのか、なぜそれが重要なのか、そしてどのように私たちをサポートできるのかをご覧ください。

ハムザ・シャヒード

ハムザはWPFormsチームのライターで、デジタルマーケティング、サイバーセキュリティ、WordPressプラグイン、ERPシステムに関連するトピックも専門としています。もっと知る

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

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

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

2 comments on "WPFormsで合計金額の計算を変更する方法"

  1. 割引率を計算する数式を追加して、これを支払総額とし、残金の行を残すにはどうすればよいでしょうか。残金は後払いです。

    1. こんにちは、クリス!

      割引と分割払いを計算するフォームを設定するには、まず、合計金額を計算する標準注文フォームを作成します。次に、2つの単品フィールドを追加します。1つは割引計算用、もう1つは残金用です。

      20%割引の場合、計算式は次のようになる:

      • 割引額 $F1 * 0.20 (ここで $F1 は合計金額フィールドのID)
      • 残金: $F1 - $F2 (ここで $F2 は割引額フィールドのID)

      詳しくは、計算式の作成ガイドをご覧ください。また、弊社の計算テンプレートを使ってすぐに始めることもできます。

      お役に立てれば幸いだ!

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。

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