Login

AC Retirement Savings Plugin Calculator

A free plugin calculator for WordPress websites and blogs

In brief: The AC Retirement Savings Plugin is a responsive calculator that creates date-based investment schedules and charts. Calculate the investment amount you'll need to reach your retirement goal. It is rebrandable with your name. Supports 90 currencies, six date formats, and 15 languages. Now highly customizable via extensive configuration options.

This plugin is also supported in the WordPress.org plugin directory.

Below is just one example of how the AC Retirement Savings Plugin Calculator 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.

Select your preferred currency symbol and date format:
$ : mm/dd/yyyy

To use your preferred currency and date format, click $ : mm/dd/yyyy in the bottom right corner of the calculator. More below

Your Brand Name Here
Retirement Savings Calculator
©2025 AccurateCalculators.com$ : mm/dd/yyyy
Original Size
Use these shortcodes in the page's content editor for the above result:
[fcretiresavingsplugin sc_size="medium" sc_custom_style="No" sc_add_link="Yes" sc_brand_name="Your Brand Name Here" sc_hide_resize="No" sc_current_age="28" sc_retire_age="66" sc_current_savings="22000" sc_rate="5.5" sc_goal_amt="1100000.0"]

Description

The AC Retirement Savings Calculator creates date-based investment schedules and charts. Calculate the periodic investment amount you'll need to make to reach your retirement goal.

It supports 90 currencies, six date formats, and 15 languages.

Choose from four predefined sizes or customize it via the configuration options. It is fully responsive with touch support.

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

The plugin can be used in three different ways:
(a) in a post or page's content area via a shortcode;
(b) in a widget area; or
(c) in any template file.

See the Usage section under Installation for details.

Installation

Upload the fc-retirement-savings-calculator folder (with all its files) to the /wp-content/plugins/ directory or unzip the plugin's zip file into the /wp-content/plugins/ folder.

Activate the plugin through the Plugins → Installed Plugins menu in the WordPress admin dashboard.

Upgrading
If you have translated the plugin from English to another language, please back up your work before upgrading the plugin.

Usage

There are three mutually exclusive methods to deploy the calculator on an individual page (although you may use different methods on separate pages):

  1. Add the shortcode [fcretiresavingsplugin] in the content area of your page or post and optionally configure the shortcode parameters. WordPress v5.8 introduced the block editor. To install this plugin as a widget in WordPress v5.8 or later, first install the widget shortcode block and then copy this plugin's shortcode into it.
  2. Template Function: Add the following code to your template where you want the calculator to appear:
    <?php show_fcretiresavings_plugin(); ?>
    See the options below for additional customization.
  3. If your theme supports widgets, add the plugin to a widget area through the Appearance → Widgets menu in WordPress.

Shortcode Parameters

The pipe symbol ("|") indicates a choice. For example:
"tiny" | "small" | "medium" | "large"
means you must pick one:
sc_size="medium"
Include the quotation marks around the size.
Space characters around the `=` symbol are not permitted.

Available parameters:

  • sc_size="tiny" | "small" | "medium" | "large"
  • sc_custom_style="No" | "Yes"
  • sc_add_link="No" | "Yes"
  • sc_brand_name=""
  • sc_hide_resize="No" | "Yes"
  • sc_current_age="28"
  • sc_retire_age="62"
  • sc_current_savings="16000.0"
  • sc_rate="5.5"
  • sc_goal_amt="1000000.0"
  • sc_currency (see: the file currency_and_date_conventions.txt)
  • sc_date_mask (see: the file currency_and_date_conventions.txt)
  • sc_theme_base_font_size="16px"
  • sc_theme_primary_color="#28a745"
  • sc_theme_primary_color_hover="#218838"
  • sc_theme_primary_color_light="#30c853"
  • sc_theme_primary_color_text="#fff"
  • sc_theme_primary_color_text_inverse="#fff"
  • sc_theme_background_muted="#f7f7f7"
  • sc_theme_background_color_disabled="#efefef"
  • sc_theme_background_calculator_color="#fff"
  • sc_theme_background_modal_color="#fff"
  • sc_theme_border_color="#dee2e6"
  • sc_theme_text_color="#333333"
  • sc_theme_tooltip_text_color="#fff"
  • sc_theme_shadow_color="rgba(0, 0, 0, 0.1)"
  • sc_theme_primary_font_family_stack=
    "Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif"
  • sc_theme_mono_font_family_stack=
    "'Roboto Mono', 'Source Code Pro', ui-monospace, monospace"
  • sc_calculator_min_width_tiny="120px"
  • sc_calculator_max_width_tiny="180px"
  • sc_calculator_min_width_small="160px"
  • sc_calculator_max_width_small="300px"
  • sc_calculator_min_width_medium="280px"
  • sc_calculator_max_width_medium="340px"
  • sc_calculator_min_width_large="280px"
  • sc_calculator_max_width_large="440px"
  • sc_hide_intl_conventions="No" | "Yes"

