Market Button

Switches to one specific market (country) on click and auto-hides when already active. Currency follows automatically from Markets & Localization.

Last updated

Market Button icon

How to use

  1. Connect your button design to ⦿ Design.

  2. Set Market to the country this button should switch customers to — currency follows automatically from your store's Markets & Localization config, with no separate currency picker here.

  3. Set When Active for how the button behaves once the customer is already in this market — Hide (the default) removes it, Show keeps it visible and clickable.

  4. Optionally set ✦ Recipe ID — only needed when the button lives inside a popup you want a Recipe to control.

  5. Style Padding, BG Blur, and Radius

Optionally set Tracking to record market switches in Framer Analytics.

Auto-hide when this market is already active

Hide When Active is on by default, so the button disappears once the customer is already in the market it targets — a "Shop in France" button vanishes the moment they're already shopping in France. Turn it off to keep the button visible even when its market is already active. On the Framer canvas the button always stays visible, regardless of this setting, so you can lay out every target country. For currency logic beyond a market's default currency, use a Recipe's Currency condition instead.

Turning it into a region-picker popup

Place several Market Buttons — one per country — inside a popup or overlay, then decide what a click should do to the popup:

  • Close it and don't show it again. Set ✦ Recipe ID to your recipe's ID on every button. A click switches the market, closes the popup, and remembers the choice in the customer's browser, so it stays closed until your recipe's conditions allow it again — the same behavior as Recipe Framer Event Dismiss.

  • Close it, but let it come back. Leave ✦ Recipe ID blank and wire the button's Dismiss event to a Close Overlay interaction in the Interactions panel.

  • Leave it open. Leave ✦ Recipe ID blank and don't wire Dismiss — the button only switches the market.

For the full walkthrough — including a "maybe later" close control for undecided customers — see Show a one-time market selection popup.

Questions? Join our Slack community