TranslatePress

TranslatePress offers a visual, on-page translation editor where you translate content directly on your site.

#Setup

1. Install and activate TranslatePress - Multilingual from the recommended plugins list

2. Go to Settings > TranslatePress in your WordPress dashboard

3. Set your default language and add target languages

4. Save changes

5. Click the Translate Site button in the admin bar to open the visual editor

#Theme Integration

Monogram includes a vendor wrapper that ensures TranslatePress compatibility with Barba.js page transitions. The language switcher reinitializes automatically when navigating between pages.

#How It Works

TranslatePress stores translations in your own database. You translate content visually:

1. Navigate to any page on your site using the visual editor

2. Click on any text element to translate it

3. Type or paste the translation in the sidebar panel

4. Save and move to the next element

Features:

• Visual front-end editor - see translations in context

• All translations stored locally in your database

• SEO-friendly with hreflang tags and translated slugs

• Compatible with all theme features including Elementor widgets

Last updated 19 Aug 2026