Examples:

  1. Full options with defaults:
    [fcretiresavingsplugin sc_size=null sc_custom_style="No" sc_add_link="No" sc_brand_name="" sc_hide_resize="No" sc_current_age="28" sc_retire_age="62" sc_current_savings="16000.0" sc_rate="5.5" sc_goal_amt="1000000.0" sc_currency=null sc_date_mask=null sc_theme_base_font_size="16px" sc_theme_primary_color="#28a745" sc_theme_primary_color_hover="#218838" sc_theme_primary_color_light="#30c853" sc_theme_primary_color_text="#fff" sc_theme_primary_color_text_inverse="#fff" sc_theme_background_muted="#f7f7f7" sc_theme_background_color_disabled="#efefef" sc_theme_background_calculator_color="#fff" sc_theme_background_modal_color="#fff" sc_theme_border_color="#dee2e6" sc_theme_text_color="#333333" sc_theme_tooltip_text_color="#fff" sc_theme_shadow_color="rgba(0, 0, 0, 0.1)" sc_theme_primary_font_family_stack="Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif" sc_theme_mono_font_family_stack="'Roboto Mono', 'Source Code Pro', ui-monospace, monospace" sc_calculator_min_width_tiny="150px" sc_calculator_max_width_tiny="250px" sc_calculator_min_width_small="200px" sc_calculator_max_width_small="300px" sc_calculator_min_width_medium="200px" sc_calculator_max_width_medium="400px" sc_calculator_min_width_large="200px" sc_calculator_max_width_large="440px" sc_hide_intl_conventions="no"]
  2. Minimum configuration (accepts all defaults):
    [fcretiresavingsplugin]
  3. Minimal configuration:
    [fcretiresavingsplugin sc_size="small" sc_custom_style="Yes" sc_hide_resize="Yes" sc_currency="83" sc_date_mask="2" sc_current_age="28" sc_retire_age="62" sc_current_savings="16000.0" sc_rate="5.5" sc_goal_amt="1000000.0"]
  4. Custom branding:
    [fcretiresavingsplugin sc_custom_style="No" sc_add_link="Yes" sc_brand_name="Main Street Planners" sc_hide_resize="Yes" sc_goal_amt="1000000.0"="1300000" sc_n_months="180" sc_rate="5.5"]

NOTE:When using the shortcode, include only the options you want to change.

advertisement

Optional Array Parameterforshow_fcretiresavings_plugin()

The available options are the same as for the shortcodes, except that you must replace sc_ with op_, for example:

<?php show_fcretiresavings_plugin(array(
'op_size' => "medium",
'op_custom_style' => "No",
'op_add_link' => "Yes",
'op_brand_name' => "",
'op_hide_resize' => "No",
'op_current_age' => "28",
'op_retire_age' => "62",
'op_current_savings' => "16000.0",
'op_rate' => "5.5",
'op_goal_amt' => "1000000.0",
'op_theme_base_font_size' => "16px",
'op_theme_primary_color' => "#28a745",
'op_currency' => "999",
'op_date_mask' => "999")); ?>

Notes:

  • To add your brand to the calculator, set the _add_link option to "Yes" (including quotation marks). This will add a subtle follow link to AccurateCalculators.com.
  • When branding is enabled, the brand name will appear before "Retirement Savings Calculator."
  • If custom_style is set to "Yes", the plugin loads the file css/accurate-calculators-custom.css located in the plugin's DIST/CSS folder. Modify only the CSS selectors that you need to change.
  • The plugin is built and tested on HTML5/CSS3 pages.
  • Sizes:
    - Minimum width: tiny: 150px, small: 200px, medium: 200px, large: 200px
    - Maximum width: tiny: 250px, small: 300px, medium: 400px, large: 440px
  • The modals used for displaying the schedule, currency selection, and help are Bootstrap 5 modals. If your site uses an earlier version of Bootstrap, you may encounter issues. Please contact support if needed.
  • Website developers can set a default currency sign and preferred date format by setting the <op/sc>_currency and <op/sc>_date_mask options to an integer value. For a list of supported integers (covering over 90 currency symbols and six date formats), refer to 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

