Integrieren Sie Ihre Rechtsdokumente in wenigen Minuten

Ihre Dokumente sind fertig und auf WebLegal.ai gehostet. Jedes Dokument hat eine eindeutige URL, die Sie direkt verwenden können. Wählen Sie die Methode, die Ihrem technischen Niveau entspricht:

Einfacher Link

Fügen Sie einen Link in Ihren Footer ein. 30 Sekunden.

Anfänger

Overlay (Popup)

Das Dokument öffnet sich als elegantes Popup auf Ihrer Website. 2 Minuten.

Iframe (Einbettung)

Betten Sie das Dokument direkt in eine Seite ein. 2 Minuten.

Fortgeschritten

Kopieren und Einfügen

Kopieren Sie den Inhalt (HTML, Text oder Markdown) in Ihr CMS.

Alle Niveaus

Nutzen Sie TOWeb, PageXL, Shopify, WooCommerce oder WordPress? Gehen Sie direkt zur dedizierten Anleitung für Ihre Plattform unten.

Methode 1: Einfacher Link

Die einfachste Methode. Fügen Sie einen Link zu Ihrem Dokument im Footer Ihrer Website hinzu.

HTML

<a href="https://weblegal.ai/documents/votre-document/">Datenschutzerklärung</a>

Der Besucher klickt und sieht Ihr Rechtsdokument auf einer dedizierten Seite mit der Werkzeugleiste (Kopieren, Herunterladen, Drucken).

Tipp : platzieren Sie Ihre rechtlichen Links im Footer Ihrer Website, wie die meisten professionellen Websites.

Methode 2: Overlay (Popup)

Das Dokument öffnet sich in einem modalen Fenster über Ihrer Website, ohne die Seite zu verlassen. Dies ist die empfohlene Methode für die beste Benutzererfahrung.

Schritt 1: Script hinzufügen (nur einmal)

Fügen Sie diese Zeile im <head> aller Seiten Ihrer Website hinzu (oder in Ihrem Haupt-Template/Layout). So funktionieren die rechtlichen Links in Ihrem Footer überall:

HTML — im <head> hinzufügen

<script src="https://weblegal.ai/js/weblegal-embed.js" defer></script>

Schritt 2: Links hinzufügen

Platzieren Sie Ihre rechtlichen Links im Footer Ihrer Website. Alle Links zu WebLegal-Dokumenten öffnen sich automatisch im Overlay:

HTML — Links in Ihrem Footer

<footer>
  <a href="https://weblegal.ai/documents/xxx/">AGB</a>
  <a href="https://weblegal.ai/documents/yyy/">Datenschutz</a>
  <a href="https://weblegal.ai/documents/zzz/">Cookies</a>
</footer>

Vorteil : der Besucher verlässt nie Ihre Website. Das Dokument wird über der aktuellen Seite angezeigt und kann durch Klick auf X oder Drücken von Escape geschlossen werden. Da das Script auf allen Seiten eingebunden ist, funktionieren die rechtlichen Links im Footer überall.

Methode 3: Iframe (direkte Einbettung)

Betten Sie das Dokument direkt in eine Seite Ihrer Website ein, als wäre es Teil Ihres Inhalts.

HTML

<iframe
  src="https://weblegal.ai/documents/votre-document/?toolbar=0&noheader=1"
  width="100%"
  height="800"
  style="border: none; max-width: 100%;">
</iframe>

Die Parameter toolbar=0 und noheader=1 verbergen die Werkzeugleiste und den Header für eine visuell saubere Integration.

Methode 4: Inhalt kopieren und einfügen

Sie können den Inhalt Ihrer Dokumente kopieren und direkt in Ihr CMS oder Ihren Website-Editor einfügen.

Öffnen Sie Ihr Dokument auf WebLegal.ai
Klicken Sie unten rechts auf Kopieren
Wählen Sie das Format:
- HTML — für Editoren, die HTML-Code akzeptieren
- Klartext — für einfache Editoren
- Markdown — für statische Websites (Hugo, Jekyll, Astro...)
Fügen Sie es in Ihren Editor ein

Wichtig : wenn Sie den Inhalt kopieren, werden automatische Updates nicht angewendet. Mit einem Link, Overlay oder Iframe profitiert Ihr Dokument automatisch von WebLegal-Verbesserungen.

Darstellung anpassen

Passen Sie das Erscheinungsbild Ihrer Dokumente an Ihre Website an. Konfigurieren Sie die Optionen unten und kopieren Sie die angepasste URL.

URL Ihres Dokuments

