A Currency Switcher widget allows users to change the displayed currency for prices and transactions. It enables them to choose from a list of supported currencies, view real-time conversions, set preferences, and ensures a consistent experience by updating prices. The widget is crucial for businesses catering to a global audience or targeting regions with different currencies, enhancing user experience and localization efforts.
The Currency Switcher widget encompasses all the currencies that have been previously set up. Navigate to Dashboard > Settings > Project Details to add the desired currencies, specify the default one, and follow the outlined steps to complete the configuration process.
Adding a Currency Switcher Widget
To add a Currency Switcher widget:
- Go to the Visual Editor by clicking Design on the Dashboard top panel or by navigating from Dashboard > Channels > Design.
- Navigate to the Widgets list on the Visual Editor Left Panel.
- Type the widget name in the search bar or expand the Advanced group to access the Language Switcher widget.
- Drag the widget and drop it into your desired area, preferably within the header.
![](https://app.hoory.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNS85QXc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--ede2dc5ff995575f0794d3b252cbbff5622101d0/2024-01-26_173257.png)
Configuring the Currency Widget
To design the appearance and behavior of the Currency Switcher widget, activate the Property Panel, where you can customize its Styles and Settings according to your preferences. To do so:
- Go to the widget Styles to make the required configuration of general styling features (see Global Styles) to achieve the desired visual and functional outcomes.
- Select the CSS design framework States - Normal, Hover, and Focus.
- Select how the currency is displayed when triggered: Dropdown or List.
- Activate/deactivate the toggles for displaying a country flag, currency name, and currency code on the page.
- In the List view mode, make the Orientation either Horizontal or Vertical.
![](https://app.hoory.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNm45QXc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--d8370fbb14bc64f6c90ce9532212ce73e73bb9e8/2024-01-26_184123.png)
2. Go to the widget Settings to:
- Set the widget visibility (see Visibility Settings) on the website based on criteria such as your customers' location, session status, device type, browser, language preference, etc., to tailor it to specific user segments or conditions.
- Enable the Open on Hover feature to allow your customers to access the currency dropdown menu to choose the preferable one by simply hovering over the widget.
![](https://app.hoory.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNnI5QXc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--9afa3776e54010334e8f25196d3d433cdce92f69/2024-01-26_185405.png)
💡 If you have questions or concerns, contact us directly via the Live Chat box in the lower right corner. Our Support Team will provide you with top-notch quality support 24/7.