Skip to main content

How can I use the Floating Bar in the Currency Converter widget?

Place the Currency Converter widget as a compact top or bottom bar for quick conversions.

Written by Karan Bhakuni

How can I use the Floating Bar in the Currency Converter widget?

The Floating Bar layout is useful when you want the converter to stay compact and easy to access without taking over a large section of the page. It works well near the top or bottom of a page, especially for ecommerce, travel, pricing, or international service pages.

This screenshot should show where to choose the Floating Bar layout and where to set it to Top or Bottom.

Choose the Floating Bar layout

Open the Templates tab and select Floating Bar. This changes the converter into a narrow horizontal bar with the amount, currency selectors, converted value, and live rate text in one compact area.

Set the bar position

After selecting Floating Bar, open Settings and find the Position section. Use Bar Position to choose whether the bar should appear at the Top or Bottom.

  • Use Top when the converter should be visible immediately near a pricing table or product area.

  • Use Bottom when the converter should feel available but less intrusive.

  • Check the preview after changing the position so the bar does not cover important content.

If the bar feels too large for your page, reduce the padding in the Style settings or choose a more compact color and shadow style.

Did this answer your question?