Basic block: Floating button
| Setting | Description |
|---|---|
| (info note) | Only one button per section is allowed. |
| Button label | Enter the text displayed on the floating button. |
| Button link | Paste a link or search your store to choose where the button takes shoppers when clicked. |
| Button icon | Choose the icon shown on the button: None, Icon plus, or Custom icon to upload your own. |
| Custom icon | Upload your own icon to display on the button. Only available when Button icon is set to Custom icon. |
| Custom icon dark mode | Upload an alternate icon to display when dark mode is active. If not selected, the custom icon will be used. Only available when dark/light mode is enabled, Button icon is set to Custom icon, and a Custom icon has been uploaded. |
| Icon position | Choose whether the icon appears to the Left or Right of the button label. Only available when Button icon is not set to None. |
| Custom button alignment | Turn this on to set a specific alignment for the button instead of using the default alignment. |
| Alignment | Choose how the button is aligned on desktop: Left, Center, or Right. Only available when Custom button alignment is turned on. |
| Alignment mobile | Choose how the button is aligned on mobile devices: Left, Center, or Right. Only available when Custom button alignment is turned on. |
Field visibility conditions:
- Custom icon appears only when Button icon is set to Custom icon.
- Custom icon dark mode appears only when dark/light mode is enabled, Button icon is set to Custom icon, and a Custom icon has already been uploaded.
- Icon position appears only when Button icon is not set to None.
- Alignment and Alignment mobile appear only when Custom button alignment is turned on.