This article is also available in:

๐Ÿงช How to Test Currency Conversion on Your Storefront

After setting up Hoppy Currency Converter, it's important to verify that everything is working correctly on your storefront.


Testing helps confirm that:


  • The currency selector is visible.
  • Manual currency switching works correctly.
  • Prices update across the storefront.
  • Auto currency detection behaves as expected.
  • Visitors from different countries see the correct currencies.


This guide walks through the recommended testing process from initial setup verification to real-world storefront testing.



โœ… Before You Begin


Before testing, make sure the following setup requirements have already been completed:


  • Hoppy Currency Converter is installed.
  • App Status is enabled.
  • The App Embed is enabled.
  • At least one currency has been added.
  • Shopify Money Format has been configured correctly.


โš ๏ธ If any of these requirements are missing, the Currency Converter may not appear on the storefront.



๐Ÿ‘€ Step 1 โ€” Verify the In-App Preview


The fastest way to confirm your configuration is working is by reviewing the preview inside the app.


How to Check


โžก๏ธ Open Hoppy Currency Converter.


โžก๏ธ Navigate to Settings.


โžก๏ธ Review the Desktop and Mobile previews.


Expected Result


The currency selector should appear in the configured position.


If the selector is visible in the preview:


โœ… Design settings are applied correctly.


โœ… Placement settings are configured correctly.


If nothing appears:


โžก๏ธ Verify App Status is enabled.


โžก๏ธ Confirm that at least one currency has been selected.



๐Ÿ”Œ Step 2 โ€” Verify the App Embed Is Enabled


The Currency Converter cannot appear on the storefront unless the App Embed is enabled.


How to Check


โžก๏ธ Open Hoppy Currency Converter.


โžก๏ธ Locate the App Status section.


โžก๏ธ Click the Theme Editor link.


Then navigate to:


Shopify Admin โ†’ Online Store โ†’ Themes โ†’ Customize โ†’ App Embeds


Locate: Currency Converter


Verify that the toggle is enabled.


โžก๏ธ Click Save.


Expected Result


The Currency Converter becomes available on the storefront.


๐Ÿ’ก If the embed is already enabled, try disabling it, saving, then enabling it again and saving once more.



๐Ÿ›๏ธ Step 3 โ€” Verify the Currency Selector on the Storefront


Once the App Embed is enabled, test the live storefront.


How to Check


โžก๏ธ Open your storefront.


โžก๏ธ Visit a page containing visible product prices.


Examples:


  • Product Pages
  • Collection Pages
  • Home Page
  • Cart Page


Expected Result


The currency selector should appear in the position configured within the app.


If it does not appear immediately:


โžก๏ธ Perform a hard refresh.


Windows


Ctrl + Shift + R


Mac


Cmd + Shift + R


This forces the browser to load the latest storefront assets.



๐Ÿ’ฑ Step 4 โ€” Test Manual Currency Switching


Manual currency switching is the quickest way to verify that price conversion is working correctly.


How to Test


โžก๏ธ Click the currency selector.


โžก๏ธ Choose a different currency.


โžก๏ธ Review storefront pricing.


Expected Result


You should see:


โœ… Currency symbols update.


โœ… Currency codes update.


โœ… Product prices update.


โœ… Collection prices update.


โœ… Cart prices update.


๐Ÿ’ก Test multiple currencies to ensure conversions are behaving consistently throughout the store.



๐ŸŒ Step 5 โ€” Test Auto Currency Detection


If Auto Currency Switch is enabled, the app attempts to detect the visitor's location automatically.


There are several ways to test this functionality.



Option A โ€” Use an Incognito Window


Open your storefront using a new Incognito or Private Browsing window.


This creates a fresh session without saved currency preferences.


Expected Result


The app should automatically detect the visitor location and apply the appropriate currency.



Option B โ€” Use a VPN


A VPN allows you to simulate visitors from different countries.


Example


VPN Location โ†’ Germany โ†’ Detected Currency โ†’ EUR


If EUR exists in your selected currencies list, prices should automatically switch to Euros.



Option C โ€” Use GeoPeeker


GeoPeeker can help preview how your storefront appears from different countries.


How to Test


โžก๏ธ Open GeoPeeker.


โžก๏ธ Enter your storefront URL.


โžก๏ธ Select a country.


โžก๏ธ Review the displayed currency.


Expected Result


The storefront should display the currency associated with the selected country.


๐Ÿ’ก This is useful if you don't have access to a VPN.



๐Ÿงน Step 6 โ€” Clear Session Data and Retest


The Currency Converter remembers manually selected currencies during the browsing session.


Because of this, auto-detection may not run again until the session is reset.


How to Reset


โžก๏ธ Open browser developer tools.


โžก๏ธ Navigate to the Application or Storage tab.


โžก๏ธ Locate Session Storage.


โžก๏ธ Clear the stored session data.


โžก๏ธ Refresh the storefront.


Alternative Method


Open a new Incognito or Private Browsing window.


This creates a completely fresh visitor session.


Expected Result


Auto currency detection should run again from the beginning.



โš ๏ธ Important Notes


Selected Currencies Matter


Auto-detection only works for currencies that have been added to your Select Currencies list.


If the visitor's currency is unavailable, the app falls back to the store currency or configured default currency.



Manual Selection Overrides Auto Detection


After a visitor manually selects a currency, that selection takes priority for the remainder of the session.


To retest auto-detection:


โžก๏ธ Clear session storage.


โžก๏ธ Open a new Incognito window.



App Embed Must Remain Enabled


If the selector disappears from the storefront unexpectedly, verify that the App Embed is still enabled.


This is the most common cause of storefront visibility issues.



Shopify Markets Compatibility


If Shopify Markets is handling local currency conversion, the app automatically adjusts its behavior to avoid conflicts.


If pricing appears different than expected, review your Shopify Markets configuration as well.



Browser Cache Can Delay Changes


After updating settings:


โžก๏ธ Save changes.


โžก๏ธ Perform a hard refresh.


Regular page refreshes may continue loading cached storefront assets.



๐ŸŽ‰ Final Result


โœ… The currency selector appears correctly on the storefront.


โœ… Manual currency switching updates prices throughout the store.


โœ… Auto currency detection works for supported countries.


โœ… The App Embed is configured correctly.


โœ… Visitors from different locations receive the expected currency experience.


Once these checks have been completed successfully, your Currency Converter is ready for customers around the world. ๐ŸŒ

Updated on: 10/09/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!