Theme

Auto (System) Hell Dunkel

Anzeigeoptionen

Werkzeugleiste ausblenden Header ausblenden Footer ausblenden WebLegal-Credit anzeigen

Textschrift

Überschriftenschrift (optional)

Linkfarbe

Maximale Breite : 960px

Angepasste URL

TOWeb-Anleitung

TOWeb verwaltet Rechtsdokumente über 2 integrierte Bereiche:

AGB/Verkaufsbedingungen-Seite (Bereich "tos"): zeigt die Allgemeinen Geschäftsbedingungen oder die Verkaufsbedingungen an, je nachdem ob Ihre Website E-Commerce hat oder nicht. Der Link erscheint automatisch im Footer.
Datenschutz/Cookies-Seite: ein dedizierter Bereich, den Sie in Optionen > Cookies & Datenschutz zuweisen. Hier platzieren Sie Ihre Datenschutzerklärung und/oder Cookie-Richtlinie.

Schritt 1: AGB- oder Verkaufsbedingungen-Seite ausfüllen

Generieren Sie Ihre Allgemeinen Geschäftsbedingungen (oder Verkaufsbedingungen bei E-Commerce) auf WebLegal.ai
Klicken Sie auf HTML kopieren auf Ihrem WebLegal-Dokument
Öffnen Sie in TOWeb den Bereich "Allgemeine Geschäftsbedingungen" (oder "Verkaufsbedingungen") am Ende Ihrer Bereichsliste
Fügen Sie den Inhalt in einen Absatz dieser Seite ein

Schritt 2: Datenschutz-/Cookies-Seite erstellen

Generieren Sie Ihre Datenschutzerklärung auf WebLegal.ai und klicken Sie auf HTML kopieren
Erstellen Sie in TOWeb einen neuen Bereich (z.B.: "Datenschutzerklärung")
Fügen Sie den HTML-Inhalt in einen Absatz ein
Weisen Sie in Optionen > Cookies & Datenschutz diesen Bereich als Einwilligungsseite zu
Wenn Sie auch eine separate Cookie-Richtlinie möchten, erstellen Sie einen zusätzlichen Bereich und fügen Sie das entsprechende Dokument ein

Schritt 3: Footer-Links überprüfen

Die Links zur AGB-/Verkaufsbedingungen-Seite sowie zu den Cookie-Seiten werden automatisch von TOWeb in Ihren Seiten hinzugefügt, wenn es nötig ist
Fügen Sie im Schritt Bereiche manuell alle Links zu Ihren Rechtsdokumenten (AGB, Datenschutz / Cookies usw.) im Footer Ihrer Website hinzu
Veröffentlichen Sie Ihre Website

TOWeb 14+ : der integrierte Website-Optimierer prüft automatisch das Vorhandensein Ihrer Rechtsseiten und warnt Sie bei DSGVO-Compliance-Problemen (fehlender Footer-Link, Platzhalterinhalt, nicht zugewiesene Datenschutzseite, deaktivierte Cookie-Einwilligung).

E-Commerce-Websites : die TOS-Seite von TOWeb zeigt automatisch "Verkaufsbedingungen" statt "Allgemeine Geschäftsbedingungen" an. Wenn Sie beide Dokumente oder mehr benötigen, erstellen Sie so viele zusätzliche Bereiche wie nötig und fügen Sie deren Links in Ihren Footer ein.

PageXL-Anleitung

PageXL verfügt über einen dedizierten Bildschirm für Rechtsdokumente mit 4 Feldern: Datenschutzerklärung, Nutzungsbedingungen, Cookie-Richtlinie und Verkaufsbedingungen.

Empfohlene Methode: Kopieren und Einfügen in die dedizierten Felder

Generieren Sie Ihre Dokumente auf WebLegal.ai
Klicken Sie bei jedem Dokument auf HTML kopieren
Öffnen Sie in PageXL die Seiteneinstellungen
Fügen Sie den Inhalt in das entsprechende Feld ein (Datenschutzerklärung, Nutzungsbedingungen usw.)
Speichern — PageXL erstellt automatisch die Seiten und Links

Automatische Links : PageXL verwaltet die Felder %PRIVACY%, %TERMS%, %COOKIES% und %TOS%, die Sie in Ihre Texte einfügen können, um Links zu den entsprechenden Rechtsseiten zu erstellen.

Button "Mit KI generieren" : jedes Feld verfügt über einen Button, der Sie zu WebLegal.ai weiterleitet, um das entsprechende Dokument zu generieren.

Shopify-Anleitung

