---
title: "Visual Translation Editor: Edit Text on the Rendered Page"
description: "Click text on the rendered page to review, edit and approve its translation, with desktop, tablet and mobile views and the page's SEO fields beside it."
url: "https://www.langrelay.com/visual-editor"
---

In-context review

# Review translations on the page they belong to.

Open the live page in LangRelay, click the text you want to inspect, and edit or approve it with layout, nearby copy, and SEO context still visible.

[Start translating free](https://app.langrelay.com/auth/sign-up)[See LangRelay in action](https://www.langrelay.com/book-a-demo)

Free to start. No credit card required.

Why it matters

One part of the same operating loop: detect, translate, review, publish, and check the result.

## A sentence changes meaning when you put it back on the page

“Save” might be a verb, a navigation label, or part of a pricing promise. In a table, the reviewer has to guess. On the page, the button, heading, image, and nearby paragraph provide the missing context immediately.

The LangRelay visual editor loads the website in an interactive preview. Select a rendered text segment to inspect its source and translation, then make the correction where you can see its effect. Desktop and mobile controls help catch a perfectly accurate translation that is still too long for the design.

## Keep marketers in the review and developers out of the handoff

Local reviewers can focus on wording rather than deployment. They do not need a source repository, a list of translation keys, or a screenshot with arrows drawn over it. The selected segment stays connected to its project, page, and language, so the next operator can see the same decision.

When the issue reaches beyond body copy, the same editor exposes SEO fields and Relay. That gives the reviewer a path from “this headline feels wrong” to an approved correction without opening a separate document or developer ticket.

Review in context

## Let the page explain what the string cannot.

The visual editor keeps the translation, the surrounding layout, and the publishing decision in the same review surface.

### Start from the rendered page

Open the site preview and select the visible sentence that needs attention.

### Compare language versions

Move between project languages without losing the page or the element you are reviewing.

### Give reviewers a focused job

Edit, create, or approve the selected translation without granting access to the site code.

### Check desktop and mobile

Switch viewport sizes to catch a translation that wraps, clips, or changes the layout.

### Inspect search copy too

Open the SEO panel beside the page to review titles, descriptions, and structured fields.

GYM053

We're a gym in Enschede with a lot of international students. Since we started using LangRelay, people who don't speak Dutch understand what we offer before they visit, and it adds hardly any work to running our website.

![GYM053 logo](https://www.langrelay.com/gym053-logo.png)

GYM053, Enschede

Review on wordpress.org

[Read the full story](https://www.langrelay.com/customers/gym053)

Keep the loop moving

## Pair visual editor with the next part of the workflow.

[RelayAsk for translation coverage, quality checks, and scoped fixes in plain language.See relay](https://www.langrelay.com/relay)[Translation workspaceFind, edit, and approve website translations from one working queue.See translation workspace](https://www.langrelay.com/translation-workspace)[Multilingual SEOLocalize search metadata, structured data, and page URLs alongside the copy.See multilingual seo](https://www.langrelay.com/multilingual-seo)

## Start with one page.

Pick a language and a page. See how LangRelay handles changes, review, and SEO on your own site.

[Get started for free](https://app.langrelay.com/auth/sign-up)[Book a demo](https://www.langrelay.com/book-a-demo)

For WordPress, [install the plugin first](https://wordpress.org/plugins/langrelay/).