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

1

Selector Button

Add a div block or a dropdown in a global component. Make sure the Selector Button is available on all pages.

2

Selector - Attributes

Add the following attributes to the Selector Button:

looop=markets
3

Selector - Default Market

Add the following attributes to the Selector Button:

defaultmarket=US

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.

4

Selector - Selected Market

Add a text block inside the Selector Button and add the following attributes to it:

looop=currentmarket

This will show the current selected or default country.