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

Steps to Use the Visual Editor

1. Open Your Project Dashboard

Navigate to your MultiLipi dashboard and select the project you want to customize.

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

2. Go to "URLs" under "Translations"

Click on the URLs tab under the Translations 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

On the right-hand side of each URL row, click the 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.

What You Can Customize

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

Easily preview and adjust how your translations appear across Desktop, Tablet, and Mobile using the device dropdown.Dropdown menu in the visual editor showing device selection options: Desktop, Tablet, and Mobile.

5. Edit CSS for Styling

Click the “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. Add Google Fonts CSS

Want a different font for translated content? Paste your Google Fonts link into the “Add Font CSS” option.

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

7. Publish Your Changes

Once you're satisfied with the edits, hit “Publish” 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!