Display elements from a bubble app in the defined language of a Webflow website

coworking · 2024-09-25T18:03:05.459Z

Hi, I am building a multilingual intranet (using app text) in Bubble of which 2 pages are also embedded as iFrames into a multilingual public website built on Webflow + Weglot.
(If anyone has a more elegant idea than iFrame, without duplicating the bubble app data structure in Webflow, please let me know!)

My current challenge is to display the embedded Bubble content in the same language as the website content where it is embedded. My first idea was to go with URL parameters lang=en etc. and change user language on page load accordingly, setting respective parametrized links for every language version’s iFrame. However, this does not change the displayed language yet, needs a page (re)load too (Navigating with URL parameters & current user's language). But a reload after rendering the whole page first in the “wrong” language would be stupid from both UX and resources point of view.

So my best idea by now is to create a bubble page with nothing in it except a workflow on page load that changes user language as defined by a URL parameter “lang” and then redirect to the page defined by a URL parameter “page”.

Can anyone think of a more elegant way?

system · 2024-12-04T18:04:03.232Z

This topic was automatically closed after 70 days. New replies are no longer allowed.