Webサイト向け計算ツールウィジェット

訪問者がページ上で料金やプロジェクト費用を見積もれるようにします。入力フィールドを作成し、それぞれに料金を設定し、必要に応じて税金や割引を追加するだけで、合計金額がリアルタイムで更新されます。ノーコードのビルダーで、ラベル、色、レイアウト、行動喚起ボタンをカスタマイズできます。

今すぐ無料で作成!
Calculator Widget for your website Hero Background image

計算ツールウィジェットの作成方法

Build your fields

入力項目を作成

数値、スライダー、チェックボックス、ドロップダウンの入力を追加し、基本価格と各オプションの価格を設定すれば、計算ツールが自動で金額を計算します。

Customize the design

デザインをカスタマイズ

タイトル、計算結果の項目名、通貨、オプションの税金と割引、色、角の丸み、幅、そしてオプションのCTAボタンを編集できます。

Embed it on your website

ウェブサイトに埋め込む

リアルタイムで更新される合計金額をプレビューし、生成された埋め込みコードをコピーして、訪問者が価格を知りたいあらゆるページに計算ツールを公開できます。

料金をその場で計算できるインタラクティブな見積もりに

料金計算に必要な入力項目を作成

数値、スライダー、チェックボックス、ドロップダウンの各フィールドとして、最大5つの設定可能な入力を追加できます。各項目には名前と、単位ごとまたは選択肢ごとの料金を設定できます。

Build the inputs your price depends on

訪問者の選択に合わせて合計をリアルタイム表示

基本料金、各項目の料金、必要に応じて設定した割引(パーセンテージまたは固定金額)や税金をもとに、見積もり合計金額がリアルタイムで更新されます。

Show a live total as visitors choose

ブランドに合わせて計算ツールをデザイン

デザインのプリセットを選び、背景、入力欄、計算結果、ボタンの色、角の丸み、通貨記号、適用範囲を限定したカスタムCSSを調整できます。

Match the calculator to your brand

訪問者を次のステップへ導く

必要に応じて行動を促すボタンを追加し、1列または2列のレイアウトを選択できます。パソコンとスマートフォンそれぞれの表示・非表示も設定できます。

Guide visitors to the next step

計算ツールをWordPressに埋め込む方法

1埋め込みコードを取得

Jotformのホームページウィジェットをカスタマイズしたら、「無料で試す」をクリックし、生成された埋め込みコードをコピーします。

2ページエディターを開く

ウィジェットを表示したいWordPressの投稿または固定ページを開き、新しいブロックを追加します。

3カスタムHTMLブロックを追加

カスタムHTMLを選択し、Jotformホームページウィジェットの埋め込みコードをHTMLフィールドに貼り付けます。

4更新して表示

更新または公開をクリックし、ページを開いて埋め込まれたウィジェットを確認します。

Jotform ホームページウィジェットが選ばれる理由

Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声を表示するスライダー、ソーシャルプルーフのポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、実績や信頼性のアピール、見込み顧客の獲得を実現できます。コーディングは不要です。

コーディングなしで埋め込む

シンプルな埋め込みコードで、Jotformウィジェットをウェブサイトに追加できます。ウィジェットをカスタマイズし、見た目をプレビューして、カスタムHTMLや埋め込みブロックに対応したあらゆるページに貼り付けるだけ。開発者は一切不要です。

よりインタラクティブなページを作成

Jotform ホームページウィジェットを使って、見込み顧客の獲得、お客様のフィードバックの表示、ソーシャルプルーフの活用、メディアの埋め込み、便利なウェブページツールの追加ができます。各ウィジェットは、訪問者がウェブサイトから直接あなたのビジネスとやり取りできるようサポートします。

必要なときにサポートを受けられる

ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間年中無休で対応します。必要なときにいつでもサポートを受けられるので、安心してご利用いただけます。

計算ツールのウィジェットの活用シーン

訪問者が問い合わせ前に料金を確認したい場所に計算ツールを設置し、見積もりをきっかけに問い合わせにつなげましょう。

サービスページでは、見込み客がプロジェクトの規模、追加オプション、チームの人数などを選び、費用を見積もれるようにします。

料金ページでは、固定の料金表を、訪問者が実際に選んだ内容に応じて見積もりを計算できるツールに変えます。

商品ページでは、数量・アップグレード・配送オプションによって最終合計金額が変わります。

ランディングページでは、キャンペーンで訪れたユーザーに即時見積りと明確な行動喚起を提示できます。

予約・見積りページでは、訪問者が問い合わせや予約に進む前に、プランの内容や規模を確認できるようにします。

スマートフォン向けWebサイトでは、コンパクトでレスポンシブな計算ツールにより、価格をワンタップで確認できます。

Jotformのフォーム作成ツールで見込み顧客を顧客へと導く

Jotformで訪問者の関心を具体的なアクションにつなげましょう。見込み顧客の獲得、決済の受付、返信の自動化ができる高機能なフォームを、すべて一か所で作成できます。送信された回答はすべてJotformインボックスに届くため、フォローアップやお気に入りのアプリとの連携も簡単です。

無料で今すぐ始める
Convert leads into customers

よくある質問 (FAQ)

  • 計算ツールウィジェットとは何ですか?

    計算ツールは、Webサイトに埋め込めるツールです。訪問者が設定された選択肢を選ぶことで、料金や費用、見積もり金額を計算でき、合計金額がリアルタイムで更新されます。

  • 計算ツールのテンプレートはありますか?

  • どのような入力タイプを追加できますか?

  • 合計はどのように計算されますか?

  • 税金や割引を追加できますか?

  • 通貨を変更できますか?

  • デザインをカスタマイズできますか?

  • CTA(行動喚起)ボタンを追加できますか?

  • モバイルでも使えますか?

  • コーディングは必要ですか?