Your users will find products and the best collections in the shopping hub. ‘Elements’ are the building blocks you use to make your store. Headlines, Cards, Carousels, and many other features will help you stay on track for a great user experience and a great way to show off what you have to offer. You can make a whole store place that's all about sales, discounted items, being easy to find, and being clean.
Start with a clear headline that tells the user what they can do or find on this page. Then, use cards to show what you have to give. Use Carousel sparingly to draw attention to things that need to be seen soon. Short Buttons get people to act, Chips help them narrow down their search results, and Search View makes it easy to look around. Finally, set up your catalog with Collections so that people can look through it by theme or topic.
Store HeadlineCreate your content in one sentence:
- Keep it under 90 characters (e.g., ‘Just Arrived’ or ‘Best Selling’).
- Add a sub-headline that mentions collections or outcomes (save time, compare options, instant checkout).
Example: ‘Everything you need! diaries, bakeries, and more.’
Store CardsCards are your primary listing elements for products. Include the title, a short description, and the price or label.
Store CarouselCarousels are for promos or time-sensitive highlights (seasonal packages, limited-time offers).
Recommendations:
- Add 3 to 5 items and avoid infinite carousels.
- Each slide needs a primary action and a clear benefit line (e.g., ‘Limited offer ends Friday—Save 20%’).
Store Buttons- Keep button labels short (‘Buy Now,’ ‘View Details.’)
- Use color contrast to make primary actions stand out.
- Place the most important button above the fold for quick access.
- Limit the number of buttons per card or section to avoid an overwhelmed interface.
Store ChipsChips are quick filters for collection, tag, or attribute (e.g., Today, Nearby, Family-friendly). Chips can be used to show famous filters above the fold. The Search View can hold deeper filters.
Store Search View- Include quick filters (date, price, category) to help users refine results faster.
- Show popular searches or recent searches to guide discovery.
- Ensure the search bar is clearly visible at the top of the store screen.
Store Collections- Group items together (e.g., ‘Top items This Week,’ ‘Sales Offers’).
- Use attractive titles and cover images to make collections stand out.
- Add a ‘View All’ button to let users explore beyond the highlighted items.
- Rotate seasonal or promotional collections to keep content fresh.