Skip to main content
Conversion Blocks go on your product pages to boost sales with urgency, trust, and social proof elements. This guide shows you how to find the right blocks and get them live on your store.

​
Before You Begin

Conversion Blocks require an active Pro subscription (Monthly at 9/monthorAnnualat9/month or Annual at 81/year). If you are not yet on Pro, go to the Pricing page in the app to upgrade. See What Are Conversion Blocks? for a full explanation of the Pro requirement.

​
Navigating to the Blocks Page

Click Blocks in the left sidebar of the Iconic Sections app. The Blocks page opens and shows:
  • A banner explaining what Product Blocks are, with a link to a tutorial video
  • A Demo Stores section with live examples showing how blocks look on real product pages
  • The full block library in a grid layout

​
Browsing and Filtering Blocks

Use the search bar to search for a specific block by name, or use the category filters to narrow the list. You can also sort blocks to find the newest additions or most popular choices. Each block card shows a preview image, the block name, and either an install option (if you are on Pro) or a “Subscribe to unlock” button (if you are not on Pro).

​
Installing a Block

Once you are on the Pro plan:
  1. On the Blocks page, click the block you want to install.
  2. Click Add block or the install option shown.
  3. Select the theme you want to install the block to.
  4. Confirm the installation.
The block files are now added to your selected theme.

​
Adding the Block to Your Product Page

Installing the block adds it to your theme’s available components, but you still need to place it on your product page in the Theme Editor:
  1. In Shopify admin, go to Online Store > Themes and click Customize.
  2. In the Theme Editor, navigate to your Product page template (use the page selector at the top).
  3. In the left sidebar, look for the product information section — this is where your product title, price, and Add to Cart button are located.
  4. Click Add block within the product section.
  5. Scroll to the Apps category in the block list.
  6. Find your Iconic Sections block and click it to add it.
  7. Use the drag handles to reorder blocks within the product section.
  8. Customize any settings for the block in the right-hand panel.
  9. Click Save.
The block is now live on your product pages.
Test your product page on both desktop and mobile after adding blocks to make sure the layout looks right on both screen sizes.
Changes to the product page template apply to all products using that template. If you want blocks on only some products, you can create a separate product template in the Theme Editor and apply it selectively.