Optimization & Quality

Preserving HTML & Formatting Tags

23 views

HTML Preservation - Keep Your Formatting Perfect

One of the biggest challenges in e-commerce translation is maintaining HTML formatting. Shabdly automatically preserves all your tags, so your translations are copy-paste ready for Amazon and Flipkart!

Why HTML Preservation Matters

Without HTML preservation (Google Translate):

Input:  "<b>Premium Quality</b><br>Made in India"
Output: "** प्रीमियम गुणवत्ता ** बीआर मेड इन इंडिया"
        ↑ Tags broken! Unusable for Amazon
    

With Shabdly (HTML-aware):

Input:  "<b>Premium Quality</b><br>Made in India"
Output: "<b>प्रीमियम गुणवत्ता</b><br>भारत में निर्मित"
        ↑ Perfect! Tags preserved, ready to upload
    

Supported HTML Tags

Text Formatting Tags

Tag Purpose Preserved?
<b>, <strong>Bold text✅ Yes
<i>, <em>Italic text✅ Yes
<u>Underline✅ Yes
<br>, <br/>Line break✅ Yes
<p>Paragraph✅ Yes
<span>Inline container✅ Yes

List Tags

Tag Purpose Preserved?
<ul>Unordered list✅ Yes
<ol>Ordered list✅ Yes
<li>List item✅ Yes

Amazon/Flipkart Specific Tags

Tag Purpose Preserved?
<h1>-<h6>Headings✅ Yes
<div>Block container✅ Yes
<table>, <tr>, <td>Tables (specs)✅ Yes

How It Works Behind the Scenes

  1. Tag Detection: System identifies all HTML tags in your description
  2. Content Extraction: Separates translatable text from tags
  3. Translation: Only text content is sent to AI
  4. Tag Reinsertion: Tags are placed back in exact positions
  5. Validation: Ensures all opening/closing tags match

Complex HTML Examples

Example 1: Product Features List

Input (English):

<ul>
  <li><b>Fast Charging:</b> 33W super fast charging</li>
  <li><b>Display:</b> 6.7" AMOLED display</li>
  <li><b>Camera:</b> 108MP triple camera</li>
</ul>

Output (Hindi):

<ul>
  <li><b>फास्ट चार्जिंग:</b> 33W सुपर फास्ट चार्जिंग</li>
  <li><b>डिस्प्ले:</b> 6.7" AMOLED डिस्प्ले</li>
  <li><b>कैमरा:</b> 108MP ट्रिपल कैमरा</li>
</ul>

Example 2: Nested Tags

Input (English):

<p>
  <b>Premium <i>Italian</i> Leather</b><br>
  Handcrafted with <u>genuine</u> materials
</p>

Output (Hindi):

<p>
  <b>प्रीमियम <i>इटालियन</i> लेदर</b><br>
  <u>असली</u> सामग्री से हस्तनिर्मित
</p>

Common Issues & Solutions

Issue 1: Broken Tags in Original File

Problem:

<b>Premium Quality<b> Made in India
                      ↑ Should be </b>

Solution:

Our system auto-detects and flags broken tags. You'll receive a warning before translation starts. Fix the HTML in your source file first.

Issue 2: Mixed Content Types

Problem:

Some plain text <b>bold text</b> more plain text

Solution:

Fully supported! System handles mixed HTML and plain text seamlessly.

Issue 3: HTML Entities

Problem:

&nbsp; &copy; &reg; &trade;

Solution:

HTML entities are preserved as-is. They won't be translated or broken.

Marketplace-Specific Guidelines

Amazon India

  • Allowed Tags: <b>, <br>, <p>, <li>, <ul>, <ol>
  • Restricted: <script>, <style>, <iframe> (Shabdly doesn't preserve these)
  • Max Length: 2,000 characters including HTML

Flipkart

  • Allowed Tags: <b>, <i>, <br>, <ul>, <li>
  • Note: Some categories don't support HTML (will be stripped by Flipkart)
  • Max Length: 10,000 characters

Testing Your HTML Output

Step 1: Download Translated File

  1. Download CSV/Excel with translations
  2. Open in Excel/Google Sheets
  3. Check "Description" column for HTML tags

Step 2: Validate HTML

  1. Copy a translated description
  2. Paste into HTML validator: W3C Validator
  3. Ensure no errors (minor warnings are okay)

Step 3: Test on Marketplace

  1. Upload one test product to Amazon/Flipkart
  2. Check product page preview
  3. Ensure formatting displays correctly
  4. If good, upload remaining products

Advanced: Custom HTML Processing

Coming Soon (Scale Plan):

  • Custom Tag Rules: Define which tags to preserve vs. strip
  • Tag Transformation: Convert <b> to <strong> automatically
  • Marketplace Presets: Auto-format for Amazon, Flipkart, or Shopify

Troubleshooting Checklist

If HTML looks broken after translation:

  • ✅ Check if original file has valid HTML (use W3C validator)
  • ✅ Ensure all tags are closed properly (<b>...</b>)
  • ✅ Verify no nested tags are malformed
  • ✅ Check if marketplace supports your specific tags
  • ✅ Try re-uploading with "HTML validation" enabled in settings

Need Help with Complex HTML?

If you have advanced HTML formatting needs:

  • Email us a sample product description
  • We'll test and confirm compatibility
  • Free HTML cleanup for Scale plan users!

Contact: heyshabdly@gmail.com

Was this article helpful?

Related Articles

Still need help?

Contact our support team for personalized assistance

Contact Support