Please tell a friend about us. Thank you.

Below is just one example of how the FC Loan Calculator plugin for WordPress might look (and work) when displayed in the content area of a website or blog. You can select from 4 predefined sizes or customize it as needed. Installation is simple. More below...»

Keep Your Visitors On Your
Website or Blog!
You work hard both to build a site and to attract visitors. Keep them there. Put my calculators on your site rather than link to another site's calculator. Add as many plugins or widgets as you like and improve your bounce rate and increase your advertising opportunities.
Karl's
Loan Calculator

  Original Size  
Use these shortcodes in the page's content editor for above result:
[fcloanplugin sc_size="medium" sc_custom_style="No" sc_add_link="Yes" sc_brand_name="Karl's" sc_hide_resize="no" sc_loan_amt="305000" sc_n_months="360" sc_rate="5.25"]

This plugin is also available for download at WordPress.org

The FC Loan Calculator WordPress Plugin is based on and uses the code from the very popular Loan Calculator. The plugin solves for the monthly payment amount and it creates an amortization schedule and charts. Your site visitors can select their own currency and date convention which is ideal if the host site attracts visitors from around the globe. The website or blog owner can select from four predefined sizes or modify a CSS file to customize both size and colors.

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-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 [fcloanplugin] 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_fcloan_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_loan_amt=
  • sc_n_months=
  • sc_rate=

Shortcode Examples:

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

First example includes all options.

Optional array parameter passed to
show_fcloan_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 (loan amount, rate etc.), one should be set to "0" so when the user clicks on 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 "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. (DOCTYPE XHTML 1.0 Transitional has been tested as well.)
  6. The plugin requires jQuery v1.9.1 or better (but not v4). If your WordPress site does not load it, this plugin will. If your WordPress has been installed or updated since Feb. 4, 2013, it should have the correct version.
  7. max-width: large: 440px, medium: 340px, small: 290px, tiny: 150px
Questions? Problems? Compliments? :)
Tell me how you made out installing the plugin. If you have any issues with it, you can provide a link to your page in the comment and I'll take a look. Or, for that matter, if you want to show this site's visitors how you are using the plugin, you can leave a link for that reason as well.

