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

Steps to Use the Visual Editor

1. Öffnen Sie Ihr Projekt-Dashboard

Navigieren Sie zu Ihrem MultiLipi-Dashboard und wählen Sie das Projekt aus, das Sie anpassen möchten.

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

2. Gehen Sie unter "Übersetzungen" auf "URLs"

Klicken Sie auf das Symbol URLs unter dem Übersetzungen 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

Klicken Sie rechts neben jeder URL-Zeile auf das Symbol 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.

Was Sie anpassen können

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 (Englisch) attribute for SEO accessibility compliance.

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

4. Switch Between Devices

Einfache Vorschau und Anpassung der Darstellung Ihrer Übersetzungen Desktop , Tablette und Mobil über das Dropdown-Menü Gerät. Dropdown-Menü, Tablet und Mobilgerät.

5. Edit CSS for Styling

Klicken Sie auf das Symbol “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. Fügen Sie Google Fonts CSS hinzu

Möchten Sie eine andere Schriftart für übersetzte Inhalte? Fügen Sie Ihre Google Schriftarten Link zur Option "Schriftart CSS hinzufügen".

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

7. Veröffentlichen Sie Ihre Änderungen

Once you're satisfied with the edits, hit "Veröffentlichen" 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!