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 editinget SEO-aware editing in one unified interface.

Steps to Use the Visual Editor

1. Ouvrez le tableau de bord de votre projet

Accédez à votre tableau de bord MultiLipi et sélectionnez le projet que vous souhaitez personnaliser.

Screenshot of MultiLipi dashboard showing navigation menu with “URLs” highlighted under “Translations”.

2. Allez dans « URLs » sous « Traductions »

Cliquez sur le bouton Liens URL sous l’onglet Traductions 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

Sur le côté droit de chaque ligne d’URL, cliquez sur l’icône 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.

Ce que vous pouvez personnaliser

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évisualisez et ajustez facilement l’affichage de vos traductions Bureau , Tablette et Mobile à l’aide de la liste déroulante de l’appareil. Dropdown menu, Tablet, and Mobile.

5. Edit CSS for Styling

Cliquez sur l’icône “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. Ajouter le CSS de Google Fonts

Vous voulez une police différente pour le contenu traduit ? Collez votre Polices Google dans l’option « Ajouter une police CSS ».

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

7. Publiez vos modifications

Once you're satisfied with the edits, hit « Publier » 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!