How to Structure Your Product Descriptions

The app works by detecting H2 headings (

) in your product descriptions. Each H2 heading becomes a section (tab, accordion panel, etc.).

Basic Structure

In the Shopify product editor, use the Heading format (set to Heading 2) for each section title:

<h2>Description</h2>
<p>Your product description text here...</p>
<h2>Features</h2>
<ul>
  <li>Feature 1</li>
  <li>Feature 2</li>
  <li>Feature 3</li>
</ul>
<h2>Specifications</h2>
<table>
  <tr><td>Weight</td><td>250g</td></tr>
  <tr><td>Dimensions</td><td>10 × 15 × 3 cm</td></tr>
</table>
<h2>Shipping & Returns</h2>
<p>Free shipping on orders over $50...</p>

Tips for Best Results

Use H2, not H1 or H3 — the app specifically parses H2 tags
Minimum 2 sections — you need at least 2 H2 headings for tabs/accordion to work
Keep headings short — "Features" is better than "All the Amazing Features of This Product"
Any HTML works inside sections — paragraphs, lists, tables, images, videos, iframes
Content before the first H2 is treated as an intro section (shown above tabs/accordion)

What if I don't use H2 headings?

If your description has no H2 headings, the app displays the entire description in Normal mode — still with all styling options (typography, colors, spacing, etc.).

Using Markdown (Shopify's Rich Text Editor)

If you're using Shopify's Rich Text editor:

Select the text you want as a section title
Click the Heading dropdown
Choose Heading 2
The app will detect it automatically

Common Section Ideas

Description / Overview
Features / Benefits
Specifications / Details
Materials / Ingredients
Size Guide / Dimensions
Care Instructions
Shipping & Returns
Warranty
Reviews / Testimonials
FAQ