For the complete documentation index, see llms.txt. This page is also available as Markdown.

Place a highlight with shortcode

Place a highlight block at an exact position in your theme using its shortcode.

By default a highlight block is shown at the app's built-in position on your product pages. When you need it somewhere else — above the description, further down the page, on another template — copy the block's shortcode and place it there yourself.

Where to find the shortcode

The shortcode is available in two places:

  • In the editor — open the highlight and go to the Placement tab. The Shortcode card at the bottom shows the snippet with a Copy button.

  • In the list — on the Extra Features page, the Highlights tab has a Shortcode column with a copy icon for each block.

Placement tab of the highlight editor showing the Shortcode card with a Copy button
The Shortcode card sits below the Product page toggle on the Placement tab.

Place the shortcode in your theme

1

Copy the shortcode

Open the highlight, switch to the Placement tab, and click Copy. The snippet looks like this, with your block's own ID:

Each highlight has its own data-id, so copy the snippet from the block you actually want to display.

2

Open the theme editor

In your Shopify admin, go to Online Store and click Edit theme on the theme you want to change.

Online Store page with the Edit theme button on the live theme
Open the theme you want to add the highlight to with Edit theme.
3

Add the Samita Highlight block

Navigate to the page and section where you want the block — for example Product information on the product template. Click Add block, switch to the Apps tab, and choose Samita Highlight (from Sami Product Labels). Drag the block to the exact position you want, such as between Buy buttons and Description.

Add block menu on the Apps tab with Samita Highlight selected
Pick Samita Highlight from the Apps tab of the Add block menu.
4

Paste the shortcode into the block

With the block selected, paste the snippet into its Shortcode field, then click Save.

App block settings with the highlight shortcode pasted into the Shortcode field
Paste the highlight shortcode into the block's Shortcode field and save.
5

Check your storefront

Open the page on your storefront and confirm the block renders in the right place. If nothing appears, check that:

  • the highlight status is Active, not Draft;

  • the data-id in the block matches the highlight;

  • the conditions on the Placement tab do not exclude this page — see Target highlight display.

Built-in placement vs. shortcode

Method
How it works

Product page toggle

Turn on Product page on the Placement tab to show the highlight at the app's built-in position on every product page. No theme editing.

Shortcode

Paste the snippet into an app block for an exact position. Use it when the built-in position isn't where you want the block.

Display conditions still apply either way — the shortcode controls where the block sits, the conditions control whether it shows.

Next steps

Last updated

Was this helpful?