Currency Switcher widget lets customers switch to different Currencies while shopping on an eCommerce website. They can also check out in their preferred currency. This is a general widget so you can add it in any ShopEngine Template and it will be visible throughout the whole website.
Note: This widget is used in the front end to show people the functionality of the Currency Switcher Module. So, make sure you check out the documentation of the Currency Switcher Module first.
Let’s check out the steps of how to use the Currency Switcher Widget:
How to use Currency Switcher in WooCommerce using ShopEngine Widget #
Follow these 3 steps to add Currency Switcher in WooCommerce without any hassle.
Step 1: Enable the Currency Switcher Widget #
To enable the widget,
- Go to ShopEngine > Widgets > Currency Switcher
- Turn on Currency Switcher under General section
- Save changes
Note: You can also turn on Currency Switcher with a global setting which turns on all the widgets of ShopEngine.
Step 2: Add Currency Switcher to WooCommerce #
Before you can add the widget you need to create a Shop Page Template first. If you need help, you can check out the documentation on how to create a template.
To add Currency Switcher:
- Go to ShopEngine > Templates > Shop Page Template
- Click on Edit with Elementor
- Search for Currency Switcher on Elements Search option
- Drag and drop the widget
- Click on Update to save changes.
Step 3: Style Settings of WooCommerce Currency Switcher Widget #
Go to Style > General and expand to customize the following styles:
- Default Text: Set the text that will appear on the top of the dropdown.
- Height (px): Set the height of the widget using pixel value.
- Typography: You can change the font family, weight, transform, style, decoration, line-height
- Arrow Size (px): Set the size of the drop-down arrow in pixel.
- Normal/ Hover: Choose the Text color, background color, and border type for both normal and on hover view.
- Border Radius: Customize the top, right, bottom, and left values for border radius if you want.
- Padding: Customize the top, right, bottom, and left values for padding accordingly.
After making all the changes, click on Update to save.
Now currency switchers should be activated on every page of the website and your customer can choose the currency from the dropdown, shop, and check out in their preferred currency.
Here is the preview of the WooCommerce Currency Switcher Currency Switcher Widget: