Einbettungsanleitung

YeetForm in Carrd einbetten

Carrds Embed-Element akzeptiert ein einfaches iframe — die sicherste Option auf einer Plattform für einfache, schnelle One-Pager, ohne Sorge um kaputte Skript-Tags. Elemente mit eigenem Code sind eine Pro-Funktion, kostenlose Carrd-Sites können also kein Live-Formular direkt einbetten, aber ein Link darauf funktioniert in jedem Tarif, während Sie ein Upgrade überlegen.

Schritte

Embed-Element hinzufügen

Klicken Sie im Carrd-Builder auf +, um ein Element hinzuzufügen, und wählen Sie Embed aus den Inhaltsoptionen. Das erfordert mindestens den Pro-Standard-Tarif — kostenlose Sites können stattdessen ein Link-Element hinzufügen, das auf die URL Ihres Formulars zeigt.

Typ auf Code setzen und iframe einfügen

Wählen Sie als Embed-Typ Code und fügen Sie das Snippet unten ein. Carrd rendert es als isoliertes iframe, daher ist die einfache URL-Methode hier die zuverlässige Wahl.

<iframe
  src="https://yeetform.io/f/your-form-slug?embed=true"
  width="100%"
  height="600"
  frameborder="0"
  style="border:none;border-radius:8px;"
></iframe>

Höhe anpassen und veröffentlichen

Stellen Sie die Höhe des Elements passend zu Ihrem Formular ein (Carrd-Elemente passen sich nicht automatisch an eingebetteten Inhalt an), dann veröffentlichen Sie die Site.

Tipps

•Carrd-Einbettungen unterstützen die postMessage-basierte automatische Größenanpassung des SDK nicht, wählen Sie also eine feste Höhe mit etwas Spielraum, besonders für längere oder mehrseitige Formulare.
•Die ?embed=true-URL entfernt YeetForms eigene Kopfzeile und Hintergrund, was bei Carrd wichtiger ist, da One-Pager meist eng gestaltet sind.
•Fügen Sie ein verstecktes Feld hinzu und füllen Sie es aus der Seiten-URL vor (?utm_source=... oder ?field_id=wert), um zu wissen, von welcher Carrd-Site oder welchem Abschnitt eine Antwort kam.

Erstellen Sie Ihr Formular in Sekunden per KI

Der kostenlose Tarif enthält KI-Erstellung, Logik und Einbettung.

Erstellen Sie Ihr Formular in Sekunden per KI

FAQ

Kann ich ein Formular im kostenlosen Carrd-Tarif einbetten?+

Nicht mit einer Code-Einbettung — Carrds Embed-Element erfordert mindestens den Pro-Standard-Tarif. Im kostenlosen Tarif fügen Sie stattdessen ein Link- oder Button-Element hinzu, das auf die URL Ihres Formulars zeigt.

Warum ein einfaches iframe statt des JS-SDK bei Carrd verwenden?+

Carrd rendert eigene Einbettungen bereits in einem isolierten iframe, sodass eine einfache iframe-URL einfacher und zuverlässiger ist, als das skriptbasierte Embed des SDK darin zu verschachteln.

Passt sich das Formular in Carrd an seinen Inhalt an?+

Nein — legen Sie eine feste Höhe für das Embed-Element fest, die zu Ihrem Formular passt, da Carrd den vom SDK normalerweise genutzten Auto-Resize-Listener nicht ausführt.

Gibt es ein Limit, wie viele Formulare ich auf einer Carrd-Seite einbetten kann?+

Von YeetForm-Seite gibt es keine feste Grenze, aber ein One-Pager mit mehreren eingebetteten Formularen kann optisch überladen wirken — die meisten Carrd-Sites betten pro Abschnitt ein fokussiertes Formular ein.