Banner-Editor wählen — Drag & Drop oder klassisch

MailManagers bietet zwei Wege, ein Banner zu erstellen: Drag & Drop oder No Drag & Drop (der klassische Editor). Beide erzeugen das gleiche 680×120px-Banner — nur die Bauweise unterscheidet sich.

Wann wählst du welchen?

Drag & Drop — professionelles Ergebnis in Minuten

Ziehe einzelne Bausteine (Text, Bild, Button, Bewertung, Linie, Abstand) in ein 1- oder 2-Spalten-Layout. Wähle eine Vorlage zum schnellen Start oder baue alles selbst.

✅ Wähle das, wenn du:

• Schnell ein gepflegtes Design ohne viele Entscheidungen willst
• Mehrere Elemente kombinieren willst (Foto + Text + Button + Bewertung nebeneinander)
• Ein Banner mit mehreren Zeilen erstellen willst
• Pro Zeile eine eigene Hintergrundfarbe setzen willst

No Drag & Drop — maximale kreative Kontrolle

Ein festes Layout mit definierten Feldern (Titel, Untertitel, Button, Hintergrund). Plus erweiterte Optionen: Bildposition links/rechts, Fade-Effekte, dynamische Badges (statischer Text, Countdown-Timer oder Bewertungs-Score).

✅ Wähle das, wenn du:

• Countdown-Badges oder automatische Bewertungs-Badges zeigen willst
• Sehr spezifische Fade-/Positions-Feinabstimmungen brauchst
• Beim vertrauten formularbasierten Layout bleiben willst

Ein neues Banner erstellen

1. Gehe zu Banner in der Seitenleiste.
2. Gib oben einen Namen ein (z.B. "Frühjahrsaktion 2026") und klicke auf Banner erstellen.
3. Ein Auswahl-Dialog erscheint: wähle Drag & Drop (Professionelles Aussehen) oder No Drag & Drop (Für kreative Leute).

Du kannst jederzeit wechseln zwischen den Modi über den "Editor-Modus"-Schalter in der Seitenleiste der Banner-Bearbeitungsseite. Beide Entwürfe bleiben gespeichert — nur der aktive Modus wird in deinen E-Mails gerendert.

Drag & Drop kurz erklärt

Oben siehst du eine Werkzeugleiste mit 6 Baustein-Buttons und einem separaten "Badge"-Button. Ziehe einen Baustein in die gewünschte Spalte auf dem Canvas oder klicke, um ihn in die erste freie Spalte hinzuzufügen.

Bausteine:

• Text — Titel + Body, mit Farbe und Ausrichtung pro Block
• Bild — Upload, Zuschneiden beim Upload, aus früheren Uploads wählen, Eckradius pro Ecke, Fade-Ränder
• Button — CTA mit eigener Farbe, Radius und Ausrichtung
• Bewertung — Zitat + Sterne + Plattform-Logo (Google, Trustpilot, Facebook, Let's Connect)
• Linie — horizontaler Separator mit Farbe und Dicke
• Abstand — vertikaler Abstand

Layout pro Zeile: 1 Spalte · 50/50 · 66/34 · 34/66. Jede Zeile kann auch eine eigene Hintergrundfarbe haben.

Badge (Overlay): statischer Text, der an einer der 4 Ecken klebt, über allen Bausteinen. 5 Formen (Rechteck, abgerundet, Kreis, Stern, Schildchen), Rotation, Skalierung und optionale URL.

Tipps

• Vorlagen: in der Werkzeugleiste gibt es ein "Vorlage wählen"-Dropdown mit fertigen Designs (Promo mit Button, Bewertung Spotlight, Event-Ankündigung, Hero mit Text). Schnellster Startpunkt.
• Sticky-Vorschau: beim Bearbeiten von Block-Eigenschaften bleiben Werkzeugleiste und Live-Banner oben — du siehst Änderungen sofort.
• Fade in modernen Mail-Clients: Fade-Effekte auf Bildern funktionieren in Apple Mail, Gmail Web und ProtonMail. Outlook Desktop zeigt das vollständige Bild (kein Fade).

Häufige Fehler

• "Mein Bild passt nicht" — verwende den Zuschneiden-Button direkt nach dem Upload (erscheint automatisch) und wähle "680×120 (Banner)" als Verhältnis.
• "Das Badge überlappt meinen Text" — passe die X- und Y-Offset-Slider an; Offset ist in Pixeln vom gewählten Eck.
• "Ich kann keinen Baustein in die rechte Spalte hinzufügen" — ziehe den Chip direkt auf die rechte Spalte; Klicken platziert immer in der ersten Spalte.