Set up Geolocation Popup
September 11, 2024Connect stores
September 11, 2024
Set up Market Selector
In this article, we will guide you through setting up a basic selector, a process that takes less than 6 minutes.
Where can I customize Market Selector?#
Before customize the geolocation popup, please make sure Geos is activated on your Shopify theme editor. Learn more about Enable Geos on your theme
To customize your market selector, go to Dashboard > Click Customize market selector
Customize Selector Theme#
To modify selector theme, go to Customize market selector and select Theme tab
In this section, you can customize the appearance of your selector to match your brand.
1. General
In General tab, you can change the font size, text color, as well as background color of the selector.
2. Style
You can choose whether you want a square or rounded selector. For rounded selector, you also have freedom to control how rounded the corners are with Border radius setting.
Customize Selector Settings#
To begin setting up your selector on the storefront, you need to decide which elements you want to include and the position of the selector on your store-front. Go to Customize market selector and edit on Settings tab
This section offers several options to personalize your selector:
Country selector: Choose which elements to display—flag, country, or currency. You can select from three options:
Show Languages: Enable the language selector to let customers choose their preferred language, especially if your store supports multiple languages. If you uncheck Show Languages, then the Language selectors are removed.
Position:
- Fixed position: Market selector will float or appear as an overlay in your theme. You can activate, deactivate, preview, and align the selector in the Geos app.
- Custom position: Market selector will be added as an app block at any position on your theme. You can add, remove, preview, reposition app block through the Shopify theme editor.
How to activate Market Selector?#
Fixed position
Once you finish customizing your market selector, click Publish on the top-right corner of the screen to make it visible on your storefront. If you click Save, your changes will be saved, but the selector will not be visible on your store until you publish it.
Custom position
To activate Market Selector with custom position, you will need to add selector on your them by follow the instructions:
- After finishing customization, click Add block on the top-right corner
- You will be redirected to Shopify theme editor. This page can also be opened from your Shopify admin by going to Online Store > Themes. Then, find the theme that you want to edit, and then click Customize.
- Navigate to the position you want to add the market selector.
- On the sidebar, click Add block or Add section.
- From the drop-down menu, in the Apps section, select Location Selector Market from Geos
- Optional: Click and drag the ⋮⋮ icon to reposition the block on the page. You can also customize the block using the available settings.
- Click Save to publish the selector.
How to deactivate Market Selector?#
Fixed position
To deactivate the Market Selector with Fixed position, simply go to Market Selector customization from Dashboard > On the top-right corner of the screen, click Disable
Custom position
To deactivate the Market Selector with Custom position
- From Market Selector customization, click Remove block on the top-right corner of the screen
- You will be redirected to Shopify theme editor.
This page can also be opened from your Shopify admin by going to Online Store > Themes. Then, find the theme that you want to edit, and then click Customize.
- Navigate to the position of the added market selector
- Click
next to the Location Selector Market from Geos - Click Save