Framer mehrsprachig: So fügen Sie Sprachen zu Ihrer Framer-Website hinzu (2026)

Framers integrierte Lokalisierung

Framer hat eine native Localization-Funktion, die in den Website-Einstellungen verfügbar ist. Nach der Aktivierung fügen Sie Ihrem Projekt Locale-Varianten hinzu — zum Beispiel Englisch, Französisch und Deutsch — und Framer erstellt im Designer Locale-spezifische Versionen jeder Seite. Sie übersetzen den Text dann Ebene für Ebene, entweder durch direkte Eingabe oder durch Import übersetzter Inhalte.

Der Hauptvorteil von Framer Localization ist die enge Integration mit der Plattform. Übersetzte Seiten werden standardmäßig auf Locale-präfixierte URLs veröffentlicht (/fr/, /de/) und Framer übernimmt das Routing automatisch. Framer-CMS-Collections können Locale-spezifische Einträge haben, was Ihnen volle redaktionelle Kontrolle pro Sprache gibt.

Es gibt jedoch bedeutende Kompromisse zu berücksichtigen:

Automatische Übersetzung mit einem Script-Tag

Ein DOM-basiertes Übersetzungs-Widget verfolgt einen grundlegend anderen Ansatz. Statt Übersetzungen innerhalb von Framer zu verwalten, übersetzt es die veröffentlichte Website automatisch — es beobachtet gerenderten Text im Browser und ersetzt ihn in Echtzeit durch die Zielsprache.

Sie fügen einen einzigen Script-Tag über Site Settings → General → Custom Code → End of body zu Framer hinzu. Ab diesem Zeitpunkt sind jede Seite, jede CMS-Collection und jede Komponente abgedeckt — ohne Design-Änderungen oder Duplizierung pro Locale.

Schritt für Schritt: Lingvit zu Ihrer Framer-Website hinzufügen

1. 1

   Lingvit-Projekt erstellen

   Registrieren Sie sich unter app.lingvit.com, erstellen Sie ein neues Projekt und geben Sie die Domain Ihrer Framer-Website ein. Kopieren Sie den Script-Tag aus den Projekteinstellungen.

2. 2

   Framer-Custom-Code-Einstellungen öffnen

   Gehen Sie in Framer zu Site Settings → General → Custom Code und suchen Sie das Feld End of body.

3. 3

   Script-Tag einfügen

   Fügen Sie Ihr Lingvit-Projekt-Script in das Feld End of body ein. Es sieht so aus:

   <script src="https://cdn.lingvit.com/widget/v1/widget.bundle.js"
     data-project-id="YOUR_PROJECT_ID"
     defer
   ></script>

4. 4

   Ihre Framer-Website veröffentlichen

   Klicken Sie in der Framer-Toolbar auf Publish. Das Script ist nun auf Ihrer veröffentlichten Website live.

5. 5

   Sprachen im Lingvit-Dashboard auswählen

   Wählen Sie zurück im Lingvit-Dashboard Ihre Zielsprachen. Der Sprachumschalter erscheint sofort auf Ihrer live geschalteten Framer-Website. Übersetzungen werden bei der ersten Anfrage generiert und anschließend zur Wiederverwendung gespeichert. Generierung und Auslieferungszeit hängen von Seite, Browser, Netzwerk und Anbieterantwort ab.

Framer CMS und Übersetzung

Framer-CMS-Content — Blogbeiträge, Fallstudien, Teammitglieder, Produktlisten — ist dynamisch an Seitenelemente gebunden. Wenn Framer eine CMS-Collection-Seite rendert, werden die Daten Teil des DOM wie jeder andere Text auf der Seite.

Der Ansatz der automatischen Übersetzung beobachtet das gerenderte DOM, statt Framers internes Datenmodell zu lesen. Das bedeutet, CMS-gebundener Text wird automatisch erfasst und übersetzt, ohne zusätzliche Konfiguration. Jeder Blogbeitrag, jeder Collection-Eintrag, jedes dynamisch befüllte Feld ist eingeschlossen.

Bei Framer Localization hingegen benötigen CMS-Einträge doppelte Einträge für jede Locale. Ein Blogbeitrag auf Englisch und Französisch erfordert zwei CMS-Einträge — Sie schreiben und pflegen beide. Für Teams, die häufig veröffentlichen, wird diese Duplizierung pro Locale zu einem erheblichen redaktionellen Mehraufwand.

Welcher Ansatz passt zu Ihrem Projekt?

Zum Anzeigen aller Spalten horizontal scrollen.

Wählen Sie Framer Localization, wenn Sie vollständig serverseitig gerenderte mehrsprachige Seiten benötigen, Locale-spezifische Bilder oder Locale-spezifische CMS-Einträge erfordern und bereits auf einem Framer-Pro-Tarif mit den redaktionellen Ressourcen sind, um jede Locale zu pflegen.

Wählen Sie automatische Übersetzung, wenn Sie schnell in mehreren Sprachen live gehen möchten, ohne Design-Duplizierung und ohne CMS-Mehraufwand pro Locale. Sie eignet sich besonders für Marketing-Websites, Portfolios und SaaS-Landing­pages, bei denen Time-to-Market wichtiger ist als serverseitiges Locale-Routing.

Häufig gestellte Fragen