Methode 1: Links im Footer

Shopify Admin > Navigation > Footer menu
Klicken Sie auf Add menu item
Name: "Datenschutzerklärung", URL: Ihre WebLegal-URL
Wiederholen Sie für jedes Dokument (AGB, Cookies, Verkaufsbedingungen)
Speichern

Methode 2: Dedizierte Seite mit Iframe

Shopify Admin > Pages > Add page
Klicken Sie auf </> (HTML-Modus)
Fügen Sie den Iframe-Code ein (siehe Iframe-Abschnitt oben)
Speichern und fügen Sie die Seite Ihrer Navigation hinzu

WooCommerce-Anleitung

WordPress Admin > Seiten > Neu hinzufügen
Titel: "Datenschutzerklärung"
Fügen Sie einen Block Eigenes HTML hinzu
Fügen Sie den Iframe-Code ein
Veröffentlichen
Weisen Sie in WooCommerce > Einstellungen > Erweitert Ihre Seiten für Verkaufsbedingungen und Datenschutz zu

WordPress-Anleitung

WordPress Admin > Seiten > Neu hinzufügen
Titel: "Datenschutzerklärung"
Fügen Sie einen Block Eigenes HTML hinzu (</>-Symbol)
Fügen Sie den Iframe-Code ein oder verwenden Sie HTML kopieren von Ihrem WebLegal-Dokument
Veröffentlichen
Wählen Sie in Einstellungen > Datenschutz Ihre Datenschutzseite aus

Andere Plattformen

Diese Methoden funktionieren mit allen Plattformen: Wix, Squarespace, Webflow, Prestashop, Magento usw.

Option 1: Link (die einfachste)

Fügen Sie einen Link zu Ihrem Dokument im Footer oder Menü Ihrer Website hinzu. Funktioniert überall.

Option 2: Iframe

Wenn Ihre Plattform das Hinzufügen von eigenem HTML-Code erlaubt, fügen Sie den Iframe-Code ein (siehe Abschnitt Iframe).

Option 3: Overlay mit weblegal-embed.js

Wenn Sie Zugang zum <head> Ihrer Website haben, fügen Sie das Integrationsskript hinzu (siehe Abschnitt Overlay). Links zu Ihren Dokumenten öffnen sich als Popup.

Option 4: Kopieren und Einfügen

Kopieren Sie den Inhalt Ihres Dokuments (HTML, Text oder Markdown) und fügen Sie ihn in Ihren Editor ein. Siehe Kopieren und Einfügen.

URL-Parameter (erweitert)

Fügen Sie diese Parameter zur URL Ihrer Dokumente hinzu, um deren Erscheinungsbild anzupassen.

