Market Selector
A button or dropdown toggle that shows the currently selected market.
Market Selector could be a button or dropdown toggle that shows the currently selected market. Plus it could be used to switch between markets. So, when the user clicks on the button, either we use Webflow interactions to show a popup or we use a dropdown toggle to show a dropdown that contains the Markets form.
Setup
Selector Button
Add a div block or a dropdown in a global component. Make sure the Selector Button
is available on all pages.
Selector - Attributes
Add the following attributes to the Selector Button
:
Selector - Default Market
Add the following attributes to the Selector Button
:
Replace US
with the country code of the market you want to set as default. For example, CA
for Canada, GB
for the United Kingdom, AU
for Australia, etc.
Selector - Selected Market
Add a text block inside the Selector Button
and add the following attributes to it:
This will show the current selected or default country.