Description Content Formatting & HTML Tips

The app supports all standard HTML content inside product descriptions. Here's what you can use and best practices.

Supported HTML Elements

Text Formatting

Bold — or

Italic — or

Underline —

Strikethrough — or

Code —
Superscript/Subscript — /

Structure Headings — (sections), - (sub-headings) Paragraphs — Line breaks — Horizontal rules — Blockquotes — Lists Bullet lists — + Numbered lists — + Nested lists — lists inside lists Tables <table> <thead> <tr><th>Feature</th><th>Value</th></tr> </thead> <tbody> <tr><td>Weight</td><td>250g</td></tr> <tr><td>Material</td><td>Leather</td></tr> </tbody> </table> Media Images — Videos — or YouTube/Vimeo </code></li> <li class="md-li"><strong>Embedded content</strong> — any <code class="md-inline-code"><iframe></code></li> </ul> <h2 class="md-h2">Content Hierarchy Best Practices</h2> <pre class="md-code-block"><code><h2>Section Title</h2> ← becomes a tab/accordion panel <p>Introduction text...</p> <p class="md-p"><h3>Sub-Section</h3> ← rendered as sub-heading within section<br/><p>Sub-section content...</p></p> <p class="md-p"><h3>Another Sub-Section</h3><br/><ul><br/> <li>Item 1</li><br/> <li>Item 2</li><br/></ul><br/></code></pre></p> <h2 class="md-h2">Tips</h2> <ul class="md-list"><li class="md-li md-oli">Use <strong>H2</strong> for section dividers, <strong>H3-H4</strong> for sub-headings within sections</li> <li class="md-li md-oli"><strong>Images</strong> scale responsively within all display modes</li> <li class="md-li md-oli"><strong>Tables</strong> scroll horizontally on mobile if they're wide</li> <li class="md-li md-oli">Use <strong>bullet lists</strong> for features and specs — scannable and clean</li> <li class="md-li md-oli"><strong>Videos</strong> (iframes) work inside any section — great for demo videos</li> <li class="md-li md-oli">All content is styled by the app's typography and color settings</li> <li class="md-li md-oli">Test formatting in the Theme Editor preview before publishing</li></ul>