Articles on: Theme Block

Button Group

The Button group block allows you to organize multiple buttons within a single section of your page layout. Inside the Button group block, you can add and manage individual Button blocks to create calls-to-action that guide users through your store.


This section of the guide will show you how to customize the Button group block to best fit your design and user experience needs.


1. Button group block


1.1. How to access a Button group block


To add a Button group block, click the Add block button (plus icon ➕) under the sections or blocks that support the use of the Button group block (such as Slide block, Image with text section,...)


In the Blocks tab, select **Button group **block.



1.2. How to edit a Button group block


Once the Button Group block is added, you can customize its settings in the left or right-hand sidebar (depending on your screen size).


  • Stack buttons: This option is located in the settings of the Button group. When this option is enabled (switched on), the buttons in the group will be stacked vertically instead of being aligned horizontally.



2. Button block


2.1. How to access a Button block


To add a Button block, click the Add block button (plus icon ➕) under the Button Group block > In the Blocks tab, select Button.



2.2. How to edit a Button block


You can edit a Button block using the following options:


  • Label: Text that will appear on the button. This is what users will see and click.
  • Link: The destination URL or page the button will navigate to when clicked. You can paste a specific URL or search for a page/product within your store
  • Open this link in a new window: When enabled, the button link to open in a new browser tab.
  • Button size: Choose the size of the button like small, medium or large.
  • Button style: Select the visual style of the button like outline, solid or link.
  • Uppercase: Enable to make all letters uppercase in the button text.
  • Minimum width: Set a minimum width in pixels (px) for the button. The value = 0 to auto. Not apply for link style. Minimum width is automatically optimized for mobile.


Updated on: 15/08/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!