All Collections
Bablic Help Center
How to use The Visual Editor
How to use The Visual Editor
Mouhammad Jayousi avatar
Written by Mouhammad Jayousi
Updated over a week ago

The Bablic Visual Editor is a powerful tool that allows you to effortlessly customize your website's translated versions. Here's how to make the most of it:

1. Navigating the Editor:

  • The top menu bar in the Visual Editor provides quick access to various features. We'll dive into these functionalities to help you use the editor efficiently.

2. Editing Your Website:

  • To edit any element on your translated site (such as text, images, or spacing), simply right-click on it. This action enables you to modify the text, adjust font sizes, change images, and tweak padding among other elements.

3. Browsing Pages for Editing:

  • Navigate your site within the editor by clicking on links just as you would normally. To directly jump to a specific page, use the "Go to page" option found under the Options tab.

5. Desktop and Mobile Views:

  • Switch between desktop and mobile views to ensure your site looks great on all devices. This toggle is located in the top left corner of the Visual Editor.

6. Publishing Your Changes:

  • After making all necessary adjustments, click the "Publish Changes" button. This will apply your edits to the live site.

Tips: To ensure your changes are visible on the live site, confirm that the Bablic code is inserted in the header of every page. If needed, you can find the Bablic code in the Options menu under "Show Snippet." .

Note: any changes you apply within the Visual Editor will only affect the translated version of your site, keeping the original version unchanged.

7. Customizing the Language Selection Widget:

  • Enhance your language selection widget by navigating to the "Customize Widget" option under the Options tab.

  • Upon clicking, a pop-up window will appear, allowing you to tailor the widget's size, colors, type, and position, among other settings, to fit your site's needs from A to Z.

8. It's all Done!

Following these steps will help you effectively use the Bablic Visual Editor to customize your site's translations and ensure your website is accessible and user-friendly in multiple languages.

Did this answer your question?