Parameter	Werte	Standard	Beschreibung
`theme`	light, dark, auto	auto	Farbthema (auto folgt dem System)
`toolbar`	0, 1	1	Werkzeugleiste ein-/ausblenden
`font`	Google Font	Arial	Textschrift
`hfont`	Google Font	= font	Überschriftenschrift
`linkcolor`	Hex (no #)	4361EE	Linkfarbe
`credit`	0, 1	0	Credit "Erstellt von WebLegal.ai"
`logo`	URL https://	—	Logo-Bild anstelle des Namens
`maxwidth`	600-1400	960	Maximale Breite in Pixeln
`noheader`	0, 1	0	Header ausblenden
`nofooter`	0, 1	0	Footer ausblenden
`print`	0, 1	0	Druckdialog automatisch öffnen

Beispiel: dunkles Dokument mit Inter-Schrift und grünen Links

https://weblegal.ai/documents/xxx/?theme=dark&font=Inter&linkcolor=10b981

Ihre Dokumente verwalten

Eine Kopie speichern

Klicken Sie in der Werkzeugleiste Ihres Dokuments auf Herunterladen, um eine eigenständige HTML-Datei zu erhalten.

Als PDF exportieren

Klicken Sie auf Drucken und wählen Sie dann "Als PDF speichern" im Dialogfeld. Oder verwenden Sie den Direktlink:

Direktlink PDF

https://weblegal.ai/documents/xxx/?print=1&toolbar=0

Automatische Updates

Ihre Dokumente werden dynamisch bereitgestellt. Jede WebLegal-Verbesserung (Dunkelmodus, neue Funktionen, Korrekturen) wird automatisch auf alle Ihre Dokumente angewendet, einschließlich zuvor generierter.

Cookie-Zustimmungsbanner

Ein kostenloses, DSGVO- und CCPA-konformes Cookie-Zustimmungsbanner. Blockiert Tracker bis der Nutzer zustimmt, unterstutzt Google Consent Mode v2 und funktioniert auf jeder Website.

Installation

Fugen Sie dieses Script-Tag in Ihren <head> ein, vor allen Analytics- oder Tracking-Scripts:

HTML — in <head> einfugen

<script src="https://weblegal.ai/js/wl-cookie-consent.js" defer></script>

Konfiguration

Konfigurieren Sie das Banner uber data--Attribute am Script-Tag:

HTML — alle Optionen

<script src="https://weblegal.ai/js/wl-cookie-consent.js"
  data-position="popup"
  data-theme="auto"
  data-color="#4361EE"
  data-privacy-url="/privacy/"
  data-services="ga4,hotjar"
  data-expire="180"
  data-no-branding="false"
  data-lang="auto"
  defer></script>

Attribut	Werte	Standard	Beschreibung
`data-position`	popup, bottom, modal	popup	Layout: untere Leiste, zentriertes Popup oder Vollbild-Modal
`data-theme`	light, dark, auto	auto	Farbthema (`auto` folgt der OS-Einstellung des Nutzers)
`data-color`	#hex	#4361EE	Akzentfarbe fur Buttons (Hex-Format)
`data-privacy-url`	URL	—	URL Ihrer Datenschutzseite (fugt einen Link im Banner hinzu)
`data-services`	ga4,gtm,gads,hotjar,meta-pixel,tiktok,linkedin,clarity	—	Kommagetrennte Liste der zu verwaltenden Tracker-Dienste
`data-expire`	1–365	180	Anzahl der Tage bis die Zustimmung ablauft und das Banner erneut erscheint
`data-no-branding`	true, false	false	"Powered by WebLegal"-Hinweis entfernen
`data-lang`	fr, en, es, de, it, pt, nl, pl, sv, ro, cs, el, hu, da	auto	Bannersprache (standardmassig automatisch aus `<html lang>` erkannt)

Unterstutzte Dienste

Ubergeben Sie eine kommagetrennte Liste von Dienst-IDs in data-services:

ga4 — Google Analytics 4
gtm — Google Tag Manager
gads — Google Ads
hotjar — Hotjar
meta-pixel — Meta Pixel (Facebook)
tiktok — TikTok Pixel
linkedin — LinkedIn Insight Tag
clarity — Microsoft Clarity

Automatische Script-Blockierung

Das Banner fängt Tracker-Scripts (Google Analytics, Meta Pixel usw.) automatisch ab und blockiert sie, bis der Nutzer seine Zustimmung gibt. Sie mussen Ihre bestehenden Script-Tags nicht andern — das Banner ubernimmt das.

Google Consent Mode v2

Das Banner integriert sich automatisch mit Google Consent Mode v2. Es sendet gtag('consent', 'default', ...) beim Laden (alles abgelehnt) und gtag('consent', 'update', ...) wenn der Nutzer akzeptiert. Keine zusatzliche Konfiguration notig.

Benutzerdefiniertes Event

Horen Sie auf das wl-cc-consent-Event, um auf die Nutzerentscheidung zu reagieren:

JavaScript

window.addEventListener('wl-cc-consent', function(e) {
  console.log(e.detail);
  // e.detail = { analytics: true, marketing: false, ... }
});

Visueller Konfigurator

Nutzen Sie den Cookie-Banner-Konfigurator, um das Script-Tag visuell anzupassen und mit den richtigen Attributen zu generieren:

Konfigurator offnen →

Kostenlos : das Cookie-Zustimmungsbanner ist vollig kostenlos, auch ohne Kauf eines Rechtsdokuments bei WebLegal.

Häufig gestellte Fragen

Jeder Kauf generiert Dokumente für eine bestimmte Website. Wenn Sie mehrere Websites verwalten, benötigen Sie einen Satz Dokumente pro Website.

Alle Verbesserungen (Dunkelmodus, neue Kopieroptionen, Layout-Korrekturen) werden automatisch auf alle Ihre Dokumente angewendet, auch auf solche, die vor Monaten generiert wurden.

Nein. Alle WebLegal-Dokumente haben ein noindex, nofollow-Tag, um doppelte Inhalte zu vermeiden und Ihr SEO zu schützen.

Sie können den Inhalt (HTML, Text oder Markdown) kopieren und frei bearbeiten. Automatische Updates gelten jedoch nicht mehr für eine geänderte Kopie.

Ja. Auf Mobilgeräten wird das Overlay im Vollbildmodus für optimale Lesbarkeit angezeigt.