Shopify's Online Store 2.0 allows apps to integrate directly with your theme using App Blocks, making it easy to display product notes without editing your theme code.
Follow the steps below to add Prime Product Badges & Stickers to your product pages.
Step 1: Open the Theme Editor
- Log in to your Shopify Admin.
- Navigate to Online Store → Themes.
- Click Edit Theme on your active theme.
Step 2: Open a Product Template
From the template selector at the top of the Theme Editor, choose a Product template where you want the Notes to appear.
Step 3: Add the Prime Notes App Block
- In the left sidebar, click Add block.
- Under the Apps section, select Prime Notes.
The app block will now be added to your product template.
Step 4: Position the Notes
Drag and drop the Prime Notes block to your preferred location on the product page.
Recommended: Place the notes directly above product description for maximum visibility.
Step 5: Customize the App Block (Optional)
You can further customize the notes display using the available app block settings.
Notes Group
Choose the Note Group you want to display on the product page.
Outer Class
Add custom CSS classes to the note container (div) for additional styling.
Outer Style
Apply custom inline CSS to the note container.
Step 6: Save Your Changes
Click Save in the Theme Editor to publish your changes.
Step 7: Preview Your Store
Open any product page on your storefront to confirm that the Notes are displayed correctly.
