Test & Integrate Multilingua.js

Use the bookmarklet to test how the widget will work on YOUR website before integrating it

🎯 Purpose: This tool helps you TEST and configure the Multilingua widget for YOUR website. The bookmarklet simulates how your visitors will be able to translate YOUR site content into their language.

⚙️ Configuration

💡 Live Preview: Change the options above to see the widget update in real-time! The bookmarklet will also update automatically.

📖 How to Use

Step by Step Guide

1

Configure Widget

Choose widget position and select the languages you want (up to 12)

2

Drag Bookmarklet

Drag the bookmarklet button below to your browser's bookmarks bar

3

Visit YOUR Website

Navigate to YOUR website or any page where you want to add multilingual support

4

Activate & Select

Click the bookmarklet. A banner will appear at the top. Click on elements to mark them for translation

5

Start Translation

Click "Done - Start Translation" to load the widget and translate your selected elements

🎬

Test Your Site

Use the bookmarklet on your site: hover elements (blue), click to mark for translation (green), then test the widget!

🔖 Testing Bookmarklet

This testing tool works on any website (no CORS restrictions). Use it to test how the widget will look and work on YOUR site before integrating it. Click elements to mark them for translation (adds data-i18n attributes), then see the widget in action. Perfect for testing before adding the code to your site!

📚 Multilingua Widget

✨ Advanced Features

  • Smart Selection: Hover shows preview (blue), click to select (green with checkmark)
  • Undo Selection: Click selected elements again to deselect them
  • Live Counter: See how many elements you've selected in real-time
  • HTML Preservation: All HTML tags, links, and formatting are preserved during translation
  • Auto-increment IDs: Each element gets a unique data-i18n attribute (element-1, element-2, etc.)