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

訪問者がページ上で価格、プロジェクト費用、見積りをそのまま試算できるようにしましょう。入力フィールドを作成し、それぞれに価格を設定し、オプションの税金と割引を追加すれば、ウィジェットが合計を即座に更新します。ノーコードのビルダーで、ラベル、色、レイアウト、行動喚起ボタンをカスタマイズできます。

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

Build your fields

フィールドを作成する

数値、スライダー、チェックボックス、ドロップダウンの入力を追加し、基本価格と各オプションの価格を設定すれば、ウィジェットが計算方法を認識します。

Customize the design

デザインをカスタマイズ

タイトル、結果ラベル、通貨、オプションの税金と割引、色、角丸、幅、そしてオプションの行動喚起ボタンを編集できます。

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時間365日対応します。必要なときに助けがあると分かっているので、安心して前に進めます。

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

訪問者が問い合わせる前に価格を知りたいと思う場所にウィジェットを追加すれば、見積りが会話のきっかけになります。

サービスページでは、見込み客が範囲・アドオン・チーム規模などのオプションからプロジェクト費用を試算できます。

価格ページでは、静的な料金表を、実際の選択内容を反映したインタラクティブな見積りに変えられます。

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

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

予約・見積りページでは、訪問者が次のステップに進む前にパッケージの内容を検討できます。

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

Jotformフォーム作成ツールで、リードを有料顧客へと変えましょう

Jotformで、エンゲージメントをアクションへと変えましょう。リードの獲得、決済の回収、返信の自動化まで、すべてを一か所で実現する強力なフォームを作成できます。すべての回答はJotform受信トレイに届き、そこからフォローアップしたり、お気に入りのアプリと連携したりできます。

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

よくある質問 (FAQ)

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

    計算ツールのウィジェットは、あなたが定義したオプションを訪問者が選ぶことで価格・費用・見積りを試算できる埋め込み型ツールで、合計はリアルタイムで更新されます。

  • すぐに使える計算ツールのテンプレートはありますか?

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

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

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

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

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

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

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

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