# AngularJS Website Translation Integration | Vitra.ai > Add multilingual content to an AngularJS website with Vitra Universe while preserving application structure and the existing deployment workflow. **Canonical URL**: https://www.vitra.ai/integration/angular-js **Source**: This is the Markdown rendering of https://www.vitra.ai/integration/angular-js, generated at build time from that page. --- [←All integrations](https://www.vitra.ai/integrations) AngularJS Translation Browse ▾ [←All integrations](https://www.vitra.ai/integrations) ![](https://www.vitra.ai/icons/integrations/angularjs.svg) # Angular JS AngularJS is a JavaScript framework for building dynamic web applications. It enables two-way data binding and structured frontend development. [Connect](https://universe.vitra.ai) ## Using Universe Website Translation in an AngularJS Project (Pre-Installed Environment) AngularJS is a JavaScript framework for building dynamic web applications. It enables two-way data binding and structured frontend development. If AngularJS is already pre-installed in your environment (like a hosting panel, enterprise CMS, or project setup wizard), you don't need to install Angular again. You only need to configure Universe Website Translation inside the AngularJS project structure. ![Using Universe Website Translation in an AngularJS Project (Pre-Installed Environment)](https://www.vitra.ai/static/images/integration/angular-js/overview.png) ## Step-by-Step Configuration ### Step 1: Select Project Technology → AngularJS - When creating a new project: - Choose AngularJS as the project technology. - Complete the project setup wizard. - Deploy / generate the project structure. ### Step 2: Locate the Main Entry File - Your AngularJS app will typically create: - index.html - This file loads across all routes using ng-view. - That's where we integrate Universe Website Translation. ### Step 3: Paste the Vitra Snippet in - Open index.html ![Step 3: Paste the Vitra Snippet in ](https://www.vitra.ai/static/images/integration/angular-js/step-3.png) ### Step 3: No Additional Angular Configuration Needed - You do NOT need to: - Modify app.js - Add Angular modules - Change routing config - Inject into controllers - Touch $scope ## Important for AngularJS (Single Page Apps) Since AngularJS uses client-side routing: If your site loads content dynamically, make sure: - The snippet is placed in index.html (global level) - Not inside a partial view - Not inside a specific template This ensures it loads across all routes. ## What Happens After Setup? Once active, Universe Website Translation: - Translates Angular-rendered content - Works across ng-view routes - Detects dynamic DOM updates - Preserves layout and CSS - Improves international engagement ## Where to go next AngularJS Website 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 an Angular App](https://www.vitra.ai/general/translate-an-angular-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": "AngularJS Website Translation integration", "applicationCategory": "BusinessApplication", "operatingSystem": "Web", "url": "https://www.vitra.ai/integration/angular-js", "description": "Add multilingual content to an AngularJS website with Vitra Universe while preserving application structure and the existing deployment workflow.", "featureList": [ "Translates Angular-rendered content", "Works across ng-view routes", "Detects dynamic DOM updates", "Preserves layout and CSS", "Improves international engagement" ], "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": "AngularJS Website Translation integration", "item": "https://www.vitra.ai/integration/angular-js" } ] } ```