# Flask Translation Integration | Vitra.ai > Add multilingual capabilities to Flask applications with Vitra by translating web content and UI dynamically while keeping your lightweight app structure intact. **Canonical URL**: https://www.vitra.ai/integration/flask **Source**: This is the Markdown rendering of https://www.vitra.ai/integration/flask, generated at build time from that page. --- ![](https://www.vitra.ai/icons/integrations/file-icons_flask.svg) Vitra integration # Flask Translation Add multilingual capabilities to Flask applications with Vitra by translating web content and UI dynamically while keeping your lightweight app structure intact. [Connect Flask Translation↗](https://universe.vitra.ai) [←All integrations](https://www.vitra.ai/integrations) Flask Translation Browse ▾ [←All integrations](https://www.vitra.ai/integrations) ## Install Universe Website Translation on a Flask Site If your site is built with Flask, you can add Universe Website Translation by inserting one snippet into your base HTML template. No rebuild, no packages, no backend changes — just one safe, reversible change. ![Flask Translation overview](https://www.vitra.ai/static/images/integration/flask/1.png) ## Setup for Flask Workflow ## How it works 01 ### Open Your Flask Project Locate your Flask project folder and open it in your editor (VS Code, PyCharm, etc.). Most Flask apps have templates here: - templates/ - templates/base.html (or layout.html) 02 ### Open Your Base Template Open the file where your global tag lives: - templates/base.html - (or templates/layout.html) This base template is ideal because it loads on every page. You should see something like: 03 ### Paste the Vitra Snippet in the Paste your Vitra / Universe Website Translation snippet inside (preferably near the end of the head). Example placement: ![Paste the Vitra Snippet in the ](https://www.vitra.ai/static/images/integration/flask/2.png) 04 ### Add a Label (Optional but Recommended) For easy identification, add a clear comment label above it: 05 ### Save and Restart Flask Save the file, then restart your Flask server. Examples: flask run or if you run via python: python app.py Now refresh your website — Universe Website Translation should be active. ## What Happens After Setup? - ✓Once live, Universe Website Translation can: - ✓Translate all Flask-rendered pages - ✓Keep your layout intact - ✓Support SEO-ready multilingual experiences (if configured) - ✓Work without changing your routes or templates ## Easy to Remove Anytime - →Want to disable it? - →Just delete the snippet from base.html (or comment it out) and restart Flask. - →No side effects. No dependency cleanup. Next step [Connect now ↗](https://universe.vitra.ai) ## Where to go next Flask Translation is one way into Vitra.ai. Website translation is the capability doing the work behind it. [CapabilityWebsite translation](https://www.vitra.ai/features/website-translation)[Read nextTranslate a Flask App With Flask-Babel](https://www.vitra.ai/general/translate-a-flask-app)[Read nextContinuous localization for always-on content](https://www.vitra.ai/general/continuous-localization) Browse every connector on the [integrations directory](https://www.vitra.ai/integrations). --- ## Structured data ```json { "@context": "https://schema.org", "@type": "SoftwareApplication", "name": "Flask Translation integration", "applicationCategory": "BusinessApplication", "operatingSystem": "Web", "url": "https://www.vitra.ai/integration/flask", "description": "Add multilingual capabilities to Flask applications with Vitra by translating web content and UI dynamically while keeping your lightweight app structure intact.", "featureList": [ "Add multilingual capabilities to Flask applications with Vitra by translating web content and UI dynamically while keeping your lightweight app structure intact." ], "isPartOf": { "@type": "SoftwareApplication", "name": "Vitra Universe", "url": "https://www.vitra.ai" }, "publisher": { "@id": "https://www.vitra.ai/#organization" } } ``` ```json { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://www.vitra.ai" }, { "@type": "ListItem", "position": 2, "name": "Integrations", "item": "https://www.vitra.ai/integrations" }, { "@type": "ListItem", "position": 3, "name": "Flask Translation integration", "item": "https://www.vitra.ai/integration/flask" } ] } ```