VTECH FORMS

Teilen & Einbetten

Dein Formular auf deiner Website.

Alle drei Formulartypen lassen sich per Link teilen oder als geschützter Rahmen einbinden.

Der gemeinsame Weg

  1. Formular im Dashboard veröffentlichen.
  2. Unter „Teilen & Einbetten“ den HTML-Code kopieren.
  3. Im HTML- oder Embed-Bereich deiner Website einfügen und die Seite veröffentlichen.
  4. Die veröffentlichte Seite prüfen. Bei einer Domainbeschränkung müssen die tatsächliche Domain und gegebenenfalls ihre www-Variante freigegeben sein.

Das optionale Skript passt die Höhe an. Es überträgt nur die benötigte Rahmenhöhe an die einbettende Seite, keine Antworten oder Kontaktdaten. Die Teilnahme benötigt kein VTech-Konto und keine Drittanbieter-Cookies.

Einbettung funktioniert nicht?

Prüfe, ob das Formular veröffentlicht, der Zeitraum offen und die Einbettung erlaubt ist. Manche Baukasten-Tarife entfernen Skripte oder erlauben keine fremden Frames. Nutze dann den iframe-Code ohne Skript oder verlinke direkt auf das Formular.

Bei einer eigenen Content Security Policy muss deine Website frame-src https://vtech-hub.de und für die automatische Höhe script-src https://vtech-hub.de zusätzlich zu ihren vorhandenen Quellen erlauben. Verschachtelte Vorschauen können weitere erlaubte Eltern-Domains benötigen.

Datenschutz auf deiner Website

Beim Laden eines eingebetteten Formulars verbindet sich der Browser mit VTech Hub. Informiere darüber in deinen Datenschutzhinweisen und ergänze Zweck, Verantwortung und Aufbewahrung für deine Formularantworten. Wenn dein Einwilligungsmanagement externe Inhalte erst nach einer Freigabe lädt, binde das Formular darüber ein.

WordPress

Plugin herunterladen und unter Plugins → Installieren → Plugin hochladen installieren. Danach einen Shortcode-Block mit dem Code aus deinem Dashboard einfügen. Alternativ den iframe-Code in einem individuellen HTML-Block verwenden.

WordPress-Plugin herunterladen
Webflow, Wix & Squarespace

Verwende den HTML-/Code-/Embed-Bereich deines Editors. Die verfügbaren Einbettungsfunktionen hängen vom Tarif ab. Prüfe das Ergebnis auf der veröffentlichten Website; Editorvorschauen können fremde Inhalte einschränken.

Shopify

Füge den Code in einen Custom-Liquid-Bereich deines Themes ein. Prüfe die Darstellung anschließend in der Vorschau und auf der veröffentlichten Seite.

HTML, PHP & andere CMS

Füge den Code an der gewünschten Stelle deiner Seite oder in einen Block für HTML ein. Für eine feste Höhe genügt das iframe; für eine automatische Höhe ergänze das Skript.

React & Next.js

Verwende ein iframe mit der Embed-URL aus dem Dashboard. In JSX heißt das Attribut referrerPolicy. Lade das optionale Skript einmal im Seitenlayout; es erkennt auch nachträglich eingefügte Formularrahmen.