July 2020: Major Update: Ultimate Financial Calculator    3 New Calculators: Refinance Calculator, Lease vs. Buy Calculator & Break-Even Calculator
advertisement

Updated June 2020 v1.4.2

Enter a "0" (zero) for one unknown value above.

  Original Size  
Paste these shortcodes in the page's content editor for above result:
[fcautoloanplugin sc_size="medium" sc_custom_style="No" sc_add_link="Yes" sc_brand_name="Your Brand Name Here" sc_hide_resize="No" sc_price="35500.0" sc_dwn_pmt="5500.0" sc_loan_amt="0.0" sc_n_months="60" sc_rate="5.5"]

This plugin is also available for download at WordPress.org

The FC Auto Loan Calculator calculates the monthly payment as well as the affordable car price, down payment required or the loan amount. It will create a detailed amortization schedule showing date based payments as well as a set of colorful charts. A site's users can select their own currency and date convention used in loan schedule. Ideal if site attracts visitors from around the globe. Four predefined sizes or modify CSS file to customize size and colors. Supports touch and a responsive designed website. Auto Loan Calculator Plugin is based on and uses the code from my Auto Loan Calculator.

Rebranding with your site's brand name is supported and encouraged.

The plugin may be

  1. used in a post or page's content area via a shortcode; or
  2. used in a sidebar widget area; or
  3. called from any template file.

Installation

  1. Either
    1. upload the fc-auto-loan-calculator folder with all its files to the /wp-content/plugins/; or
    2. unzip the plugin's zip file in the /wp-content/plugins/  folder.
  2. Activate the plugin through the Plugins Installed Plugins menu in WordPress

Usage

There are 3 mutually exclusive ways you can deploy the calculator to an individual page (though you can use all three methods on different pages within a site):

  1. Add the shortcode [fcautoloanplugin] in the content area of your page or post and configure shortcode parameters.
  2. Add the following code to your template where you want the calculator to appear.
    • <?php show_fcautoloan_plugin(); ?>
  3. If you are using widgets, just add the plugin to the sidebar through the Appearance Widgets menu in WordPress. Be sure to click Save.

Shortcode parameters

  • sc_size= "tiny" | "small" | "medium" | "large"
  • sc_custom_style= "No" | "Yes"
  • sc_add_link= "Yes" | "No"
  • sc_brand_name=
  • sc_hide_resize= "No" | "Yes"
  • sc_price=
  • sc_dwn_pmt=
  • sc_loan_amt=
  • sc_n_months=
  • sc_rate=
  • sc_currency=
  • sc_date_mask=

Shortcode Examples:

advertisement

Copy and paste to page's or post's content area.

First example includes all options.

Optional array parameter passed to
show_fcautoloan_plugin()

This can be copied and pasted to a template part.

Valid values for options are the same as the shortcode above.

Notes:
  1. When setting default values for the calculator (price, down payment, loan amount), one should be set to "0" so when the user clicks the "Calc" button, there will be an unknown value to calculate.
  2. If you want to add your brand to the calculator, the add link option must be set to "Yes".
  3. When branding, your brand name will be added before "Auto Loan Calculator".
  4. If custom style is set to "Yes", the plugin will load fin-calc-widgets-custom.css located in the plugin's CSS folder. If you set the option to "Yes" without making any changes, the calculator will change to a horrendous red which indicates the custom css is being used.
  5. The plugin is built and tested on HTML5/CSS3 pages.
  6. max-width: large: 440px, medium: 340px, small: 290px, tiny: 150px
  7. The modal dialog that allows users to select a default currency and date format is NOT compatible with some other dialogs. If you have a modal on the webpage you want to install this calculator on, either your modal or the calculator's modal may not work. You'll need to test this.
  8. New: Website developers can set a default currency sign and preferred date format by setting _currency and _date_mask respectively. Set one or both to an integer value. For the list of integers to support 90 plus currency symbols and 6 date format options, see the file currency_and_date_conventions.txt in the plugin's root folder. (example: India, Indian Rupee: ₹1,23,45,678.99 = 83)
Enhanced Internationalization

