WordPressにモゲッジ計算機を追加する方法（ステップバイステップ）

住宅ローン計算機は、訪問者が実際に求めていた質問「この家は毎月いくらかかるのか？」に答えます。それがないと、訪問者は銀行のウェブサイトで計算するためにあなたのページを離れてしまいます。

また、不動産業者、ブローカー、貸付業者にとって自然なリードマグネットでもあります。ローン詳細とともに名前とメールアドレスを求めれば、すべての計算がフォローアップできる連絡先になります。

この記事では、WordPressに住宅ローン計算機を追加する3つの方法を紹介します。プラグインなしの無料埋め込み、WordPressで直接動作する無料プラグイン、そして計算ごとにリードを獲得するフォームビルダーです。

どの方法を使用すべきか？

選択	最適	価格
mortgagecalculator.org 埋め込み	プラグインなしの簡単な計算機	無料
レスポンシブ住宅ローン計算機	WordPressで直接動作し、独自の通貨をサポートする計算機	無料
WPForms	計算ごとにリードを獲得する	Proプラン以上

方法1：無料の住宅ローン計算機を埋め込む（プラグインなし）

住宅ローン計算機を作成する最も簡単な方法は、mortgagecalculator.org の無料の埋め込み可能計算機を使用することです。ページ上で、住宅価格、金利、ローン期間、固定資産税、PMI、住宅所有者保険のデフォルト値を設定できます。

これらの設定を変更すると、ツールは埋め込みコードを更新します。米国外の訪問者にサービスを提供している場合は、コードに言語パラメータを追加することもできます。たとえば、&lang=en-GB は英国の設定を使用し、&lang=de-DE はドイツの設定を使用します。

設定が完了したら、生成されたコードをコピーします。

次に、WordPressで投稿またはページを開き、カスタムHTMLブロックを追加します。生成されたコードを追加するには、「HTMLの編集」をクリックします。

表示されるポップアップで、住宅ローン計算機の埋め込みコードを貼り付けます。右側にプレビューが表示されます。すべて問題なければ、「更新」をクリックして変更を保存します。

最後に、「保存」または「更新」ボタンをクリックして変更を公開します。

フロントエンドでの計算機の表示は次のようになります。

計算機はサードパーティのサーバーでホストされているため、サイトに合わせてスタイルを変更できないことに注意してください。また、リードキャプチャもサポートされていません。

計算機をサイト全体（サイドバーやフッターなど）に表示したい場合は、WPCode を使用して挿入できます。

方法2：シンプルでレスポンシブな住宅ローン計算機を追加する

計算機をiframeではなくWordPressネイティブで動作させたい場合は、Responsive Mortgage Calculator が優れた無料の選択肢です。7,000以上の有効インストールがあり、積極的にメンテナンスされています。

まず、プラグインをインストールして有効化しましょう。WordPress管理画面の プラグイン » プラグインを追加 に移動し、Responsive Mortgage Calculator プラグインボックスの「今すぐインストール」をクリックします。

ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するガイドを参照してください。

プラグインをインストールしたら、設定 » Resp Mortgage Calculator に移動して、通貨、複利期間（利息がローン残高に追加される頻度）、およびデフォルトの金利を設定します。

「変更を保存」をクリックして設定を保存します。

その後、[mortgagecalculator] ショートコードを使用して計算機を任意のページまたは投稿に追加するか、ウィジェットエリアにドラッグアンドドロップできます。

プレビューが表示されなくても心配しないでください。ショートコードは引き続き機能しますので、そのまま「保存」または「更新」をクリックして公開してください。

これで、ウェブサイトにアクセスして動作を確認できます。

また、いくつか注意すべき制限があります。1つのページに1つの計算機しか配置できず、スタイリングオプションは基本的で、固定資産税や保険のフィールドはありません。リードを獲得することもできません。

方法3：リードキャプチャ住宅ローン計算機を構築する

訪問者が計算機を使用している間にリードを獲得したい場合は、WPForms が最適です。計算結果とともに名前とメールアドレスを収集できます。これらのテンプレートが使用する計算アドオンが含まれる Pro プラン以上が必要です。

WPBeginner では、独自のフォームに WPForms を使用しており、お勧めしています。詳細については、WPForms のレビュー全体をご覧ください。

テンプレートからフォームを作成する

まず、WPForms をインストールして有効化し、ライセンス キーを入力します。ヘルプが必要な場合は、WordPress プラグインのインストール方法に関するガイドを参照してください。

次に、WPForms » 新規フォーム追加 に移動し、住宅ローン計算機に名前を付けます。WPForms には、いくつかの住宅ローン計算機テンプレートがあります。

• 簡単な住宅ローン計算機: 月々の支払い額を簡単に推定したい場合に最適です。
• 住宅ローン計算機: 支払われる利息の総額と年間の支払い額も表示されます。
• 住宅ローンリードジェネレーター: 名前とメール フィールドが既に設定されています。これを選択する場合は、以下のリード獲得ステップをスキップできます。

別のテンプレートを使用したい場合は、テンプレートをクリックしてから「テンプレートを使用」をクリックします。

計算アドオンをインストールして有効化するように求めるポップアップが表示されます。「インストールして有効化」をクリックします。

