# Geolocation Button

The Geolocation Button is an **app block** that allows you to add a customizable country and language selector anywhere on your Shopify store. 

This button enables your customers to **select their preferred country and language**, enhancing their shopping experience by ensuring they see the correct content and currency based on their choices.

{% embed url="<https://www.loom.com/share/5ce17db546a0462587188818bb128d06?sid=997da58f-e78f-4c27-91ad-c21c8ebff76f>" %}

The **Geolocation Button** can open either the **Geolocation Popup** or the **Market Selector modal**.

## How to use it

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td>➕ <strong>How to add</strong>   </td><td>Step-by-step instructions on adding the app block to your Shopify theme.</td><td><a href="how-it-works#how-to-add">#how-to-add</a></td></tr><tr><td>🌟 <strong>How it works</strong>  </td><td>Quick start guide to get your Geolocation Button up and running.</td><td><a href="how-it-works#how-to-setup">#how-to-setup</a></td></tr><tr><td><strong>📍 Selector Placement</strong></td><td>How to position the Geolocation Button anywhere in your theme.</td><td><a href="geolocation-button/selector-placement">selector-placement</a></td></tr><tr><td><strong>🎨 Variables</strong></td><td>Customize the button’s appearance to create a personalized look and feel.</td><td><a href="geolocation-button/variables">variables</a></td></tr><tr><td><strong>⚒️ Custom Code</strong>    </td><td>Use custom CSS o JavaScript inside the app. </td><td><a href="geolocation-button/custom-code">custom-code</a></td></tr></tbody></table>