New: Support for over 90 currency signs (using appropriate nummber formatting conventions) and 6 date formats (mm/dd/yyyy, dd/mm/yyyy, yyyy.mm.dd etc.). If neither the website developer or the user makes a selection, the calculator will read the browser's default currency and date options and automatically use them. Without doing anything, a website visitor from Japan visiting a website hosted in France will initially see a floating yen sign. The website developer can easily override this default behavior by setting either shortcodes or function options. The user (if the website designer keeps the feature enabled) can override both and select a currency and date format.

To summarize, the plugin determines what currency symbol (and date format) to use by applying the following rules:
  1. If a website allows a user to select a symbol, and the user makes a selection, the plugin uses the visitor's choice first.
  2. Otherwise, if a user has not made a selection, and the website owner has set a default currency (i.e., currency does not equal 999), the calculator uses the website's selection.
  3. Otherwise, the calculator plugin will attempt to read the browser's currency default and pick a currency symbol.
  4. Otherwise, the plugin defaults to using the '$' symbol.

Screenshots

advertisement
auto loan calculator plugin for WordPress
Two of the predefined screen sizes showing relative difference between "large" and "tiny".
auto loan amortization schedule
Example loan schedule with detailed header and payment due dates.
auto loan charts
Creates three charts for visualization.
WordPress option page for car loan calculator plugin
Configuration screen in WordPress's admin area
(only for when installing in a sidebar area).
advertisement

10 Comments on “Auto Loan Calculator Plugin”

financial online calculator Join the conversation. Tell me what you think.
  • Hi Karl

    Thank you for the Calculators. I just recently loaded them on my web-page using a Widget. It all loads great and works well, however does not activate the numerical fields on mobile responsive view unless you hold the field which activates copy, past etc and only then allows you to activate the field. How could I get the fields to be more sensitive to touch to activate? I do apologies if this has been answered already in this post.

    Thank you once again Mike.

    • Hi Mike, and you are welcome. My guess is, you are trying it with an Android device. I have heard reports about this behavior, but it seems to depend on the specific device. I think what one has to do is to change the style sheet for the input fields not to right align the numbers. I’ve not tried it myself however, because I have an iPhone and I can check the changes. If my hunch is right, then the Android browser(s) need to allow for right aligned text.

      • Hi Karl.

        Thank you for your answer. Ill try this approach and let you know. For the record, I am using a Android Note 8. Ill keep you posted on outcome. Once again thank you for your feedback.

        Kind Regards
        Mike

        • Mike, one user said that if users touch the text to the left of the inputs, then numeric entry works correctly. Also, this might be a browser specific problem, not a device specific. I’ve actually had only 3 or 4 complaints.

    • Hi Chris, that’s a very broad question. Did you see the instructions in the readme file? Please go through those and if something is not clear, please raise a specific question. Note, if you have tried the calculator and then set the currency using the admin options, you’ll need to try the calculator in another browser to see the admin settings.

    • Hi Chris, did you get the currency sign working? Another user experienced a problem that prevented their website visitors from setting a currency and he gave me a bit more background which led me to find a bug in all my plugins. I have now fixed it and release updates for each plugin. If you are still using any of them please update to v.1.4.2 and your users will be able to set the currency. If you weren’t asking about the user’s setting the currency, but rather the website owner, please provide more details about what you are trying to do, and I’ll be happy to provide more details, or take a look at any issues.

      • Manoj Patil says:

        Hi Karl,
        Thank you very much for making this plugin for free use. Really appreciate your efforts.
        I am still facing this issue in 1.4.2 not able to change currency and date.

        • Hi Manoj, you’re welcome. I just hope that I can get all the kinks worked out. It seems I introduced some problems with v.1.4.x when I added the ability for website owners to select a default currency.

          When you say you "facing this issue in 1.4.2 not able to change currency and date," do you mean as the website owner/developer, or as a visitor to the site? Or both? Do you have a link to a test page I can look at?

Comments, suggestions & questions welcomed...

Leave a Reply to Chris Chin Cancel reply

Scroll
to plugin
to questions/comments
advertisement