How to Add Currency Switcher to WooCommerce Website in 5 Steps

How to add currency switcher to WooCommerce

Thinking of adding a WooCommerce currency switcher to your website?

Well, if your plan is to expand your business overseas then you should add a multi currency switcher plugin and you must leverage a WordPress currency switcher plugin for that. Because a currency switcher plugin is the most convenient way to add this feature to your WordPress site and provide your customers the option to change the currency in WooCommerce.

But which plugin should you use? And how to use the right WordPress currency converter to add multiple currency features with ease?

You will get answers to all such questions in this detailed tutorial on how to add a currency switcher to the WooCommerce site. So, without further ado, let’s get started…

What is WooCommerce Currency Switcher?

What is WooCommerce currency switcher elementor currency switcher

WooCommerce currency switcher is an eCommerce website feature that enables users to check product prices in various currencies. On top of that, they can also checkout to place an order in their preferred currency. Customers can switch between different currencies on all the WooCommerce pages such as the shop page, cart page, checkout page, etc.

🀷 Want to add a custom checkout field to your WooCommerce site? Check out our blog on 
πŸ‘‰πŸ‘‰ How to Add WooCommerce Custom Checkout Field in Just 3 Steps (No Coding)

Benefits of Using Currency Switcher in a WordPress site

Globalization has made it rather essential to add options to change the currency in WooCommerce. The perks of having a WooCommerce multi-currency switcher on your site include:

  • It can help you to expand your business. Because with the currency switcher option, you can target a broader audience. And the bigger your targeted audience is, the better chance you have to successfully expand your business.
  • Having a currency switcher option on your WooCommerce store will also ensure a better user experience for your customers. As users will have the option to see prices in their own local currency, they won’t have to convert prices into other currencies which can be annoying and time-consuming.
  • Besides, having an advanced feature like a currency switcher can help you stay ahead of your competitors. As I have mentioned before, now it’s the time of globalization, and having a currency switcher will help your brand to beat your competitors.

Required Plugins to add WooCommerce Multi Currency Switcher to WordPress

You will need to install a one-page builder and another WordPress currency switcher plugin to follow the tutorial shown in this blog. The required plugins are:

πŸ””πŸ”” To purchase ShopEngine Pro at 20% less price use the coupon code community20

WordPress currency switcher

How to Add WooCommerce Currency Switcher to WordPress Website in 5 steps

llow each step carefully to add a Elementor WooCommerce currency converter to your WooCommerce site without any hassle. Here are the steps:

Step 1: Enable Both Currency Switcher Module & Widget

You will need both currency switcher module and widget to add a fully functional currency switcher to your WooCommerce site. Before you can use these, you need to enable them.

To enable the currency switcher widget, from the WordPress Dashboard go to ShopEngine β‡’ Widgets β‡’ Currency Switcher. Then, turn on the toggle button of the Currency Switcher Widget under the General section and click on Save changes.

turn on WooCommerce currency switcher widget by ShopEngine elementor currency switcher

To enable the currency switcher widget, from the WordPress Dashboard go to ShopEngine β‡’ Modules β‡’ Currency Switcher and click on the Settings Icon. Then, enable the Currency Switcher module option and click on Save Changes.

turn on WooCommerce currency switcher module by ShopEngine

Step 2: Customize the Currency Switcher Module’s Settings

After you enable currency converter widget and module, you will get the following options to customize:

  • Currency Auto Update: Turn this option on to update different currency values automatically.
  • Currency Auto Update Time (Hourly): Set how frequently you want the currency to update. You must give the numbers in hours only.
  • Currency Symbol Show Dropdown: Turn this option to show the currency list (symbol) in the dropdown menu at the front end.
  • Currency Default Rate Provider: ShopEngine leverages 2 API providers to update the currency rate; Fixer API and Currency Freaks API. You can choose either of these two.
  • Default Currency: Select the default currency that will appear when someone first lands on your website.
  • Currency Freaks API Credential: Once you sign up for any of the Currency Freaks packages, you will get an API credential, use that value here.
add different WooCommerce switcher to elementor currency switcher using ShopEngine

Step 3: Add Multiple Currencies

To add a new currency, click on the + Add New button and provide the following information.

  • Currency Activate: Turn on/off Currency Activate to activate/deactivate the currency.
  • Currency Name: Put the name of the currency name in the Currency Name field.
  • Currency Code: Make sure to use a standard code for the Currency Code. For example Currency code for the United States Dollar is USD.
  • Currency Rate: Put the currency rate in terms of exchange rate or USD.
  • Currency Symbol: Use a standard currency symbol.
  • Currency Symbol Position: You can position the currency symbol on left, right, left space, or right space depending on the currency you are trying to add.
  • Currency Decimal: Select the number of decimal places you want your currency to show.
  • Disable Payment Gateways For This Currency: Choose the payments gateways you want to disable for the currency.

After inserting all the data, click Save Changes.

woocommerce currency switcher add currency

Note: Repeat the same process to add as many currencies as you want.

Step 4: Drag and drop Currency Switcher Widget to your WooCommerce site

To add Currency Switcher, navigate to ShopEngine β‡’ Templates β‡’ Shop Page Template, and click on Edit with Elementor. 

edit shop template to add wooCOmmerce currency switcher

Once the editor shows up, Search for Currency Switcher on the Elements Search option, when found the widget, drag and drop the it. 

drag and drop currency switcher widget by ShopEngine add different WooCommerce switcher to elementor currency switcher

You can also change different styles of currency switcher widgets such as 

  • Default Text
  • Height (px)
  • Typography
  • Arrow Size (px)
  • Normal/ Hover
  • Border Radius
  • Padding
styles of Elementor currency switcher by ShopEngine

For more details about the style settings, check out the documentation

Note: If any Payment Gateways are disabled for some Currency, then that gateway will not show up on the checkout page for that currency.

WooCommerce currency switcher

Step 5: Update & Preview Elementor Currency Switcher

Once you are done with the style customization, click on update to save. Here is a preview of your added WooCommerce Elementor currency switcher:

Preview of how to add Elementor WooCommerce currency switcher to WordPress

Final Words on WordPress Currency Switcher

I hope you have successfully added the WooCommerce currency switcher to your WordPress site. As mentioned before, using a WooCommerce plugin makes it super easy and when you use a flexible WooCommerce builder like ShopEngine it becomes even more tranquil.

Choosing ShopEngine as your WordPress currency switcher plugin is an excellent decision because it’s a multipurpose plugin that along with currency switching feature also offers popular eCommerce features such as preorder, backorder, partial payment, etc. Besides, you can build all your WooCommerce pages from scratch using this plugin.

So, do try this marvelous award-winning currency switcher plugin.

Note: To purchase ShopEngine Pro at 20% less price use the coupon code community20

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *