Responsive Design und die komplette Widget-Übersicht

Eine Landingpage muss auf jedem Bildschirm überzeugen. Der Landing Page Builder gibt dir dafür echte Kontrolle statt Zufall - und über 43 Bausteine, um jede Idee umzusetzen.

📐 Responsive: pro Gerät steuern

Der Geräteumschalter oben im Builder (Desktop/Mobil) ist mehr als eine Vorschau - er ist ein Bearbeitungskontext. Wechselst du auf Tablet (bis 1024px) oder Mobil (bis 767px), kannst du für diese Größen eigene Werte setzen:

Innen- und Außenabstände (Padding/Margin)
Ausrichtung
Schriftgröße

Lässt du ein Feld leer, erbt das Gerät automatisch den Desktop-Wert. Zusätzlich kannst du einzelne Blöcke gezielt auf dem Desktop ausblenden oder auf dem Handy ausblenden. Overlays wie Sticky-Bar, Popup und Cookie-Banner verhalten sich auf kleinen Screens sauber und kompakt.

🧱 Alle Widgets im Überblick

Basis & Inhalt: Hero, Überschrift, Text, Bild, Button, Galerie, Video, HTML, Icon-Box, Trenner, Abstandhalter.

Struktur & Interaktion: Sektionen mit Spalten (Row, 6 Layouts), Slider, Tabs, Akkordeon, FAQ, Timeline.

Vertrauen & Social Proof: Testimonials, Team, Logo-Wand, Stats, animierte Zähler (Counter), Fortschrittsbalken, Checkliste, Vorher/Nachher.

Verkauf & Conversion: Preistabellen, Preistabelle mit Monatlich/Jährlich-Umschalter, Vergleichstabelle, Call-to-Action, Countdown, Newsletter, Alert, Social-Links.

Overlays & Marketing: Sticky-Bar, Popup (mit Verzögerung, beim Laden oder bei Verlassen-Absicht), Cookie-Consent, Tracking/Pixel (GA4 + Meta Pixel + eigener Head-Code).

CRM-nativ: Formular (erzeugt Lead/Ticket/Aufgabe), Terminbuchung (Slot-Picker → Perfex-Aufgabe), Leistungskatalog (echte Perfex-Artikel), Wissensdatenbank-Suche (live).

🎨 Universelles Stilsystem

Jedes Widget teilt sich dasselbe Stil-Panel: Hintergrund (Farbe, Verlauf oder Bild mit Overlay), Typografie (Größe, Gewicht, Zeilenhöhe, Laufweite, Transformation), Abstände, Rahmen/Radius/Schatten, Mindesthöhe und Inhaltsbreite, Deckkraft, Scroll-Animationen sowie eigene CSS-Klasse/-ID. Mit Stil kopieren/einfügen überträgst du ein Aussehen blitzschnell auf andere Blöcke.

💡 Tipp für den schnellen Start

Nutze die automatisch angelegte Demo-Seite: Sie zeigt fast alle Widgets im Zusammenspiel und lässt sich als Starter-Vorlage direkt weiterverwenden. So lernst du die Bausteine am besten kennen.

Fehlt dir ein bestimmtes Widget oder eine Einstellung? Sag uns Bescheid unter service.pixagentur.com/bug_tracker/landing-page-builder.