Skip to main content

Jetzt Neu: Services! 🚀

Components

Custom Forms & Embed

Zwei Module für individuelle Inhalte: Das Embedded Form Module bettet externe Formulare ein, mit optionalem Intro, Bild oder Video im Zwei-Spalten-Layout. Über einen kundenspezifischen Form Handler kann pro Projekt jeder Einbettungswunsch realisiert werden (HubSpot, Typeform, Salesforce, Custom Forms etc.). Das HTML Module erlaubt freien HTML-Code mit eigenem Intro-Bereich für Widgets, Tracking-Pixel oder Custom Integrationen.

Form Embed Story

Embedded Form: 1-Spalten Layout

Kompaktes einspaltiges Formular-Layout für fokussierte Einsatzzwecke wie Newsletter-Anmeldungen oder kurze Lead-Formulare. Wenig Platzbedarf, schnell erfassbar und ideal für content-starke Seiten.

Storybook Playground

Newsletter abonnieren und keine Updates verpassen.

Form Embed Story

Embedded Form: 2-Spalten ohne Media

Zweispaltiger Formular-Abschnitt ohne Bild oder Video: erklärender Inhalt auf der einen Seite, Formular auf der anderen. Ideal, wenn Klarheit und Conversion-Flow wichtiger sind als visuelle Dekoration.

Storybook Playground

Kontaktieren Sie uns für eine unverbindliche Beratung. Wir melden uns innerhalb von 24 Stunden.

Füllen Sie das Formular aus und wir melden uns bei Ihnen.

Form Embed Story

Embedded Form: 2-Spalten mit Bild

Zweispaltige Variante mit unterstützendem Bild auf der Medienseite. Nützlich für visuellen Kontext, Kampagnenmotive oder Produkt-Storytelling bei gleichzeitig klarem Formularfokus.

Storybook Playground

Vereinbaren Sie einen Termin mit unserem Expertenteam. Wir beraten Sie gerne zu allen Themen rund um Web-Entwicklung.

Wählen Sie einen passenden Termin.

Form Embed Story

Embedded Form: 2-Spalten mit Video

Zweispaltiges Layout mit Video auf der Medienseite für stärkere Produkt-Erklärungen oder Markenbotschaften. Funktioniert besonders gut in dunklen/akzentuierenden Kompositionen mit direkter Kontaktmöglichkeit.

Storybook Playground

Schauen Sie sich unser Erklärvideo an und stellen Sie direkt Ihre Anfrage.

Haben Sie Fragen? Schreiben Sie uns.

Freier HTML-Code

HTML Module: mit Intro

Das HTML Module rendert beliebigen HTML-Code im Frontend, mit eigenem Intro-Bereich für Headline, Subline, Richtext und CTAs. Ideal für Widgets, Embeds oder Custom Integrationen die kein eigenes Modul haben.

Storybook Playground

Custom HTML Content

Hier kann beliebiger HTML-Code eingebettet werden — z.B. interaktive Widgets, Kalender-Embeds, Social Media Feeds oder Tracking-Snippets.

HTML ohne Intro — Nur der HTML-Code wird gerendert, kein Intro-Bereich. Gut für unsichtbare Embeds wie Tracking-Pixel oder Schema.org Markup.

FAQ

Häufige Fragen zu Custom Forms & Embed

Theme 0 (hell) und Theme 1 (dunkel). Theme 1 schaltet den Dark Mode ein. Der Hintergrund wechselt auf die Primary Color, Texte auf helle Farben. Die konkreten Farben hängen von den Design Tokens des Projekts ab.

Ja. Das HTML Module bringt einen vollständigen Intro-Bereich mit Headline, Headline-Type, Subline, Introtext (Richtext), Intro Alignment und optionalen CTAs. Das Intro ist optional. Ohne Intro wird nur der HTML-Code gerendert.

Beliebiger HTML-Code: Widgets (Kalender, Rechner), Social Media Embeds, iframes, Tracking-Snippets, Schema.org Markup oder jeder andere Custom Code. Der Code wird unverändert im Frontend gerendert.

Das Embedded Form Module nutzt einen kundenspezifischen Form Handler, der über das Override-System pro Projekt konfiguriert wird. Das bedeutet: Jeder Einbettungswunsch kann realisiert werden, ob HubSpot, Typeform, Salesforce, Mailchimp, Microsoft Forms oder ein komplett individuelles HTML-Formular.

Der Form Handler bestimmt, wie der im HTML-Code-Feld hinterlegte Code verarbeitet und gerendert wird. In den Modulen ist kein Form Handler aktiv. Das Formular wird als Platzhalter dargestellt. In Kundenprojekten wird der Handler passend zum eingesetzten Formular-Service implementiert.

Vier Optionen: No media (2-col): Beschreibung links, Formular rechts. Image (2-col): Bild links, Formular rechts. Video (2-col): Video links, Formular rechts. 1 Column only: Formular zentriert ohne zweite Spalte.

Das Embedded Form Module ist speziell für Formulare konzipiert: Es bietet ein Zwei-Spalten-Layout mit optionalem Bild oder Video neben dem Formular, plus Theme-Steuerung. Das HTML Module ist ein generischer Container für beliebigen HTML-Code mit eigenem Intro-Bereich.

Das Embedded Form Module bietet ein vollständiges Layout-System: Vier Display Types steuern die Anordnung: Zwei-Spalten ohne Media, mit Bild, mit Video oder einspaltiges Layout. Dazu kommen zwei Themes (hell/dunkel), ein Beschreibungstext für die linke Spalte und ein Embed Intro (Richtext) direkt über dem Formular. So lässt sich jedes Formular optisch an die Seite anpassen, inklusive medialem Kontext.