Currency Converter is a very useful tool that allows your website visitors to quickly calculate exchange rates for different currencies without leaving your website.

In this article, we'll detail how to add a currency converter to your WordPress site and show two different approaches: one for generalWordPresswebsite, and the other specializes inWooCommerceStore.

What types of websites need a currency converter?

Below are some examples of currency converters that may need to be added to their websites:

• E-commerce store: If you sell products internationally, a currency converter can help your users quickly calculate the cost in local currency.
• Travel Blog: Currency converters in travel blogs help users calculate travel costs in different currencies.
• commercial websiteCurrency converters can help users understand the exchange rates of different currencies for organizations that do business in different countries.
• Finance and banking website: Websites in the financial and banking industry can add currency converters that allow visitors to calculate conversions without leaving the site.
• Currency and Forex Trading Sites: These sites publish content about cryptocurrencies, forex trading, etc. Currency converters allow users to quickly calculate exchange rates.

Method 1: Add Currency Converter in WordPress

utilization CBX Currency Converter plugin to accomplish this. The plugin is free and supports the calculation and display of up to 117 currencies.

Step 1: Installation and activation of the CBX Currency Converter plug-in

1. Log in to the WordPress dashboard.
2. Navigate to "plug-in (software component)" -> "Installation of new plug-ins".
3. In the search box type "CBX Currency Converter".

4. Once you have found the plugin, click "Now installing".
5. After the installation is complete, click "activate".

Step 2: Configure the CBX Currency Converter Plugin

After activating the plugin, some configuration is required:

1. Go to "set up" -> "Currency converter".
2. General settings of the plugin can be managed, such as selecting the layout of the currency converter and selecting the API source to get the exchange rate.

Select API Source: By default, the plugin uses Exchangerate.host and does not require an API key. You can also choose other sources such as Alphavantage, Openexchangerates and Currencylayer.

Select Layout: The plugin offers 4 layout options to choose from to display a currency calculator, a list of exchange rates, or both as desired.

Step 3: Customize Currency Converter Settings

Each layout can be further customized in the plugin settings page:

1. Calculator Defaults: Sets the default options for the starting and ending currencies.
2. List Defaults: Select the main currency and add other currencies to be displayed in the list of exchange rates.

After completing the settings, click "Save Changes".

Step 4: Display the currency converter on the website

There are two ways to display a currency converter on your website:

Method 1: Add a currency converter to the page

1. Create a new page or edit an existing page.
2. In the content editor, click the "+" button and add the "CBX Currency Converter" block.

Method 2: Add a currency converter to the sidebar

1. Go to "Appearance" -> "Widgets".

2. Add the "CBX Currency Converter" widget block to the sidebar area.
3. Edit the title, choose a layout, set the default currency, etc., and then click "Update".

Preview Currency Converter

Now, visit your website and view the currency converter on the page or in the sidebar. Users can enter an amount, select a currency, and click "conversions" button to display the results.

Method 2: Add Currency Converter in WooCommerce

If you are running a WooCommerce store, you can use the CURCY The plugin adds a currency converter.

Step 1: Installation and activation of the CURCY plug-in

Step 2: Configure the CURCY Plugin

1. Go to the Multicurrency page and view the General settings.

2. Enable the currency converter option and add different currencies. Note: The free version can only add 2 currencies at a time.

3. In the Locations tab, enable automatic currency detection.

4. In the Design tab, customize the appearance of the currency converter.

Step 3: Save settings and preview

After saving all the changes, visit the WooCommerce store to see the currency converter in action.

summarize

With the above two methods, it is easy to add a currency converter to your WordPress and WooCommerce website to provide users with a convenient currency conversion service. Whether it's a general website or an eCommerce store, a currency converter can improve user experience and conversion rates.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨詢：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off