MARKETPLACE
PLUGINS
GTRANSLATE + RTL DIRECTION
GTranslate + RTL Direction logo

GTranslate + RTL Direction

Published November 2025
   •    Updated this week

Plugin details

GTranslate + RTL Direction is a lightweight Bubble plugin that adds a floating language switcher powered by GTranslate and automatically adjusts your app layout between LTR and RTL.
When users pick an RTL language (like Arabic, Hebrew, Farsi, or Urdu), the plugin:

Detects the selected language from the <html> tag

Sets dir="rtl" and adds an .rtl class on the <html> element

Flips the page direction and text alignment to right-to-left

For non-RTL languages (e.g. English, French, Spanish), the plugin keeps the layout in the normal left-to-right mode.

This plugin is ideal for multi-language apps that need both automatic translation and proper RTL support without any extra workflows, Toolbox, or custom code on the page. Install it once, and your pages will automatically react when the user changes language.

Free

For everyone

stars   •   0 ratings
2 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

pranav logo
pranav
Joined 2024   •   4 Plugins
View contributor profile

Instructions

How to use GTranslate + RTL Direction
Install the plugin in your Bubble app from the Plugins tab.

You don’t need to add any element from the plugin – the widget and logic are injected automatically via the HTML header.

Preview a page in run mode. You will see a small GTranslate language switcher (floating widget) on the page.

Choose a language:

For LTR languages (e.g. English), the page stays in normal left-to-right mode.

For RTL languages (Arabic, Hebrew, Farsi, Urdu), the plugin automatically:

Updates the <html> tag to dir="rtl"

Adds an .rtl class so the whole page layout and text alignment switch to RTL.

If you want some sections to stay left-to-right (for example emails, numbers, or code blocks), give those elements the CSS class keep-ltr. The plugin’s CSS keeps those elements LTR even when the page is in RTL mode.

You can customize the default language or the list of RTL languages by editing the plugin’s gtranslateSettings and rtlLangs array in the Shared → HTML Header.

No workflows or extra plugins are required. Just install, preview, and your app will translate and switch direction based on the user’s chosen language.

Types

This plugin can be found under the following types:
Background Services

Categories

This plugin can be found under the following categories:
Internationalization

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble logo
Product
AI
Mobile
Design
Data
Logic
Collaboration
Security
Status
Release notes
Bubble for
Founders
Developers
Agencies
Enterprise
Discover
How Bubble works
Examples
Pricing
Learn
Academy
Technical guides
Blog
How to build
Coaching
Resources
Connect to AI
Marketplace
Templates
Plugins
Experts
Bootcamps
Certification
Partnerships
Affiliates
Figma to Bubble
Community
Bubble community
Forum
Newsletter
Podcast
Early access
Store
Company
About
Careers
Brand guidelines
Support
Contact us
Legal
Terms
Privacy
©  2026, Bubble Group, Inc. All rights reserved.
Bubble
Pricing
Enterprise
Contact sales