🧠 Did You Know? How to Make Transifex Live Merge or Split Text Segments

Tips and Tricks
, ,
1

When using Transifex Live, you don’t have to settle for the default way it breaks your website text into strings.

With a little understanding of how the Live parser works, you can merge multiple pieces of text into one string — or intentionally split them into separate segments. This can give you more control over translation quality and context.

:link: How to Merge Multiple Text Elements into One Segment

If you’d like several elements to appear as a single string for translation, use a block-level HTML tag (like <div>, <p>, <li>, etc.) that contains both plain text and inline tags (like <span>, <strong>, <em>, etc.).

:white_check_mark: Example: A product description

<p>

Meet the all-new <span>EcoBrew 3000</span> — your eco-friendly coffee solution.

</p>

Detected segment:

Meet the all-new <span>EcoBrew 3000</span> — your eco-friendly coffee solution.

:white_check_mark: Example: A special offer

<div>

Get <strong>20% off</strong> when you sign up before <em>April 30</em>!

</div>

Detected segment:

Get <strong>20% off</strong> when you sign up before <em>April 30</em>!

:light_bulb: Why this works: When a block contains both plain text and inline HTML, Transifex Live treats the entire block as one segment.

:scissors: How to Split Content Into Separate Segments

If you want finer control, like translating repeated or dynamic parts independently, you can structure your HTML so that Live splits it into separate segments.

:white_check_mark: Example: List of benefits

<p>

<span>Fast setup</span>

<span>No coding required</span>

<span>Free trial available</span>

</p>

Detected segments:

Fast setup

No coding required

Free trial available

“Only 3 left in stock!”

:light_bulb: Why this happens: Transifex Live detects text inside bound elements as separate segments because the DOM treats them independently.

:test_tube: TL;DR – Segmenting Tips

Goal Do this
:white_check_mark: Merge into one string Use a block tag with a mix of plain text and inline HTML
:scissors: Split into multiple strings Use only inline elements, or let Angular/React control content

Give it a try on your site! Want help debugging your segmentation or sharing cool examples with the community? Drop them in the comments below :backhand_index_pointing_down: