Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressで自動車ローン/車の支払い計算機を作成する方法

自動車販売店や個人向けファイナンスブログを運営している場合、ローン支払い計算機は売上を伸ばし、読者に付加価値を提供するのに役立ちます。

訪問者は、計算機を使用して、毎月のローン支払額の見積もりを取得し、オファーを比較し、車の購入に最もお得な情報を見つけることができます。

また、ローン支払い計算機能は、ユーザーがサイトに長く滞在し、さまざまなローンオプションやシナリオを検討することを促します。これにより、コンバージョン率が向上し、全体的な収益が増加します。

この投稿では、WordPressサイト用のオートローン車支払い計算機を簡単に作成する方法を紹介します。

How to create an auto loan payment calculator in WordPress

車/自動車ローン支払い計算機とは何ですか?

車や自動車ローンの支払い計算機では、ユーザーが毎月のローン支払いの見積もりを取得し、償却スケジュールを確認し、ローンの総コストを計算することができます。

消費税、ディーラー手数料、下取り価格、金利、ローン期間などを考慮した完全な自動車ローン計算を簡単に行うことが有効化される。

オートローンの支払い計算機は、カーディーラーのサイトやオートローンの融資事業に特に便利です。

WordPressサイトにローン計算機を追加することで、貴社と潜在的なカスタマイザーの双方に役立ちます。訪問者は自分の情報を入力するだけで、利用可能なさまざまな融資プランを見ることができます。

つまり、サイトにいながらにして予算に合ったプランを見つけることができ、エンゲージメントを高め、直帰率を下げることができます。また、計算機を通してユーザーのメールアドレスを収集することができ、リードを生成するための素晴らしいツールになります。

ということで、WordPressブログやサイトに車やオートローンの支払い計算機を追加する方法を見てみましょう。私たちはあなたに2つの方法を示していますので、あなたはどのセクションに先にジャンプするには、以下のリンクをクリックすることができます:

方法1:WPFormsを使用して車の支払い計算機を作成する

以前は、自動車ローンの自動車支払い計算機を作成するには、複雑な数学的計算をプログラムするか、WordPress開発者を雇う必要がありました。

幸いなことに、WPFormsを使えばコードを書かなくてもオートローン計算機を作ることができるようになりました。この人気のWordPressお問い合わせフォームプラグインは、すべて1つのフォームビルダーと1300以上の既製のテンプレートを提供しています。

WPFormsは、あなたのサイトのためのさまざまな電卓フォームを作成することができます強力な計算アドオンを提供しています。それは、事前にビルトイン電卓テンプレートとドラッグアンドドロップフォームビルダーが付属していますので、あなたのフォームの外観の柔軟性とコントロールを得る。

WordPressサイトにWPFormsを設定する

このチュートリアルでは、WPForms Proバージョンを使用します。WPForms ProにはCalculationsアドオンが含まれているからです。無料で利用できるWPForms Lite バージョンもあります。

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

有効化した後、WordPressダッシュボードからWPForms ” 設定に移動し、ライセンスキーを入力することができます。ライセンスキーはWPFormsアカウントエリアにあります。

Adding a license key to the WPForms form builder plugin

次に、WPFormsにCalculationsアドオンをインストールして有効化する必要があります。

WordPressの管理エリアからWPForms ” Addonsに移動し、Calculations Addonに移動するだけです。

Install calculations addon

ここから「アドオンのインストール」ボタンをクリックすると、アドオンが自動的にインストールされ、有効化されます。

次に、自動車ローン/車の支払い計算機で新しいフォームを作成することができます。

自動車ローン/自動車支払い計算フォームの作成

まず、WordPressダッシュボードからWPForms ” 新規追加にアクセスします。

Creating a new form using WPForms

次の画面ではWPFormsが提供する様々なフォームテンプレートが表示されます。

まずはWPFormsの検索機能を使って’Car Payment Calculator Form’テンプレートを見つけてください。そして’テンプレートを使う’ボタンをクリックしてフォームをカスタマイズしてください。

Select car payment calculator template

その後、WPFormsのドラッグアンドドロップフォームビルダーにフォームテンプレートが表示されます。

初期設定のテンプレートでは、車の支払いを計算するために必要なフィールドをすべて備えたマルチページフォームを提供しています。

例えば、「車両価格」の欄があり、ここに車の総額を入力します。その後、頭金と頭金の割合を設定する欄があります。

また、このテンプレートでは支払い期間を調整することができ、スライダーを使って年数を変更することができます。そのほかにも、このテンプレートでは支払いにかかる年利を設定することができます。

Car payment calculator form

このテンプレートでは、車を下取りに出すかどうかも尋ねられます。ローン金額や支払利息の合計などを入力する欄もあります。

WPFormsフォームビルダーを使用すると、フォームテンプレートを編集し、既存のフィールドを削除し、別のフォームフィールドを追加することができます。左側のメニューから新しいフィールドをドラッグしてテンプレートにドロップするだけです。

