fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

Circle Progress Bar Featured
Vertical Progress Bar - Featured
custom-cursor-elementor

How to add a Currency Converter to Elementor?

Integrating a currency converter is crucial for providing a seamless shopping experience to customers from across the globe. It not only demonstrates your commitment to accommodating the needs of an international audience but also aids in building trust and transparency by allowing customers to view prices in their local currency. Fortunately, adding a currency converter to your Elementor site is straightforward and does not require extensive coding knowledge. During the setup process, you’ll need to obtain an API key, which is a simple step that connects your site to real-time currency exchange rates. Furthermore, this widget is highly customizable, enabling you to tailor its appearance to match your site’s design and specify which currencies are available for conversion, ensuring a cohesive and user-friendly experience for your customers.

Common scenarios where a currency converter comes in handy:

1

E-Commerce Platforms

Enhance the shopping experience for international customers by displaying prices in their local currency, simplifying the purchasing decision process.

2

Travel and Booking Websites

Offer real-time currency conversion to help users estimate costs in their native currency for accommodations, flights, and activities.

3

Educational and Financial Resources

Provide students and researchers with tools for calculating exchange rates for academic projects or financial planning.

4

Freelancers and Digital Service Providers

Allow clients to see project costs in their own currency, making it easier to understand pricing without needing to manually convert values.

5

Subscription-Based Services

Assist subscribers in understanding recurring billing amounts in their local currency, which can reduce confusion and aid in budget planning.

Step #1: Install and activate Unlimited Elements

Before getting started you will need to purchase Unlimited Elements pro from the link below to access the currency converter widget.

Then follow these steps:

1

Go to Plugins → Add New → Upload Plugin.

2

Choose the zip file you downloaded, upload, and then click Activate.

3

Once activated, you’ll need to enter your license key.

Now that you have the plugin installed, it’s time to start creating your first currency converter.

Step #2: Get API key
1. Open your web browser and navigate to the ExchangeRate API website or Click here
currency conversion

2. Sign Up for an Account: Click on the “Sign In

3. Price and Plans

Upon logging into the API Exchange Rate Dashboard, you can easily navigate to the “Manage Plan” section situated on the left side of the interface. Currently enrolled in the Free Plan, you have the flexibility to modify your subscription plan to better suit your requirements.

4. Obtain Your API Key

After registration, you will be given an API key on your dashboard. Copy that key

Step #3: Setup API key
1

Go to Unlimited Elements settings in your WordPress dashboard

2

Find the "Integration" section.

3

Locate the "ExchangeRate API Key" field

4

Paste the copied API key from the ExchangeRate API website

5

Save your changes

Following these streamlined steps, you can seamlessly connect your ExchangeRate API key with Unlimited Elements.

Step #4: Adding the Currency Converter widget to your Elementor website

To create a currency converter you need to install the Currency Converter widget from the Unlimited Elements Widget library. 

1

Go to Unlimited Elements in the WordPress Dashboard

2

Search for the "Currency Converter"

3

Hover over the widget and click install

Then, in the Elementor editor, Find the Currency Converter widget and drag it to the desired part of your page.

Step #5: Configure Currency Converter Widget
1

Currency Code

Enter the three-letter currency code.

2

Rate Precision

Optional. Specify the number of decimals for the rate: from 2 to 6. Default is 2.

3

Include Currencies

Specify the currencies you want to be available.

4

Cache Time

Enter the cache time in minutes.

5

Calculation Mode

Choose live or on button click for result display.

6

Output Decimal Digits

Specify the number of decimal places for the converted amount.

7

Default Currency Selected

Choose the default currency for initial display and calculations.

Step #6: Configure Currency Converter Layout

The currency converter offers great flexibility, allowing you to tailor the layout to your preferences. Every element can be fully customized, from colors and typography to spacing.

Currency Converter Live Demo

Exchange your currency

Select Currency
Select Currency
You will get
0
Wrapping it Up!

Integrating a currency converter into your Elementor website is more than just a convenience; it’s a step towards cultivating a global community around your brand. By addressing the diverse needs of your international audience, you demonstrate a level of care and attention that goes beyond the mere selling of products or services. Remember, the goal is to create an environment where customers feel valued and understood, regardless of where they are in the world. With the technical steps outlined above, you are well on your way to adding this essential feature to your site. Do not underestimate the power of such tools in enhancing the user experience and expanding your market reach. Now, go ahead and make your website a welcoming space for users from every corner of the globe!

View More Related Blog Posts

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!