Integrationen

Funktioniert auf jeder Plattform.

Framer, Webflow, Shopify, WordPress, Wix, Squarespace und jede Website mit Codezugriff auf den <head>Das Verfahren ist immer gleich: eine Zeile Code.

Kostenlos starten Funktionen ansehen

Das universelle Snippet

Der gleiche Code funktioniert auf allen Plattformen.

Egal, wo deine Website gehostet wird: Das Lantis-Snippet wird gleich installiert. Erhalte deines im Dashboard nach der Registrierung.

index.html — <head>
<script
  src="…/lantis.js"
  data-site-id="tu-site-id"
  data-langs="en,fr,de"
></script>
Plattformen

Schritt-für-Schritt Installation.

Wähle deine Plattform und folge den Schritten. In allen Fällen unter 5 Minuten.

Framer

Framer

Das Designtool, das die besten Teams lieben. Füge Sprachen hinzu, ohne das Projekt zu duplizieren oder das Design zu beschädigen.

  1. 1Registriere deine Website im Lantis-Dashboard.
  2. 2Kopiere das Snippet, das wir dir geben.
  3. 3In Framer → Settings → Code → Add Script: Füge es mit Placement „Start of <head>“, Page „All“ und Run Once ein und klicke auf Add.
  4. 4Klicke auf Publish. Das Skript wird erst nach der Veröffentlichung aktiv.
💡 Tipp: Falls du den Sprachwähler nicht siehst, überprüfe, dass du Publish in Framer angeklickt hast.
Kostenlos starten Vollständige Anleitung: Framer übersetzen →Übersetzen Framer pro Sprache →
Webflow

Webflow

Die professionelle Website-Plattform ohne Code. Übersetze deine gesamte Webflow-Website — inklusive CMS — ohne das Design zu verändern.

  1. 1Registriere deine Website im Lantis-Dashboard.
  2. 2Kopiere das Snippet, das wir dir geben.
  3. 3In Webflow → Project Settings → Custom Code → füge es in den <head> ein.
  4. 4Klicke auf Publish. Der Code wird nur auf der veröffentlichten Website aktiviert.
💡 Tipp: Der Custom Code von Webflow wird in der Vorschau nicht aktiviert. Überprüfe immer unter der veröffentlichten URL.
Kostenlos starten Vollständige Anleitung: Webflow mehrsprachig →Übersetzen Webflow pro Sprache →
Shopify

Shopify

Übersetze Produktblätter, Sammlungen, Seiten und Blog mit KI. Jede Sprache mit ihrer eigenen URL, damit Google dich in allen Märkten findet.

  1. 1Registriere deinen Shop im Lantis-Dashboard.
  2. 2Kopiere das Snippet, das wir dir geben.
  3. 3In Shopify → Online Store → Themes → Edit code → theme.liquid.
  4. 4Füge das Snippet in den <head> ein. Speichere und veröffentliche das Theme.
💡 Tipp: In Shopify gelten Änderungen am Theme-Code nur mit dem aktiven und veröffentlichten Theme.
Kostenlos starten Vollständige Anleitung: Shopify mehrsprachig →Übersetzen Shopify pro Sprache →
WordPress

WordPress

Füge Sprachen zu jedem WordPress ohne schwere Plugins hinzu. Der Snippet funktioniert in jedem Theme, mit Elementor, WPBakery oder dem Block-Editor.

  1. 1Registriere deine Website im Lantis-Dashboard.
  2. 2Kopiere das Snippet, das wir dir geben.
  3. 3Füge es in den <head> deines Themes ein (functions.php oder über ein Header-Plugin).
  4. 4Speichere und besuche deine Website, um den Sprachwahlschalter zu überprüfen.
💡 Tipp: Du kannst ein Plugin wie 'Insert Headers and Footers' verwenden, um das Snippet einzufügen, ohne PHP zu bearbeiten.
Kostenlos starten Vollständige Anleitung: WordPress übersetzen →Übersetzen WordPress pro Sprache →
Wix

Wix

Mache deine Wix-Website mehrsprachig ohne die Wix Multilingual App. Eine einzige Zeile im Custom Code und du hast echtes SEO pro Sprache.

  1. 1Registriere deine Website im Lantis-Dashboard.
  2. 2Kopiere das Snippet, das wir dir geben.
  3. 3In Wix → Einstellungen → Custom Code → Custom Code hinzufügen.
  4. 4Füge das Code-Snippet ein, wähle 'Head' und veröffentliche die Website.
💡 Tipp: In Wix erfordert der Custom Code auch eine Veröffentlichung der Website, um aktiv zu sein.
Kostenlos starten Vollständiger Leitfaden: Mehrsprachiges Wix →Übersetzen Wix pro Sprache →
Squarespace

Squarespace

Füge deiner Squarespace-Website Sprachen mit einer Codezeile hinzu. Kompatibel mit allen Templates und dem dynamischen Inhalt deiner Website.

  1. 1Registriere deine Website im Lantis-Dashboard.
  2. 2Kopiere das Snippet, das wir dir geben.
  3. 3In Squarespace → Settings → Advanced → Code Injection.
  4. 4Füge das Snippet in das Header-Feld ein und speichere.
💡 Tipp: Die Code-Injection ist in den Squarespace-Tarifen Core, Plus und Advanced enthalten (nicht im Basic-Tarif). Damit Google jede Sprache indexiert, verbinden Sie eine Subdomain pro Sprache (es.ihrewebsite.com).
Kostenlos starten Vollständige Anleitung: Squarespace mehrsprachig →Übersetzen Squarespace pro Sprache →
WooCommerce

WooCommerce