The plugin supports over 90 currency signs with appropriate number formatting and six date formats (e.g., mm/dd/yyyy, dd/mm/yyyy, yyyy.mm.dd). If neither the website developer nor the user makes a selection, the calculator will detect the browser's default currency and date options. For example, a website visitor from Japan accessing a site hosted in France may initially see a floating yen sign. The website developer can override this default behavior using shortcode or function options. If all else fails, the plugin defaults to using the $ symbol.

How the plugin determines the currency symbol and date format:

  1. If user selection is allowed and made, the plugin applies the user's choice.
  2. Otherwise, if the website developer has set a default currency (≠ 999), that selection is used.
  3. Otherwise, the plugin reads the browser's default currency and applies it.
  4. If none of the above apply, the plugin defaults to '$'.

Language Translations

The plugin supports 14 languages in addition to English. A translation template file (.POT) is included in the languages folder. Using a POT/PO file editor, website owners can translate this plugin into any language supported by WordPress.

Supported languages — try fully functional plugins in your language via the links below:

Try Plus versions of our calculator plugins in your language:

The links above take you to fully functional calculators on this site—ready to be installed for free on your WordPress website.

Try Non-Plus versions of our calculator plugins in your language:

The links above take you to fully functional calculators on this site—ready to be installed for free on your WordPress website.

Notes:

  • (1) The plugin uses the site's "Site Language" setting to display the correct language. The language files in the languages folder can be renamed if necessary. For example, if you want the plugin to display in Portuguese for Brazil, rename the language files from pt_PT to pt_BR.

Support

Support is available for all plugins. If you have a question or encounter an issue, please visit the plugin's support forum and indicate whether you are using the original plugin or the Plus version. Please also provide a link to the page where the issue occurs to help resolve the problem more quickly.

Screenshots

advertisement

(See: hex colors for explanation about web colors.)

retirement savings calculator plugin for WordPress
Fig. 1 Two predefined screen sizes—"large" and "tiny" and different color settings.
retirement investment schedule
Fig. 2 Example of investment schedule showing investment dates and a detailed summary.
charts created by retirement savings calculator plugin
Fig. 3 Creates three charts for visualization.
WordPress option page
Fig. 4 A portion of the configuration screen in WordPress's Appearance -> Widgets
(only for when installing in a sidebar area).

Frequently Asked Questions

Can the AC Retirement Savings Plugin calculator be used on a commercial website?
Yes. Your use is appreciated.

Does your plugin include any embed advertising?
Absolutely not.

Is the plugin self-contained?
Yes. The entire plugin is installed on your server with no external dependencies.

Does the plugin include any backlinks?
No, not by default. However, if you brand the calculator with your brand or set the add_link option to "Yes," a discreet link to my site is added around the copyright in the lower left (this link only appears on mouseover).

Is the calculator plugin responsive?
Yes. It is designed for responsive use. I use it on a Bootstrap v5.x responsive site, and responsiveness has been greatly improved in version 2.

Does the calculator support touch devices?
Yes. The calculator is compatible with all device types. A previous issue with some Android devices has been resolved.

Changelog

v. 2.0

  • Improved design responsiveness, particularly at smaller screen sizes.
  • Added dozens of easily configurable display and style options. No programming required.
  • Many technical changes (dropped jQuery, Featherlight, updated to Bootstrap 5).
  • Improved the overall quality of all the language translations.

Supported and updated continuously since 2016. See: changelog.txt

advertisement

What are the differences between the Plus version of your plugins and the "Non-Plus" version?

  1. The Plus versions allow the schedule to be printed.
  2. The Plus versions allow for an optional title page for the printed schedule. The title page gives the website the ability to include their brand and marketing information.
  3. The Plus version has improved numeric editing. Thousand separators are inserted as your user types which makes it easier to enter large numbers.
  4. The Plus version includes all PHP and CSS source code, but not the JavaScript source code.
  5. The Plus version sends to my site the domain name you install it on. I may link to your site to provide an example of the plugin's use. (The plugin collects no other information.)
  6. And, for now, the Plus version includes many more configuration and styling options.