例えば、チェックボックス、ドロップダウンメニュー、数字などの標準的なフィールドを追加することができます。また、電話番号、住所、ファイルアップロードなどのファンシーフィールドを使用することもできます。

Add new form fields to the auto loan form

テンプレートの各フィールドは、さらにカスタマイズすることができます。編集したいフィールドを選択するだけです。

例えば、テンプレートの「車両価格」フィールドをクリックすると、左のメニューにさらに多くのオプションが表示されます。フォームフィールドの名前を変更したり、説明を追加することができます。

Change form field name

詳細設定 “タブに切り替えると、さらに多くのオプションがあります。

フィールドサイズの変更、プレースホルダーテキストの追加、CSSクラスの入力、計算の有効化などが可能です。

View advanced field options

WPFormsでは電卓フィールドの計算式を編集することもできます。

フィールドを選択すると、左側のメニューに「数式」オプションが表示されます。ここで計算を変更したり、さらにヘルプが必要な場合は「チートシート」をクリックしてください。

Edit formula of calculator fields

次に、左のメニューから「設定」タブに進みます。

一般」設定では、フォーム名の変更、フォーム説明の追加、送信ボタンテキストの編集などのオプションが表示されます。

Edit general form settings for auto loan form

その後、「スパム保護とセキュリティ」設定を表示できます。

WPFormsではスパム対策の有効化、スパムエントリーのデータベースへの保存、国やキーワードフィルターの有効化、CAPTCHAの設定などが可能です。

Edit spam and protection settings

次に、「通知」設定タブに進みます。

ここでは、フォーム送信時にあなたとユーザーが受け取るメール通知の設定を編集することができます。

Edit form notification settings

最後に、オートローン計算フォームの確認設定に進みます。

WPFormsでは、ユーザーがフォームを送信したときにメッセージを表示したり、ページを表示したり、URLにリダイレクトしたりすることができます。

Auto loan form confirmation settings

これらの変更を行った後は、忘れずに設定を保存してください。

WordPressに自動車ローン/自動車支払い計算機を追加する

次に、WordPressサイトに自動車ローン/自動車支払い計算フォームを追加します。

フォームビルダーの上部にある「埋め込み」ボタンをクリックするだけです。

Embed your auto loan form

既存のページにフォームを埋め込むか、新規ページを作成するポップアップウィンドウが表示されます。

このチュートリアルでは、「新規ページ作成」オプションを選択します。

Create a new page

次に、新しいページの名前を入力する必要があります。

それが完了したら、『Let’s Go!』ボタンをクリックするだけだ。

Enter name for form embed page

別の方法として、コンテンツエディターにWPFormsブロックを追加することもできます。

ここから、ドロップダウンメニューからオートローン計算フォームを選択するだけです。

Add the WPForms block

次に、コンテンツエディターに車の支払い計算フォームのプレビューが表示されるはずです。

外観に満足したら、ページを公開するか更新するだけです。その後、あなたはアクションでオートローン電卓を見るためにあなたのサイトを訪問することができます。

View auto loan calculator form preview

方法2: Formidable Formsを使って自動車ローン計算機を作成する

Formidable Forms を使って WordPress サイトにオートローン/自動車支払い計算機を作成する方法もあります。あなたのサイトでより高度で複雑な計算機を作りたいのであれば、これは最高のソリューションです。

Formidable Formsには強力な自動車ローン計算テンプレートが付属しており、数回クリックするだけで自動車ローン計算を作成することができます。

車の支払いテンプレートにはローン計算式がすでに設定されているので、複雑な数式をプログラムしたり、WordPressプラグインを追加で使用したりする必要はありません。

注: 車でのお支払い機能をご利用いただくには、Formidable Formsビジネスプランをご購入いただく必要があります。

Formidable FormsをWordPressサイトにインストールする

まず最初に、Formidable Forms Liteと Formidable Forms premium の両方のプラグインをインストールして有効化します。無料のプラグインは機能が限られていますが、Formidable Forms Pro はこのプラグインをベースとしてより高度な機能を備えています。

詳しい手順については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化した後、WordPressダッシュボードのFormidable ” Global Settingsにアクセスしてください。

ここで「アカウントを接続」をクリックし、指示に従って WordPress と Formidable Forms アカウントを接続します。

The Formidable Forms license page

また、「クリックしてライセンスキーを手動で入力する」を選択し、ライセンスキーをフィールドに貼り付けることもできます。

ライセンスキーは Formidable Forms サイトのアカウントにログインすると表示されます。

Enter the Formidable Forms license key

入力後、「Save License」ボタンをクリックしてください。

WordPressで自動車ローンと車の支払い計算機を構築する

Formidable Forms のセットアップが完了したら、車の支払い計算フォームを作成しましょう。

Formidable ” Formsにアクセスし、’新規追加’ボタンをクリックするだけです。

Create a new form

次に、フォームテンプレートを選択する必要があります。

