Highlight Your Store Benefits Up Front
Introduce key reasons to shop with you using compact USP cards. Place shipping, support, payment, or offer messages where visitors first explore your store.
Highlight key store benefits with clear icons and short messages. Use the USP icon bar to present shipping, payment, service, offers, or trust points at a glance.
Easy to Customize
Multiple Icon Options
Grid & Slider Layout 
Turn important store benefits into easy-to-scan content with icons, short descriptions, flexible layouts, and styling controls that fit your Shopify theme.
Use familiar icons to make shipping, payment, offers, service, and other store benefits easy to scan.
Add your own heading and supporting text to explain each store benefit clearly and concisely.
Display USP cards in a grid and choose how many columns to show on desktop and mobile screens.
Use a slider layout when you want shoppers to browse USP cards horizontally rather than view a full grid.
Choose from available icons, including shipping, payment, tag, gift, support, return, and more.
Select the No Icon and use an image for a card when a custom visual better fits your store message.
Adjust card spacing, border radius, background, and border colors to suit your store design.
Set separate desktop and mobile columns and spacing so the benefit bar fits different screen sizes.
Control your USP content, cards, layout, icons, slider behavior, and spacing from the Shopify theme editor.
Applies to the whole section
Add the main heading above your USP cards.
Section HeadingAdd supporting text below the main heading.
Section ContentChoose how the heading and content are aligned.
Text AlignmentChoose between grid and slider card layouts.
Collection LayoutSet the number of cards shown across the desktop.
Desktop Card CountSet the number of cards shown across mobile.
Mobile Card CountControl the space between each USP card.
Card Gap SpacingAdjust the corner roundness of each card.
Card Corner RadiusAutomatically move cards in the slider layout.
Enable Slider AutoplayShow navigation dots below slider cards.
Show Slider Dots
Applies to each USP card
Choose an icon for the USP card.
Select USP IconUse an image when No Icon is selected.
Custom Card ImageAdd the main title for the USP card.
Card HeadingAdd short supporting text for the benefit.
Card Supporting TextUse USP cards where shoppers need quick reasons to trust, choose, or continue shopping. Place key benefits near products, collections, offers, or store messaging.
Introduce key reasons to shop with you using compact USP cards. Place shipping, support, payment, or offer messages where visitors first explore your store.
Create a quick trust-building introduction for visitorsHighlight your strongest store benefits clearlyKeep important store messages easy to scan quicklySupport homepage product discovery in a natural wayAdd useful visual structure to the homepage clearlyAdd relevant benefit cards around collection content to answer common shopping concerns and reinforce the value of browsing your product range.
Reinforce benefits while shoppers browse productsHighlight collection-wide shopping advantagesKeep key service details within easy reachAdd helpful context without crowding product cardsSupport faster purchase consideration for shoppersUse USP cards near product information to explain relevant store benefits, such as shipping, returns, payment, or support, before shoppers decide.
Address common purchase concerns near productsHighlight useful service details near productsSupport confident product evaluation before buyingKeep trust points close to key product detailsReinforce the value of shopping with your storeUse focused USP cards on campaign and landing pages to reinforce the reasons to act, support your main offer, and keep key store benefits visible.
Reinforce the main campaign message clearlyHighlight key benefits besides your main offerAdd supporting trust points throughout the pageKeep the main page message easy to scan and clearGuide visitors toward the next action naturallyMake important store benefits easier to notice with compact visual cards that explain your value without taking over the page.
Give shoppers quick answers about delivery, payment, support, returns, offers, and other benefits that matter to them before they buy.
Make key store benefits visible without adding long copyHelp shoppers understand useful services before they buyPresent important messages in a compact visual formatKeep trust-focused content close to the shopping journeyMatch USP cards to your store branding and page layoutAdapt the presentation for desktop and mobile screens
Keep each USP clear and focused.
Use short, easy-to-read headings.
Match icons with the message.
Highlight useful customer benefits.
Keep card content consistent. 
Avoid vague or unclear claims.
Don't add too much text.
Don't use unrelated icons.
Don't repeat the same benefit.
Don't overcrowd the section. Yes. Each USP block has its own icon selector, with options such as shipping, payment, tag, gift, support, return, and more.
You can highlight store benefits such as shipping, payment, offers, returns, support, trust points, or other short customer-focused messages.
Yes. Select No Icon for a block and add an image. The image option is designed to work as an alternative to the icon.
Yes. The section includes Grid and Slider layouts, so you can choose the presentation that best fits your store page.
Yes. You can set the mobile column count to 1 or 2, helping the USP cards fit smaller screens more comfortably.
Yes. You can adjust card padding, border radius, background color, border color, icon styling, text colors, and related sizing controls.
Yes. It can be useful on product pages for highlighting relevant benefits such as shipping, returns, payment, or customer support.
Yes. It is a Shopify theme section with settings available through the theme editor, making it suitable for store page layouts.
For Support or any Questions Email Us: [email protected]
Install SectionHub and add the USP Icon Bar section to your theme in minutes- no coding required.
