fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

custom-cursor-elementor
google-maps-widget
age-verification-widget-for-elementor

Currency Converter

The Currency Converter Widget provide your visitors with real-time exchange rates and seamless conversion calculations, all within the familiar interface of Elementor. It provides visitor a user-friendly experience that enhances your website’s functionality. Whether your visitors are making international purchases or planning travel expenses, the Currency Converter widget makes it effortless to stay informed and make accurate calculations. Transform your website into a global platform with the Currency Converter widget for Elementor.

 

Let’s look at each of the options in the “Currency Converter Widget” below.

Install Currency Converter Widget for Elementor

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Currency Converter”
  3. Hover over the widget in the search results and click install
  4. Add your “Currency Converter” widget to any Elementor Page 

To begin using this widget, you need to firstly enter the Exchange Rate API Key.

You need to go to Unlimited Elements>>Settings>>Integrations>>Exchange Rate API.

You can get your API Key here.

General Settings

1

Currency Code

Type your three letter currency code to which you want to currency be converted.

You can get list of currency codes from here.

2

Rate Precision

You can specify the number of decimals for the rate from 2 to 6. The default value is 2.

3

Include Currencies

You can specify a list of currencies separated by comma to include, otherwise all currencies will be displayed.

4

Cache Time

You can specify the cache time of results in minutes.

5

Calculation Mode

Select the calculation trigger mode.

  • After Button Click
  • After Currency Amount Change
6

Output Decimal Digits

You can specify the output decimal digits.

7

Default Currency Selected

Turn on or off the option for default currency.

8

Default Currency Selected From

You can define default from currency code here.

9

Default Currency Selected To

You can set default currency code.

Layout Settings

1

Input Default Value

Set the default value for input field.

2

Show Currency Flag

Show/Hide the currency flag.

3

Show Title Currency Name

Show/Hide the title currency name.

4

Show Title Currency Name

Show/Hide the title currency name.

5

Show Title Currency Code

Show/Hide the title currency code.

6

Show Dropdown Item Currency Name

Show/Hide the dropdown item currency code.

7

Show Currency Input Label

Show/Hide the currency input label.

8

Currency Input Label

Type text to show as currency input label.

9

Show Dropdown Label

Show/Hide the dropdown label.

10

From Dropdown Label Text

Type text to show as "From" dropdown label text.

11

To Dropdown Label Text

Type text to show as "To" dropdown label text.

12

Show Output Label

Show/Hide the output label.

13

Output Label

Type text to show as output label.

14

Show Base Currency

Show/Hide the base currency element.

15

Search Placeholder

Type text to show as search placeholder.

16

Button Text

Type text to show in button.

Icons Settings

1

Swap Button Icon

Choose an icon to display as swap button.

 

2

Expand Icon

Choose an icon to display as expand icon.

3

Collapse Icon

Choose an icon to display as collapse icon.

Currency Converter Widget Styling

All elements of the widget’s design can be managed using various styling choices. You have the freedom to select colors that harmonize with your website’s aesthetic. Customize the text, icons, fonts, and layout to tailor the widget’s appearance and functionality to your specific preferences.

Input Label Styling

You can set the input label typography, text color, text shadow and alignment.

Input Styling

Set the typography, width, spacing, padding, text color, background color, border, and border radius for input element.

Dropdown Field Container Styling

Set the dropdown field gap, layout, and alignment.

Dropdown Field Labels Styling

You can set the dropdown field label typography, color, and text shadow.

Dropdown Field Styling

Style the dropdown field spacing, gap, padding, border, typography, and text color.

Currency Flag Styling

You can set the currency flag width, height, and border radius.

Dropdown Styling

You can set the dropdown max height, border, border width, border radius, shadow, gap and background color.

Dropdown Item Styling

Style the dropdown item padding, border, typography, background color, and title color.

Dropdown Item Flag Styling

You can set the dropdown item flag width, height, gap, and radius.

Dropdown Currency Search Styling

Set the currency search margin, typography, background color, text color, border, and border radius.

Output/Result Styling

Style the alignment, spacing, background, border, radius, padding, typography, color, and text shadow of output element.

Swap Button Styling

You can set the swap button width, height, icon size, background color, icon color, border, and border radius.

Usage Examples

Here are some live use cases for the Currency Converter Widget.

Video Overview

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!