Pages
Add or edit a Button section
Add a button that opens a storefront page or another web address. Use a text label or an image for the button.
Before you start
- Content → Pages → page editor → Button
- You need Pages: View permission to open this section. Creating, editing, or deleting a page requires the corresponding Create, Edit, or Remove permission.
What success looks like
- The section is saved with the page. Customers see it when the page is published.
Quick start
The shortest path through this area.
- 1Open the page editor. Find the section in Add sections and drag it onto the page canvas. To change a section already on the page, click its Edit button.
- 2Select Text button or Image button and enter the Destination.
- 3For a text button, enter Text. For an image button, select an image and enter an Accessible label describing the link.
- 4If you want an icon on a text button, select it and choose where it appears beside the text.
- 5Open Appearance for layout and styling. For a text button, choose alignment, size, width, corners, style, and any custom colors. For an image button, choose alignment, Image width, Image fit, and corners.
- 6Use Desktop, Tablet, and Mobile in the section editor to check your changes. Click Apply to page to keep your edits. To leave without applying them, click Cancel and, if prompted, Discard changes.
- 7Click Save in the page editor. Use Preview to check the page before publishing. When it is ready for customers, select Published and save it.
How this area works
Reference information for the choices on this page.
Fields and options
- Style: Choose primary, secondary, solid custom, outline, soft fill, ghost, or text link.
- Custom colors: Set the background, text, and border colors, plus the background and text colors used on hover.
- Width: Text buttons can fit their text or fill the available width. Image buttons have separate width and fit settings.
Troubleshooting
Choose the symptom that matches what you see.
My section changes were not saved
Click Apply to page after editing the section, then click Save in the page editor. Both steps are needed to keep the change after you leave.
I want to leave without keeping my edits
Click Cancel in the section editor. If prompted, choose Discard changes to abandon the edits or Keep editing to return to them.
Continue with a related guide
Still stuck?
Open a support ticket. We’ll include this guide so you only need to explain what happened and where you got stuck.
Sign-in is required to protect store information.