次に、WPForms はドラッグ アンド ドロップ エディターに移動します。カスタマイズ オプションは左側のパネルに、プレビューは右側に表示されます。

このテンプレートには、計算機フィールドと数式が既に設定されています。数式は、「月々の支払い」フィールドをクリックし、フィールド オプション » 詳細 » 数式 で確認できます。

月々の支払い額を推定したいだけなら、そのままにしておくことができます。

ただし、どちらのテンプレートにも固定資産税または PMI (民間住宅ローン保険) フィールドは含まれていません。追加したい場合は、まずフォームにこれらの値のフィールドを追加する必要があります。

自分で作成したくない場合は、Formidable Forms の高度な住宅ローン計算機テンプレートには、税金と保険のフィールドが組み込まれています。

数値入力のみを受け付ける「数値」フィールドを使用できます。これにより、テキストが入力されても数式が壊れることはありません。フィールド追加パネルからプレビュー パネルにドラッグ アンド ドロップするだけです。次に、「フィールド オプション」タブでラベルを変更します。

必要な追加フィールドすべてについて、この手順を繰り返します。

フィールドを追加したら、「月々の支払い」フィールドをクリックして新しい数式を設定します。次に、数式ボックスの横にある「数式の生成」をクリックし、計算にどのように含めるかを説明します。

例: 「月々の住宅ローン支払いに年間の固定資産税と PMI を追加します。年間の固定資産税を 12 で割ります。年間の固定資産税を 12 で割ります。PMI の年間金額を計算するには、ローン金額に PMI 率を掛けて 12 で割ります。」

AI が数式を生成したら、「数式の挿入」をクリックします。

次に、エディターの「数式の検証」リンクをクリックして、すべてが正常に機能することを確認します。

リードキャプチャと通知を追加する

どちらのテンプレートにもメール フィールドが含まれています。リードを獲得するには、「名前」フィールドもフォームにドラッグ アンド ドロップします。

次に、「通知」タブに切り替えて、フォームが送信されるたびにメールが届くように通知が有効になっていることを確認しましょう。

WPFormsにはデフォルトでスパム防止機能があります。これらの通知は重要なので、スパムフォルダに振り分けられないようにSMTPサービスの使用をお勧めします。WordPressがメールを送信していない場合は、ガイドをご覧ください。

計算機を埋め込む

これで、リードを獲得できる住宅ローン計算機を埋め込む準備ができました。

トップメニューの「埋め込み」をクリックします。既存または新規のページにフォームを追加するか、ショートコードをコピーできます。「既存のページ」を選択した場合は、次のポップアップで計算機を埋め込みたいページを選択します。これにより、ページエディターに移動します。

エディターで「+」ボタンをクリックして、WPFormsブロックを追加します。その後、ドロップダウンからリードを獲得できる住宅ローン計算機を選択できます。

WordPressはエディターに住宅ローン計算機を読み込みます。必要に応じて、右側のパネルでフォームをカスタマイズおよびスタイル設定できます。完了したら「保存」または「更新」をクリックします。

ショートコードを使用したい場合は、WordPressにショートコードを追加する方法に関するガイドをご覧ください。

これで、リードを獲得できる住宅ローン計算機を正常に作成できました。

ページを共有する前に、自分でテスト計算を実行し、エントリがWPForms » Entriesに表示され、通知メールが届くことを確認してください。

プロパティ税、保険、PMIをGenerate Formulaで追加するのではなく、事前に組み込みたい場合は、Formidable Formsの高度な住宅ローン計算機テンプレートに含まれています。詳細については、Formidable Forms計算機のページをご覧ください。

FAQ：WordPressに住宅ローン計算機を追加する

住宅ローン計算機に不可欠な要素は何ですか？

基本的な住宅ローン計算機には、ローン金額（住宅価格または住宅ローン金額）、金利（年率）、ローン期間（例：15年または30年）、および月々の支払い額を計算して表示する方法が必要です。一部の計算機には、プロパティ税、保険、またはHOA手数料のフィールドも含まれていますが、これらはオプションです。

通貨をドルから変更できますか？

はい、3つの方法すべてで他の通貨をサポートできますが、プロセスは異なります。無料の埋め込みでは、埋め込みコードに&lang=en-GBのような言語コードを追加します。Responsive Mortgage Calculatorでは、設定 » Resp Mortgage Calculatorで通貨を設定できます。

WPFormsでは、WPForms » 設定に移動し、「支払い」タブを開いて、ドロップダウンから通貨を選択します。計算フィールドはこの設定を使用します。

これはElementorや他のページビルダーで動作しますか？

はい。ページビルダーのショートコードまたはHTMLウィジェットにショートコードまたは埋め込みコードを貼り付けることができます。

この記事がWordPressに住宅ローン計算機を追加する方法を学ぶのに役立ったことを願っています。不動産サイトをさらに良くしたいですか？これらの厳選されたリソースがお役に立ちます。

• おすすめのWordPress不動産プラグイン
• 不動産業者向けのおすすめ不動産WordPressテーマ
• WordPressを使用してIDX不動産ウェブサイトを作成する方法
• ランキングを向上させるための究極のWordPressローカルSEOガイド

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。