Button

Usage

Open Appearance β†’ Customize β†’ Header & Menus β†’ Button to place a persistent CTA in the header. Turn on Enable Button, enter Button Text and Button URL, then pick a Button Style that matches your palette presets.

The button sits with your primary navigation on desktop and inside the mobile drawer when the menu collapses.

When to use it

  • Driving appointments, donations, or contact from every page without editing each template.
  • Campaigns that need one prominent action (β€œRegister”, β€œGet a quote”) beside the menu.
  • WooCommerce sites that want a shop CTA separate from the cart icon under Desktop.

Tips

  • Keep labels short β€” long text wraps awkwardly beside menu items on smaller laptops.
  • Button Style pulls from your theme button presets under Styles β†’ Buttons; update those first if the color feels off.
  • Use a full URL or a site path; test the link in preview before publishing.
  • If the button competes with Utility Nav banner text, pick one primary action so the masthead stays calm.

Settings

Button

Enable setting in the block editor sidebar
Enable
Text setting in the block editor sidebar
TextAvailable when Enable is β€œUndefined”
URL setting in the block editor sidebar
URLAvailable when Enable is β€œUndefined”
Style setting in the block editor sidebar
StyleAvailable when Enable is β€œUndefined”
  • Defaultdefault
  • Alternate
  • Hollow
  • White
  • Ghost
  • Subtle