Übersetze Produktseiten, Kategorien, Warenkorb und Checkout deines WooCommerce-Shops. Jede Sprache mit eigener URL, ohne schwere Übersetzungs-Plugins.

  1. 1Registriere deine Website im Lantis-Dashboard.
  2. 2Kopiere das Snippet, das wir dir geben.
  3. 3Füge es in den <head> deines Themes ein (wp_head-Hook, functions.php oder ein Header-Plugin).
  4. 4Speichere und besuche deinen Shop, um die Sprachauswahl zu überprüfen.
💡 Tipp: Ein Plugin wie 'Insert Headers and Footers' lässt dich den Snippet einfügen, ohne PHP anzufassen.
Kostenlos starten Anleitung: WooCommerce, Bubble, Lovable und Carrd →Übersetzen WooCommerce pro Sprache →
Bubble

Bubble

Lege deine Bubble No-Code-App oder Website in mehreren Sprachen an. Eine Zeile im Header und du hast automatische KI-Übersetzung und echtes SEO pro Sprache.

  1. 1Registriere deine Website im Lantis-Dashboard.
  2. 2Kopiere das Snippet, das wir dir geben.
  3. 3In Bubble → Settings → SEO/Metatags → 'Script/meta tags in header'.
  4. 4Füge den Snippet ein und stelle deine App bereit.
💡 Tipp: Das Metatag-Feld im Header von Bubble gilt für alle Seiten deiner App.
Kostenlos starten Anleitung: WooCommerce, Bubble, Lovable und Carrd →Übersetzen Bubble pro Sprache →
Lovable

Lovable

Füge Sprachen zu der mit Lovable generierten App hinzu. Da es eine echte React/Vite-App erzeugt, reicht es, das Snippet in den <head> der index.html einzufügen.

  1. 1Registriere deine Website im Lantis-Dashboard.
  2. 2Kopiere das Snippet, das wir dir geben.
  3. 3Füge es dem <head> der index.html hinzu (über den Code-Editor oder nach dem Export zu GitHub).
  4. 4Stelle bereit und überprüfe, ob der Sprachauswahlschalter in Produktion erscheint.
💡 Tipp: Wenn du Lovable mit GitHub verbindest, bearbeite index.html im Repo und der Deploy übernimmt die Änderung.
Kostenlos starten Anleitung: WooCommerce, Bubble, Lovable und Carrd →
Carrd

Carrd

Mache deine Carrd-Landingpage mehrsprachig. Mit einem Pro-Plan kannst du den Snippet über ein Embed-Element oder den Website-weiten Code hinzufügen.

  1. 1Registriere deine Website im Lantis-Dashboard.
  2. 2Kopiere das Snippet, das wir dir geben.
  3. 3In Carrd (Pro-Plan) → füge ein Embed-Element im Modus 'Head' hinzu oder verwende die Code-Injection der Website.
  4. 4Veröffentliche und überprüfe den Sprachauswahlschalter.
💡 Tipp: Code-Embeds erfordern einen Carrd Pro-Plan (Pro Standard oder höher).
Kostenlos starten Anleitung: WooCommerce, Bubble, Lovable und Carrd →Übersetzen Carrd pro Sprache →
</>

Website zu Code / Custom

React, Next.js, Vue, Nuxt, Astro, statisches HTML, Django, Rails, Laravel... Wenn du etwas zum <head> hinzufügen kannst, funktioniert Lantis.

  1. 1Registriere deine Website im Lantis-Dashboard.
  2. 2Kopiere das Snippet, das wir dir geben.
  3. 3Füge es dem <head> deines Basis-Layouts hinzu (index.html, layout.tsx, app.vue, base.html...).
  4. 4Stelle bereit und überprüfe, dass der Sprachwahlschalter in der Produktion angezeigt wird.
💡 Tipp: Verwende im Next.js App Router <Script strategy="afterInteractive"> im Root-Layout. Konfiguriere es in Nuxt 3 in der nuxt.config.ts unter app.head.script.
Kostenlos starten Vollständige Anleitung: HTML, React, Next.js und mehr →
Auf allen Plattformen

Die Plattform spielt keine Rolle.
Das Ergebnis ist gleich.

🌍

URLs nach Sprache

Jede Sprache hat ihre eigene echte URL, damit Google sie unabhängig indexiert und positioniert.

🔖

Automatisches Hreflang

Die hreflang-Tags werden automatisch auf allen Seiten generiert. Google weiß, welche Version jedem Nutzer angezeigt werden soll.

🗺️

Sitemaps nach Sprache

Ein komplettes Sitemap pro Sprache, damit Google den gesamten Inhalt, einschließlich Blog und CMS, crawlt.

⚡

Cache und Geschwindigkeit

Mehr als 70% der Übersetzungen werden sofort bereitgestellt. Keine Beeinträchtigung der Core Web Vitals.

🤖

KI-Übersetzung

Gemini ist Standard; wenn du möchtest, kannst du die Engine deiner Website zu Claude, DeepL oder DeepSeek ändern.

🌐

Sprachwahlschalter

Erscheint automatisch bei der Installation des Snippets, verbunden mit den tatsächlichen URLs pro Sprache.

Häufig gestellte Fragen

Häufig gestellte Fragen.

Lantis funktioniert mit Framer, Webflow, Shopify, WordPress, WooCommerce, Wix, Squarespace, Bubble, Lovable, Carrd und jeder webbasierten Code-Lösung (React, Next.js, Vue, Astro, statisches HTML...). Wenn du etwas zum <head> deiner Website hinzufügen kannst, funktioniert Lantis.

Español English Deutsch Italiano Português Català Français