Orbe – Help center
PlansPartnersUse CasesSupportChangelog
  • 👋Before starting
    • Welcome
    • How Orbe works
    • Pricing
    • FAQs
  • 🧩GENERAL
    • Install Orbe
    • Refresh Data
    • Connect Stores
      • Redirect to another store
      • Settings
    • Integrations
      • Klaviyo
      • Global-e
      • Connectif
      • Hreflang Manager
      • Announcement Bar
    • Uninstall Orbe
  • 🌐Geolocation Popup
    • Set up Geolocation
    • Translations
    • Common issues
  • 🔁Selectors
    • Overview
    • Geolocation Button
      • How it works
      • Selector Placement
      • Variables
      • Custom Code
    • Market Selector
  • ⚙️Settings
    • Notifications
    • Behavioral Preferences
    • Custom CSS
  • Developer Reference
    • CSS
    • JavaScript
    • Relocating the Market Selector
    • Integrate your selector
    • Snippets
      • Create a full-screen popup
      • Country Order Customization
      • Language Order Customization
      • Hide the popup in a country
      • Change popup fonts
      • Hide countries
Powered by GitBook
On this page
  • Available Variables
  • Combined examples
  • Learn more about

Was this helpful?

  1. Selectors
  2. Geolocation Button

Variables

PreviousSelector PlacementNextCustom Code

Last updated 5 months ago

Was this helpful?

The Geolocation Button app block provides a range of customizable variables, allowing you to adjust its appearance to match your store's style and needs. These variables can display country flags, currency symbols, and other relevant details to create a localized experience for your customers.

Below is a list of available variables and examples of how to combine them to create unique button styles.

Available Variables

Combined examples

Learn more about

🔁
Cover

{square_flag}

Displays a square version of the country flag.

Cover

{rounded_flag}

Shows a rounded version of the country flag.

Cover

{circle_flag}

Displays a circular version of the country flag.

Cover

{icon}

The icon you have uploaded in the icon input.

Cover

{icon_code_svg}

The SVG icon you have pasted inside the Icon (SVG code) input.

Cover

{country}

Full country name (e.g., "United States").

Cover

{country_code}

2-letter ISO code of the country (e.g., "US").

Cover

{currency_symbol}

Currency symbol (e.g., "$" or "€").

Cover

{currency_code}

Abbreviated currency code (e.g., "USD" or "EUR").

Cover

{language}

Language name (e.g., "English", "Spanish").

Cover

{language_code}

Language code in ISO 639-1 format (e.g., "en", "es").

Cover

{disclosure}

An arrow or disclosure icon indicating additional options or a dropdown menu.

Cover

{circle_flag} {country} ({currency_code})

Cover

{square_flag} {country_code}

Cover

{icon} {currency_code}

Cover

{square_flag} {currency_code} {disclosure}

Cover

Custom CSS

Cover

Custom JavaScript