計算機」セクションをクリックすると、車の支払い計算機のテンプレートが見つかります。

Select auto loan calculator template

これで Formidable Forms エディターでテンプレートが開きます。

初期設定のテンプレートには、「車の価格」や「消費税」などのフィールドがあります。年利とローン期間(月単位)を調整するスライダーがあります。そのほか、車を下取りに出すかどうかの選択や、下取り価格を入力する欄もあります。

この時点で、あなたのニーズに一致するようにフォームをカスタマイズすることができます。

Edit car loan calculator form

フィールドのラベル、初期設定値、プレースホルダー・テキストを変更するには、そのフィールドをクリックするだけです。

その後、左側のメニューにある「フィールドオプション」の設定を使用することができます。

Customizing a car payment form

ローン計算」や「月々の支払い」フィールドをカスタマイズしたい場合は、「高度な設定」に計算式が含まれているため、設定を変更しないように注意してください。

これらの設定を変更すると、フォーム全体が壊れてしまう可能性があります。

Changing the settings on an auto loan form in WordPress

フィールドのカスタマイザーが終わったら、’設定’タブをクリックしてフォームの設定を確認することができます。

まず、「一般」タブでフォームのタイトルと説明を変更できます。

Change general form settings

また、左側のメニューから「アクションと通知」を選択することで、訪問者がフォームを送信した際の動作を変更することができます。

確認」セクションをクリックして展開すると、Formidable Forms が初期設定で訪問者に表示するメッセージが表示されます。

Change confirmation settings

これを変更するには、テキストエディターに自分のメッセージを入力するだけです。

ご希望であれば、フォーム送信後に訪問者をページにリダイレクトすることもできます。例えば、SeedProdのようなドラッグアンドドロップWordPressページビルダーを使ってカスタマイザーページを作成することができます。

リダイレクトを設定するには、「Redirect to URL」タブをクリックしてください。リダイレクトURL’フィールドにリンクを入力または貼り付けることができます。

Redirect following a form submission in WordPress

もうひとつのオプションは、「ページコンテンツを表示」タブを選択することで、WordPressの別ページのコンテンツを表示することだ。

その後、「ページを選択」ドロップダウンを開き、リストからページを選択することができます。

Redirecting to a WordPress page or post after a form submission

その後、クリックして「メール通知」セクションを展開する。

Formidable Forms が WordPress 管理者に送信するメッセージを見ることができます。

Sending an email upon successful form submission

メールアドレスの追加、本文の変更、件名の追加などが可能です。

その後、訪問者がフォームを送信したときに Formidable Forms が実行するアクションを追加したい場合もあるでしょう。そのためには、ページの一番上までスクロールして、アクションのどれかをクリックするだけです。

例えば、訪問者を自動的にConstant Contactや ActiveCampaignのメールリストに追加することができます。

Adding actions to a car payment form

このように、Formidable Formsはあなたのメールリストを増やすお手伝いをします。

左側のメニューにはもっとたくさんのタブや設定があるが、車の支払い計算機を作るにはこれで十分だ。

フォームの設定が完了したら、「更新」ボタンをクリックします。しばらくすると、「更新に成功しました」というメッセージが表示されます。

Publishing the car loan payment calculator

WordPressサイトに自動車支払い計算機を追加する

さて、あなたは車の支払い計算機を作成しました、それはあなたのオンラインストアやWordPressのサイトに追加する時間です。単に新しいページを作成するか、電卓を表示したい既存のページを開きます。

次に「+」アイコンをクリックし、「Formidable Forms」と入力します。右のブロックが表示されたら、クリックしてページに追加してください。

The Formidable Forms WordPress block

その後、「フォームの選択」ドロップダウンを開き、先ほど作成した支払い計算機を選択するだけです。

WordPressが自動的にフォームを読み込むようになります。

Adding car loan calculator to wordpress

電卓を公開するには、「更新」または「公開」ボタンをクリックします。

今、あなたのサイトにアクセスすると、車の支払い計算機が表示されます。

この投稿が、WordPressでオートローン車の支払い計算機を作成する方法を学ぶのにお役に立てば幸いです。また、自動車部品をオンラインで販売する方法についてのガイドと、専門家が選ぶ中小企業に最適なメールマーケティングサービスもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

4件のコメント返信を残す

  1. Dennis Muthomi

    Quick question on how these calculators work – do the calculations happen in the user’s browser or does it ping the server which then returns the calculated results back to the browser??

    just curious about the tech behind it for performance and user experience considerations

    • WPBeginner Support

      If you have the form send an email notification then it will use server resources to send the confirmation.

      管理者

      • Dennis Muthomi

        hi, thanks for your reply, WPBeginner Support.
        I apologize if my original question was unclear. I’m specifically wondering if the loan/payment calculations happen client-side (in the user’s browser) or server-side. Could you please clarify where these calculations take place when using form plugins like WPForms or Formidable Forms? Thanks for your help!

        • WPBeginner Support

          For the moment the calculations are server side.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。