Create a trust badge

Create and customize a trust badge from scratch or a featured template in Sami Product Labels.

A trust badge is a block of payment, security, shipping, guarantee, or policy icons with an optional title and description. The editor has two tabs: Design for content and styling, and Placement for the built-in product-page position and shortcode.

1

Open Trust Badges

In your Shopify admin, open Sami Product Labels, select Extra Features in the app navigation, then select the Trust Badges tab.

If you already have trust badges, the page shows them in a table. If the list is empty, the page shows a Create your first trust badge panel instead.

The Trust Badges tab contains the create action, saved trust badges, and featured templates.

2

Choose how to start

Start from scratch

Click Create trust badge. The button appears in the page header when the table is visible, or in the empty-state panel when you have not created a trust badge yet.

Use a template

Scroll to Featured templates. Click View all templates to show all four designs: Eco-Friendly template, With payment method, Policies store template, and Badge box template. Click Select on a template to open it with its icons and styling already applied.

Both options open the editor on the Design tab.

Create a trust badge from scratch, or select one of the four featured templates.

3

Name the trust badge

The name field appears above the preview. Replace New Trust Badge with a name of up to 50 characters. This name is only used to identify the trust badge in the app and is not shown to customers.

Use a clear internal name so the trust badge is easy to find in the table.

4

Add a title and description

In Content & Badges, open Title and Description and enter the optional text that appears above the icons. Both fields support bold, italic, underline, emoji, text alignment, and source mode.

The fields are language-specific. Their labels show the active language, for example Title (en). Use the language selector above the preview to edit another language.

Leave both fields empty if you want to show only the icons.

Title and Description are optional rich-text fields edited separately for each language.

5

Add badge icons

Under Badges, click Add Badge, then choose:

Option	What it does
Select badge image	Opens the Select Image dialog.
Line break	Starts the following icons on a new row.

In Select Image, use Search images to find an icon. The Library source contains more than 400 payment, security, shipping, guarantee, and policy images; the current item count appears next to the source name. Select one or more images, then click Select Image.

Switch to Design your Images to use uploaded, URL-imported, or related custom designs. After selecting an image, click Edit with AI if you want to create a variation before adding it.

Search the built-in library or switch to Design your Images, then confirm your selection.

6

Reorder and configure each icon

Each icon appears as a row in the Badges list. Drag a row by its handle to change the display order, or click Delete to remove it. Use Line break items to control where a new row starts.

Click the row's General button to open its settings:

• Change Image — replace the selected icon.

• Link — make the icon open a URL; use the external-link option to open it in a new tab.

• Tooltip — add up to 150 characters shown when a shopper points to the icon.

• Layout colors — recolor supported layers in built-in SVG icons.

Drag icons to reorder them, and use General to change the image, link, tooltip, or supported colors.

7

Style the trust badge block

Use the collapsible design sections to match the trust badge to your theme:

Section	Main settings
Design Main Section	Block width, margin, padding, border size/style/color, shadow, and corner radius.
Design title & description	Custom font, color, font size, and line height for the title and description.
Design Badge	Mono, mono card, original, or original card style; alignment; width and height; margin; and animation.
Responsive size	Separate icon width and height for tablet and mobile.
Advance Section	Custom CSS and a clickable CSS reference for the trust badge selectors.

The available animations are SlideInUp, SadeInDown, BounceIn, FlipInX, and ZoomIn. Turn on Animation, select an effect, and use the play button to preview it.

Open each design section to style the container, text, icons, responsive sizes, and custom CSS.

In Advance Section, click a selector in CSS reference to insert its scoped rule into the custom CSS editor.

8

Choose where the trust badge appears

Switch to the Placement tab:

Option	What it does
Product page	Turn on the switch to display the trust badge at the app's built-in position on all product pages.
Shortcode	Copy the snippet when you want to place the trust badge at a custom position in your theme.

An unsaved trust badge uses data-id="new" in its shortcode. Save the trust badge before placing that snippet in your theme.

Use the built-in product-page position or copy the shortcode for a custom position.

See Place a trust badge with shortcode for the complete theme-editor flow.

9

Preview and save

Use the controls above the preview to:

• switch the editing language;

• preview the Product page;

• switch between desktop and mobile views;

• show or hide the sample product;

• set the trust badge to Active or Draft.

Check the preview, then click Save in the top-right corner. Click Discard if you want to leave without keeping your unsaved edits.

Preview the result, choose Active or Draft, then save the trust badge.

Next steps

• Trust badge overview — manage saved trust badges, templates, status, and placement.

• Place a trust badge with shortcode — add the trust badge at an exact position in your theme.

Need support?

If you run into any difficulty while following these steps, contact us at [e-mail].