Skip to main content
Documentation/The Editor/Design Presets/Button Presets

Button Presets

Global button presets share appearance while retaining each button's text/link. They differ from element Design Presets.

Creating a Button Preset

Open the top bar menu and choose Global Settings > Buttons > Presets > Add Preset, enter Preset Name, configure Styles, and save.

Full editor with Global Settings Buttons Presets expanded and a named preset, Add Preset outlined with yellow highlighted pointer
Full editor with Global Settings Buttons Presets expanded and a named preset, Add Preset outlined with yellow highlighted pointer

Styles include Size, Background, Outline, Typography, Corners, Effects, and Icon; Size also includes Override Width / Full Width At. See all button controls.

Applying a Button Preset

On a Button, open its Design styling controls, choose Style > Custom > Preset, select the preset, and save. Top-level Choose Design Preset lists element presets instead.

Full editor with Button Style Custom and Preset selected, global button preset chooser outlined with yellow highlighted pointer
Full editor with Button Style Custom and Preset selected, global button preset chooser outlined with yellow highlighted pointer

Managing Button Presets

Open the top bar menu and choose Global Settings. Then open Buttons > Presets to view your button presets. You can also click Manage Presets from a button’s preset chooser to open this list.

Open a preset to change its name or styles, or delete presets you no longer need. Save your changes to apply them to buttons using the preset. Local styles or custom CSS on a button can override the preset’s appearance.