Content Components
Checkout Components has a library of ready made content templates available to all merchants, across all plans.
Below you will find references to all the available content components, with examples of how to use them.
Simple message
If you have a message you want to display to your customers, or display grouped content, you can use the Simple message component. This component allows you to add a title and as many text lines as you need.
desc - Great for displaying simple messages, such as store information.
- Name
Prefix Icons- Description
- All title and text lines in a Simple Message can have an icon placed before the text. Best used for adding context to the message.
- Name
Content align- Description
- Choose the alignment of the text line within the simple message.
- Name
Font size- Description
- Choose the size of the text line within the simple message.
- Name
Font weight- Description
- Choose the style of the text line. Bold or regular. You can use markdown to style specific words in the text line too!
Functionality
Example
One of our favorite use cases for the Simple message component is how Sir the label uses it to display store and contact infomation.
Banner
If you have an important message you want to display to your customers, you can use the Banner component.
desc - Great for displaying important messages or notifications to customers.
- Name
Variant- Description
- Banners support the full range of variants available in Shopify Checkout Extensibility, including Information, Warning, Critical & Success.
- Name
Collapsible- Description
- Banners can be set to be collapsible, allowing the user to close the banner.
Appearance
Example
Ghanda Clothing uses the Banner Component to inform customers of their return policy when a sale item is in the cart.
More documentation coming soon!