45 thoughts on “loan-calculator-plugin

  1. Where can I change $ to £ signs.

    • On the calculator itself, in the lower right corner (or at the bottom if the size is set to “tiny”) there is a link “$:mm/dd/yyyy”.

      The user of the calculator can click on the link and pick the currency and date convention they wish to use. Their selection is stored in a cookie so that they only need to make the selection once. The currency / date convention choice is given to the calculator’s user for websites that attract users from other countries.

      • Thanks for your Loan Calculator. isn’t there a way to edit it so that its default is my local currency (eg Kenya Shilling = Ksh)

        • There’s no way for the user to add a currency symbol that is not supported. I have no problem adding ones that users ask for and I could try adding "Ksh", but there may be a problem in that the calculator assume all currencies to be a single character. Please post how a number is formatted, left or right placement of symbol and thousands separator (Ksh#,###,###.## ?), and I’ll see how it works. Also, note that the maximum value one will be able to enter will be about 9,999,999.99 due to the 2 additional characters.

        • Hi Didi,

          Thank you for the additional details via email. As mentioned, the website owner cannot select a currency symbol on the backend as a default.

          However, I do have a solution for you so that the default currency symbol is ‘Ksh’. It’s a hack, but it’s quite easy to make and it appears to work well, since the formating of the numbers match what we do here in the US.

          In the plugin folder, there is a js folder. Should be here with default install:

          <domain>\wp-content\plugins\fc-loan-calculator\js

          find this file:

          interface.LOAN-WIDGET.min.js

          With a plain text editor, such as note pad open it up and search for this text:

          a.CCY_CONVENTIONS=[{sep:”,”,dPnt:”.”,ccy:”$”,ccy_r:””}

          Should be around row 7. Change the “$” to “Ks” as below. Save, and refresh the webpage

          a.CCY_CONVENTIONS=[{sep:”,”,dPnt:”.”,ccy:”Ksh”,ccy_r:””}

          This will change the plugin’s default for you

          The downside with this hack is, no one visiting the page will be able to set the currency to “$”. Or at least I don’t think they will be able to. I didn’t actually test that.

          Hope this works for you.

          • Hi Karl, great job in developing this plugin but i have tried the hack you suggested to DIDI to chnge the currency but it did not work :

            In the plugin folder, there is a js folder. Should be here with default install:

            \wp-content\plugins\fc-loan-calculator\js

            find this file:

            interface.LOAN-WIDGET.min.js

            With a plain text editor, such as note pad open it up and search for this text:

            a.CCY_CONVENTIONS=[{sep:”,”,dPnt:”.”,ccy:”$”,ccy_r:””}

            Should be around row 7. Change the “$” to “Ks” as below. Save, and refresh the webpage

            a.CCY_CONVENTIONS=[{sep:”,”,dPnt:”.”,ccy:”Ksh”,ccy_r:””}

          • Hi, thanks. Let’s hope we can get it working the way you want it to work. The only thing that I can think of is a simple page refresh doesn’t always work (meaning clicking on the browser refresh button). Sometimes the user will have to do a hard refresh – which is press and hold the CTRL key (on Windows) and press F5. The forces the change to reload.

            If this does not work, let me know what currency you need and about the thousand separators and I’ll test the change and send you a replacement file.

    • Max, thought I should mention that if you installed the plugin or are still testing it, that I discovered and fixed a bug. Prior to today, the charts did not display in some versions of Firefox. That’s now fixed. You can get the latest version here

  2. Hi Karl,

    thanks for creating this great plugin. Really appreciate your time with my query.

    I’ve installed the plugin as instructed and added the following shortcode into my WP site content box. I’m not very IT savvy but your instructions is very clear.

    [fcloanplugin sc_size="large" sc_custom_style="No" sc_add_link="Yes" sc_brand_name="Linkflow Capital" sc_hide_resize="Yes" sc_loan_amt="100000" sc_n_months="48" sc_rate="6.75"]

    I can’t seem to get it working. When I click payment schedule or charts, the screen will just freeze and hang.

    Really appreciate if you could help me take a quick look here: https://smeloan.sg/business-loan-interest-rate

    Not sure if I’ve done anything wrong & any advice on what I should do to get it working would be much appreciated. Thanks!

    • Hi Den, I took a look at the page. Thanks for providing the link. There’s a problem on the page that is stopping the JavaScript from running. Are you familiar with going into debug mode with the browser? If using Chrome, you would press F12 and click on the "Console" tab. There, you’ll be able to see the error.

      >>>> 1 Uncaught TypeError: Cannot read property ‘top’ of undefined

      The page generates the error just by scrolling. I’m 99% sure if you deactivate the plugin you’ll still get it. If you do, that has to be fixed before the calculator will work. I can’t tell where the problem is for sure, but it looks as if it’s here:

      var menu = $(‘#fixed_header’);
      $(window).scroll(function() {
      var y = $(this).scrollTop();
      var z = $(‘#fixed_header’).offset().top;

      in the bundle.js. But that’s referencing something that is not defined. It is not necessarily a problem with this script – and in fact, it probably isn’t.

    • Just looked a little more closely.

      Do you have this ID on the page somewhere?: fixed_header

      It has to be there and it seems to be undefined.

  3. Hi Karl,

    thank you for your help. I’ll run through your comments with my web developer again and I believe we should be able to sort it out with greater clarity from your advice. Thanks!

  4. Good day. I have your stunning loan application plugin. I live in South Africa and I need to change the currency from $ to R (South African Rands). Could you kindly assist with this if at all possible?

    Regards
    Dmitri

    • Hi Dmitri,

      Glad you like the calculator and thanks for reposting here.

      There is no elegant way to change the currency to one that is not supported, however, if you don’t mind editing one file, in one place, you can make the change.

      Go to where you installed the plugin and how you installed WordPress, that could be here:

      \wp-content\plugins\fc-loan-calculator\js

      In the js subfolder, find this file:

      interface.LOAN-WIDGET.min.js

      Open the file in a text editor and find this, it will be very close to the top of the file. In my editor, it is in row 7.

      CCY_CONVENTIONS=[{sep:”,”,dPnt:”.”,ccy:”$”,ccy_r:””}

      Change the $ to R and leave the quote marks.

      Save.

      Refresh the page and hopefully, all will have gone well.

      One question for you. I would like to update the calculators on this site to support “R”. I assume because you didn’t say anything, the South African convention is for the currency symbol to be on the left and you use commas for the thousands separator?

      • Hi Karl. The 3-letter currency code is ZAR, however it is commonly displayed as ‘R’; R10,00, R1000,00 etc. Commas are used anywhere to the immediate left of the two decimals.

        Regards
        Dmitri

        PS. I did as you indicated and it works. It is currently on my localhost until the client has hos domain registered.

        Thanks so much.

  5. I was ready to bring my new WordPress website live at https://www.fcefcu.com last week. I saw that my Divi theme (from Elegant Themes) needed a patch so I applied it and checked the live sample site (okay) before using Duplicator to move my website to the live directory.
    The new site install looked great on the user end but when I logged into the new site installation, I could no longer edit my web pages. The new location had more memory available than the test location but nevertheless, I upgraded my PHP version and increased all my memory settings… nothing worked. I disabled all my plug-ins, and that did the trick. I re-enabled them one by one, and the FC calculators were the culprit.
    I’m not sure if the move corrupted something in your calculators (they still work though), or if they don’t play nicely with the latest version of Divi. I love your calculators and I’m using several of them, but this is a dealbreaker. Any suggestions for possible workarounds?

    • Oh my. I’m sorry to hear this Karen. I can’t go to the URL just now, but I have a few questions.

      Not being able to edit the web pages, is that only for the pages with the calculators, or all pages?

      Are you familiar with the browser’s "developer’s console"? In either IE or Chrome, you can open it by pressing F12 (assuming you are using Windows). Not sure about how to do that on a MAC or if you are using Firefox. What would be good is if you can go to you WP Admin area and prepare to edit a page. But before trying to edit, open the developer’s console. Once open, then try to edit the page. If there are any errors, they may appear in the "console", depending on if the error is happening in the PHP or in JavaScript. If there is an error, please copy it here.

  6. It’s on all the pages, unfortunately. When I first open a page with the console open, I get the following error:
    Oncaught TypeError: Cannot set property ‘toString’ of undefined
    at wp-color-picker-alpha.min.js?ver=3.0.50:8
    at wp-color-picker-alpha.min.js?ver=3.0.50:8
    (anonymous) @ wp-color-picker-alpha.min.js?ver=3.0.50:8
    (anonymous) @ wp-color-picker-alpha.min.js?ver=3.0.50:8

    When I try to open a module to make changes, the messages below appear in the Console, and the editor won’t open. I should note that when I deactivate all my FC plug-ins, I get no errors and everything works fine until I re-enable them. Anyway, the last set of errors is as follows:
    Uncaught TypeError: (intermediate value).setHSpace is not a function
    at a.(anonymous function).(anonymous function)._create (https://www.fcefcu.com/wp-admin/load-scripts.php?c=0&load%5B%5D=hoverIntent…p-colo&load%5B%5D=r-picker,wplink,media-upload,wp-embed&ver=4.7.5:723:7910)
    at a.(anonymous function).(anonymous function)._create (https://www.fcefcu.com/wp-admin/load-scripts.php?c=0&load%5B%5D=jquery-core…complet&load%5B%5D=e,plupload,jquery-ui-tabs,jquery-form&ver=4.7.5:21:1032)
    at a.(anonymous function).(anonymous function)._createWidget (https://www.fcefcu.com/wp-admin/load-scripts.php?c=0&load%5B%5D=jquery-core…complet&load%5B%5D=e,plupload,jquery-ui-tabs,jquery-form&ver=4.7.5:21:3093)
    at new a.(anonymous function).(anonymous function) (https://www.fcefcu.com/wp-admin/load-scripts.php?c=0&load%5B%5D=jquery-core…ocomplet&load%5B%5D=e,plupload,jquery-ui-tabs,jquery-form&ver=4.7.5:21:593)
    at HTMLInputElement. (https://www.fcefcu.com/wp-admin/load-scripts.php?c=0&load%5B%5D=jquery-core…complet&load%5B%5D=e,plupload,jquery-ui-tabs,jquery-form&ver=4.7.5:21:2365)
    at Function.each (https://www.fcefcu.com/wp-admin/load-scripts.php?c=0&load%5B%5D=jquery-core…ocomplet&load%5B%5D=e,plupload,jquery-ui-tabs,jquery-form&ver=4.7.5:2:2881)
    at a.fn.init.each (https://www.fcefcu.com/wp-admin/load-scripts.php?c=0&load%5B%5D=jquery-core…tocomplet&load%5B%5D=e,plupload,jquery-ui-tabs,jquery-form&ver=4.7.5:2:846)
    at a.fn.init.a.fn.(anonymous function) [as iris] (https://www.fcefcu.com/wp-admin/load-scripts.php?c=0&load%5B%5D=jquery-core…complet&load%5B%5D=e,plupload,jquery-ui-tabs,jquery-form&ver=4.7.5:21:2275)
    at a.(anonymous function).(anonymous function)._create (https://www.fcefcu.com/wp-admin/load-scripts.php?c=0&load%5B%5D=hoverIntent…p-colo&load%5B%5D=r-picker,wplink,media-upload,wp-embed&ver=4.7.5:724:1292)
    at a.(anonymous function).(anonymous function)._create (https://www.fcefcu.com/wp-admin/load-scripts.php?c=0&load%5B%5D=jquery-core…complet&load%5B%5D=e,plupload,jquery-ui-tabs,jquery-form&ver=4.7.5:21:1032)
    _create @ load-scripts.php?c=0&load[]=hoverIntent,common,admin-bar,wp-pointer,heartbeat,autosave,wp-ajax-resp…:723
    (anonymous) @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-widget,jquery-ui-position,jq…:21
    _createWidget @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-widget,jquery-ui-position,jq…:21
    a.(anonymous function).(anonymous function) @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-widget,jquery-ui-position,jq…:21
    (anonymous) @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-widget,jquery-ui-position,jq…:21
    each @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-widget,jquery-ui-position,jq…:2
    each @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-widget,jquery-ui-position,jq…:2
    a.fn.(anonymous function) @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-widget,jquery-ui-position,jq…:21
    _create @ load-scripts.php?c=0&load[]=hoverIntent,common,admin-bar,wp-pointer,heartbeat,autosave,wp-ajax-resp…:724
    (anonymous) @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-widget,jquery-ui-position,jq…:21
    _createWidget @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-widget,jquery-ui-position,jq…:21
    a.(anonymous function).(anonymous function) @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-widget,jquery-ui-position,jq…:21
    (anonymous) @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-widget,jquery-ui-position,jq…:21
    each @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-widget,jquery-ui-position,jq…:2
    each @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-widget,jquery-ui-position,jq…:2
    a.fn.(anonymous function) @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-widget,jquery-ui-position,jq…:21
    (anonymous) @ builder.js?ver=3.0.50:3739
    each @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-widget,jquery-ui-position,jq…:2
    each @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-widget,jquery-ui-position,jq…:2
    render @ builder.js?ver=3.0.50:3736
    render @ builder.js?ver=3.0.50:2425
    showSettings @ builder.js?ver=3.0.50:5299
    dispatch @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-widget,jquery-ui-position,jq…:3
    r.handle @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-widget,jquery-ui-position,jq…:3

    • This is helpful. Thanks for posting it here.

      I was afraid it’s impacting every page. 🙁

      Oncaught TypeError: Cannot set property ‘toString’ of undefined
      at wp-color-picker-alpha.min.js?ver=3.0.50:8

      None of the calculators have any sort of color picker. Also,

      Uncaught TypeError: (intermediate value).setHSpace is not a function

      The calculators never try to "setHSpace".

      So your hunch of something not playing nice with each other appears to be a good one. But perhaps the problem has nothing to do with the theme itself but with another plugin? Have you tried disabling all plugins except for the calculators? If not, can you try it? If that works then the theme is OK, we have to figure out what plugin is not working with the calculators. If we narrow it to another plugin, I’ll try installing it on my local machine.

      If all plugins are disabled except for the calculators, then it’s the theme and the calculators. Is the theme free? If so, please send me a link to it and I’ll take a look.

      Also, just to check, you don’t have two calculators installed on the same page, do you? That currently won’t work. But still, it should not cause the problem you have. (When users try to install 2 calculators on the same page, the calculator buttons get confused. 🙂

    • I went to your site (site looks nice, by the way), and it is probably a problem with the theme. Looking at a normal page with the console active, there are no errors and the calculator works fine.

      What install option are you using for the calculators? Are you using shortcode, template or widget in a sidebar? Depending on how they are used, there maybe a quick fix.

      Also, if we get this working, I have some suggestions for changes to the configuration that you are using so that the text looks a bit better. But let’s get the edit feature working first.

  7. The problem is site-wide, not just on the pages with the calculators. If I deactivate the calculator plug-ins then everything works. If I leave them activated and de-activate any other plug-in, I can’t edit the modules on any page.
    Divi has a “Toggle” module and I open it and enter the basic FC code to embed a calculator. So the calculators are embedded in drop-down boxes on a couple pages. (But again, the conflict is site-wide.)
    One thing I was going to try next is adding “SubstituteMaxLineLength 10M” to the .htaccess file. I was looking through the Divi support for similar problems, and this solution worked for a couple cases (not all). Want to weigh in before I try it tomorrow?

    • I have no ideas about the modification to .htaccess. At least it’s a simple change and if it doesn’t fix things you can quickly remove it.

      I would suggest sending Divi the same error messages you posted below along with the symptoms. You can certainly tell them that you’ve narrowed it down to my plugins. Perhaps they can give us some ideas where to look. They should be able to tell use what the code is looking for. I would also suggest you add the fact the plugin is installed via a shortcode. Tell them how you installed it/them.

    • Also, I see what you mean how you install it into a toggle module. If you are installing the shortcode there, WordPress may not support shortcodes in such an element. ShortCodes are meant to be copied to the editor and save. I’m not sure if they can be used anywhere else.

      I would remove the shortcode and I would try copying this piece of code

      <?php show_fcloan_plugin(array(
      'op_size' => "medium",
      'op_custom_style' => "No",
      'op_add_link' => "Yes",
      'op_brand_name' => "",
      'op_hide_resize' => "No",
      'op_loan_amt' => "32500.0",
      'op_n_months' => "48",
      'op_rate' => "5.5")); ?>

      And when I say shortcode, just to be clear, you’ve installed the calculators with code that looks similar to this:

      [fcloanplugin sc_size= "tiny" sc_custom_style= "No" sc_add_link= "Yes" sc_brand_name= "Best's Auto" sc_hide_resize= "Yes" sc_loan_amt= "30000" sc_n_months= "60" sc_rate= "5.5"]

      If you are going to try if the above code resolves the problem, then disable all plugins and substitue the above top code for the one loan calculator plugin. Save the page and activate the plugin. Then try the editor.

      Hope this helps.

  8. Greetings and your wordpress application is amazing. How do you convert the Annual Interest Rate text input box into a drop down list? I would like the end-user to select only one annual interest rate by clicking. The drop down list will have the following values: 31.75%,35.75% and 33.75%.

    • Thanks for the nice words. It’s not just a matter of converting the input to a drop down. Someone has to modify the JavaScript. Do you know JavaScript?

  9. Thank you for the prompt reply and I have basic knowledge of JavaScript and php.

    • Every plugin has all the source code and the arrangement of the code is the same for each plugin. In the plugin’s folder find the subfolder "en" In that folder will be this file:

      calculator.gui.php

      In that file, you’ll find "div’s" that look like this:


      <div id="autoloan-wrap" class="calc-wrap tiny">

      Pick the div that corresponds to the screen size you have configured. Find the block of text that looks like below and replace the "input" with a "select" control


      <div class="input-group input-group-sm">
      <label class= "control-label" for="edRate-al">Annual Interest Rate?:</label>
      <input type="text" class="control num" id="edRate-al" maxlength="8" size="16" value=<?php echo $rate ?>>
      </div>

      In the "src" subfolder pick the source file:

      interface.LOAN-WIDGET.gpl.js

      Modify the "getInputs" function so as to read the value from a "select" control rather than an "input"

      Once you’ve done that, you need to use Google’s Closure compiler to minify the code and replace the code in the "js" folder. If you don’t minify it, then you have to move the source to the js folder and change the calculator to load the none minified code.

      Hope this helps. These are the details of the step you need to take.

    • There will be some other places in the JavaScript that you’ll need to modify. The function "initGUI" comes to mind. You’ll just have to study the code. I’m afraid I don’t have all the places memorized.

  10. Hello Karl, Good job on this plugin. How can I change the payment methods to monthly, quarterly & one-off? Please help as am on a deadline with completing a project. Thanks.

    • Do you know how to program in JavaScript? The plugin includes all the source code. You’ll need to study the code and make the modification so that the number of periods per year is a variable.

      • Hi, Where can I search for the codes needed to sort this out. On your site, the amortization schedule calculator has a lot of settings. Why are they not present in the calculator plugin for downloads. Luke the compounding, payment frequency, amortization etc. Thanks.

        • Victoria, I’m sorry, but I’m not able to run a programming class. It sounds as if this plugin won’t meet your needs. To answer your other question, because I don’t want to give those features away.

  11. Good day. I have your stunning loan application plugin. I live in Nigeria and I need to change the currency from $ to N (Nigerian Naira). Could you kindly assist?
    Please update the calculators on this site to support “N”

    Regards
    Justice

    • I’ll be happy to answer your questions and even add support for Naira, once I know a few more details. Namely, what character is used for the thousands separator and decimal character?

      Can you write out the Nigerian currency convention using this notation?: $###,###.##

      • Hi Karl, the naira notation is this for an example of one hundred thousand naira: ₦100,000.00. Please can the annual interest rate be changed to monthly interest? Thanks for your quick responses.

        • Hello Victoria, Changing the interest rate input to represent a monthly rate rather than an annual rate would take a lot of time for me to do, and therefore, it would be quite expensive. Such a change goes to the core of the calculations and it would take a while for me to make the changes in multiple locations in the code and then I would have to write test cases and code to validate the changes and confirm that I did not miss changing it any place.

          To change the currency symbol, go to where you installed the plugin and how you installed WordPress, that could be here:

          \wp-content\plugins\fc-loan-calculator\js

          In the js subfolder, find this file:

          interface.LOAN-WIDGET.min.js

          Open the file in a text editor and find this, it will be very close to the top of the file. In my editor, it is in row 7.

          CCY_CONVENTIONS=[{sep:”,”,dPnt:”.”,ccy:”$”,ccy_r:””}

          Change the $ to ₦ and leave the quote marks.

          Save.

          Refresh the page and hopefully, all will have gone well.

          • Thanks Karl, I appreciate your honest and quick response. I’ll use the annual interest rate by converting the monthly rate to its annual version.

  12. I’m using with a WordPress theme and the control labels are not displaying properly. the labels line break and over lap with the label below it. I have made some CSS adjustments and it works fine in Firefox but no other browser will accept the CSS fix.

    http://mmt-cpa.com/financial-calculators/retirement-savings-calculator/

    • Hi Corey, thanks for posting here and for the link. That helps.

      I think you have two choices. when you installed the plugin, did you notice the size options? You have it configured for large. You might want to try either medium or small.

      Or you can try this css:

      #calc-wrap {
          max-width: 550px;
      }
      
      form.calculator {
          max-width: 550px;
      }
      

      You can, of course, play with the width to get it the way you want.

  13. Hi Karl,

    thank you for your hard work, i see earlier you in the thread you indicated a possible upgrade for ZAR “R” for South Africa, do you ever get this done?

    i ruined the code out of frustration when it wasn’t working for me…. lol

    • Hi Ray, the website itself supports ZAR, but I’ve not gotten the plugins updated yet.

      You can delete the plugin folder and reinstall and it will at least work for you again. Use a text editor, open the file, and replace the dollar sign between the quote marks with the R and make sure the surrounding quotes are intact, save and you should be good to go. If you edit again and still have problems, email me the file and I’ll take a look.

Comments, suggestions & questions welcomed...

* Required