Button group

Shows up to two buttons side by side. Each button has its own label, link, style and new tab option.

Where it is used

This block is used in these sections: image-with-text-overlay.liquid, image-with-text.liquid, mixed-content.liquid, rich-text.liquid and video-with-text-overlay.liquid, and in the overlays group (overlays-group.json). It also appears inside the _media-with-text, _offer-card and _text-group blocks. The 404 page has its own button group block.

Settings

View the block guide .

First button

Setting	Options	Description
First button label		Text on the first button. The block shows nothing when both button labels are empty.
First button link		Where the first button goes when clicked. Without a link the button shows but does nothing.
First button style	• Primary • Outline • Link	Look of the first button: Primary is a filled button, Outline is an outlined button, and Link is a plain text link.
Open first button link in new tab		Opens the first button's link in a new browser tab.

Second button

Setting	Options	Description
Second button label		Text on the second button. Leave empty to show only the first button.
Second button link		Where the second button goes when clicked. Without a link the button shows but does nothing.
Second button style	• Primary • Outline • Link	Look of the second button: Primary is a filled button, Outline is an outlined button, and Link is a plain text link.
Open second button link in new tab		Opens the second button's link in a new browser tab.
Bottom margin		Space below the buttons, in pixels.