MultiLipi’s Visual Editor is designed to help you fine-tune the appearance and wording of your translated pages — all without writing a single line of code. It offers a real-time, WYSIWYG-style editor to visually manage fonts, styles, CSS, and layouts across devices (Desktop, Tablet, and Mobile). Plus, with recent upgrades, you now get AI content suggestions, image alt tag editing, e SEO-aware editing in one unified interface.

Steps to Use the Visual Editor

1. Abra o painel do projeto

Navegue até o painel MultiLipi e selecione o projeto que deseja personalizar.

Captura de tela do painel MultiLipi mostrando o menu de navegação com "URLs" realçado em "Traduções".

2. Vá para "URLs" em "Traduções"

Clique no botão URLs sob a seringa Traduções section. This opens a list of translated paths associated with your domain.Screenshot section with the list of domain paths and the visual editor icon highlighted.

 

3. Click the Visual Editor Icon

No lado direito de cada linha de URL, clique no botão visual editor icon (the brush inside a square) to launch the real-time editor for that page.Screenshot where multilipi virtual editor opens its editing tool and publishing panel.

O que você pode personalizar

Once the editor loads, you gain access to a range of customization tools from the toolbar.

AI-Powered Editing Features

  • AI Suggestions for Text: Instantly view content improvement suggestions tone, clarity, and SEO optimization tailored for each language.

  • One-Click Replace: Click once to apply AI-recommended changes. No manual typing required.

  • Image Alt Tag Editing: Click any image to edit or localize the Alt attribute for SEO accessibility compliance.

  • Auto Formatting Suggestions: Adjust headline levels, CTA tone, and formatting via smart AI cues.

4. Switch Between Devices

Pré-visualize e ajuste facilmente a forma como as suas traduções aparecem Versão desktop , Comprimido , e Telemóvel usando a lista suspensa do dispositivo. Menu suspenso, Tablet e Celular.

5. Edit CSS for Styling

Clique no botão “Edit CSS” button to write custom CSS that modifies the style of your translated content without changing your original layout.Edit CSS button highlighted in the MultiLipi visual editor toolbar.

6. Adicionar Google Fonts CSS

Quer uma fonte diferente para o conteúdo traduzido? Cole o seu Fontes do Google link para a opção "Adicionar fonte CSS".

Popup box in MultiLipi visual editor prompting the user to paste a Google Fonts CSS link.

7. Publique as suas alterações

Once you're satisfied with the edits, hit "Publicar" at the top right. The changes go live instantly on your multilingual version.

Visual editor showing toolbar with the Publish button on the right and active editing on a translated blog post.
Why Use the Visual Editor?

  • No Coding Required – Built for non-technical users

  • Real-Time Preview – See live translated content as you edit

  • Full Design Control – Fonts, layout, CSS, image alts, and more

  • AI-Powered Workflow – From smart suggestions to one-click updates

  • Device-Specific Layouts – Preview per device type

  • Seamless Publishing – Push changes live instantly

Have questions or feedback about the Visual Editor? Contact our support team, we're here to help!