Identity badge

Where to find it

Editor controls

Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.

Label

Edit the text shown by this component.

Mark source

Choose the presentation or source that fits this component.Options: None · Google Material Symbol · Country flag · Brand mark · Uploaded image

Google Material SymbolConditional

Enter an icon name from Google Material Symbols, such as info or local_shipping.

Country flagConditional

Choose the presentation or source that fits this component.Options: South Korea · United States · United Kingdom · Germany · France · Italy · Spain · Canada · Australia · Japan · Türkiye · Netherlands · Sweden · Switzerland · India

Brand markConditional

Canonical monochrome marks. Add only accurate, authorized brand references; selecting a mark does not establish endorsement.Options: Meta · TikTok · Instagram · YouTube · Pinterest

Uploaded imageConditional

Choose an image from your shop. Preview its crop on desktop and mobile.

Brand mark colorConditional

Leave blank for the standard brand color. Monochrome artwork follows your selected color.

Color source

Choose the presentation or source that fits this component.Options: Inherit parent · Global Color DNA · Shopify color scheme · Custom colors

Color schemeConditional

Choose an available Shopify color scheme.

Badge backgroundConditional

Choose a local color when the relevant custom source is enabled.

Text colorConditional

Choose a local color when the relevant custom source is enabled.

Symbol colorConditional

Choose a local color when the relevant custom source is enabled.

Border colorConditional

Choose a local color when the relevant custom source is enabled.

Text size

Adjust within the range offered by the theme editor.

Mark size

Adjust within the range offered by the theme editor.

Fill available row width

Enable or disable this option and preview the result.

Corner radius

Adjust within the range offered by the theme editor.

Border thickness

Adjust within the range offered by the theme editor.

Border style

Choose the presentation or source that fits this component.Options: Solid · Dashed · Dotted

Horizontal padding

Adjust within the range offered by the theme editor.

Vertical padding

Adjust within the range offered by the theme editor.

Custom CSS declarations

Applies to this badge only. Enter declarations without selectors, for example font-style: italic;