Skip to main content

How to add price selector (Currency Formatting)?

Written by Sushant Shekhar
Updated over a month ago

Learn how to add a price selector in admin settings

💡 Why Pricing Selector Setup is Important

Setting up the Pricing Selector ensures that product prices convert properly across your store.

Follow the steps ahead. If you still need help, do not hesitate to message us.

✅ Step-by-Step Instructions

1️⃣ Open the Hoppy Currency Converter app
From your Shopify admin, go to Apps → Hoppy Currency Converter.

2️⃣ Access the Price Selector
On the onboarding page of the currency converter, copy the HTML with currency and HTML without currency. Then, either click Add price selector on step 3, OR go to Admin settings.

HTML with currency

<span class=money>Rs. {{amount}} INR</span>

HTML without currency

<span class=money>Rs. {{amount}}</span>

3️⃣ In General settings→ Store default and click Change currency formatting.

4️⃣ Edit the HTML formatting
A modal will open. In both fields - HTML with currency and HTML without currency - paste the code copied previously.

<span class="money"> ... </span>

Make sure to wrap your existing price placeholder/HTML within this tag.

5️⃣ Save the settings 💾
Click Save in the modal.

That is it, your pricing selector is now properly setup.

Did this answer your question?