E-Mails für E-Mail-Kampagnen können mit Blöcken nach Ihrem Design zusammengestellt werden.
Texte, Buttons, Messenger, Bilder sowie Werkzeuge zur Blockanpassung – das ist eine völlig neue Designebene.
Vergessen Sie langweilige Vorlagen – erstellen Sie mit Mavibot einzigartige, markenbezogene E-Mails.
Abschnitte (Blöcke) für E-Mails
Den E-Mail-Builder finden Sie im Reiter „E-Mails“, wenn Sie einen E-Mail-Versand erstellen:
Im Builder sehen Sie eine leere Leinwand, in die Sie die folgenden Blöcke (Abschnitte) einfügen können:
- Bild
- Text
- Leerer Block
- Button
- Soziale Medien
- HTML-Block
Darüber hinaus können die Blöcke miteinander kombiniert werden – Sie können beispielsweise mehrere E-Mail-Elemente innerhalb eines einzigen Abschnitts hinzufügen.
Jeder Block enthält allgemeine Anzeigeeinstellungen für den Abschnitt, wie:
- Innenabstand;
- Rahmen;
- Rahmenradius;
- Hintergrund.
Beginnen wir mit einer Übersicht über die für jeden Abschnitt verfügbaren Einstellungen. Anschließend gehen wir ein Beispiel durch, um zu zeigen, wie Sie mehrere verschiedene Blöcke innerhalb eines Abschnitts anpassen können.
Bild
Um ein Bild hinzuzufügen, gehen Sie zum Menü auf der rechten Seite des Bildschirms. Dort finden Sie ein Symbol, mit dem Sie durch Klicken ein Bild hochladen können:
Wenn Sie auf die Schaltfläche klicken, sehen Sie, dass der Abschnitt zur E-Mail hinzugefügt wurde:
Um ein Bild hinzuzufügen, gehen Sie zum entsprechenden Tab und laden Sie die benötigte Datei entweder von Ihrem Gerät hoch:
Anschließend sehen Sie, dass das Bild zum Abschnitt hinzugefügt wurde:
Sie können das Bild in ein buttonähnliches Element verwandeln, sodass die Empfänger beim Klicken in der E-Mail zu einer bestimmten Seite weitergeleitet werden.
Geben Sie dazu einfach den gewünschten Link in das dafür vorgesehene Feld ein:
Text
Ein Textblock kann entweder innerhalb eines Abschnitts, der ein Bild (oder einen anderen Block) enthält, oder als separater Block für sich hinzugefügt werden.
Achtung!
Das Ändern von Schriftarten ist nicht verfügbar.
- Um Text innerhalb eines Abschnitts – z. B. mit einem Bild – hinzuzufügen, fahren Sie mit der Maus über den Bildblock (oder einen anderen Block auf der rechten Seite) und suchen Sie nach dem „+“-Symbol:
Klicken Sie anschließend auf das Plus-Symbol, und es erscheint ein Dropdown-Menü mit Blockoptionen:
Wie Sie sehen, wurde der Textblock innerhalb des Abschnitts hinzugefügt, der bereits ein Bild enthält:
Beachten Sie!
Sie können bis zu vier Inhaltselemente (Blöcke) innerhalb eines Abschnitts hinzufügen.
- Um einen separaten Abschnitt in der E-Mail mit einem Textblock (oder einem anderen Block) hinzuzufügen, fahren Sie mit der Maus über die linke Seite des Bildschirms und suchen Sie im Menü für Schnellaktionen nach dem „+“-Symbol:
Klicken Sie anschließend auf das Plus-Symbol und wählen Sie den gewünschten Abschnitt aus:
Daraufhin wird ein neuer Abschnitt mit einem Textblock hinzugefügt:
Zum Bearbeiten klicken Sie auf den Text, und es erscheint eine Symbolleiste mit Einstellungen – ähnlich wie in jedem Texteditor – oberhalb.
In der Symbolleiste über dem Textblock können Sie die Formatierungen fett, kursiv und unterstrichen anwenden:
Sie können den Text auch als Liste formatieren, einen Link hinzufügen und ihn links-, rechts- oder zentriert ausrichten.
Um die Schriftgröße, Zeilenhöhe, den Abstand und die Farbe anzupassen, gehen Sie zu den Einstellungen des Blocks „Text“ im Menü auf der rechten Seite:
Button
Ein Button-Block wird auf die gleiche Weise wie jeder andere Block hinzugefügt: Er kann als separater Abschnitt oder innerhalb eines bestehenden Abschnitts mit anderen Elementen platziert werden:
Sie können einen Link zu einer beliebigen erforderlichen Seite in den Button einfügen:
Um den Text zu ändern, klicken Sie auf das Textfeld innerhalb des Buttons:
Geben Sie dann den gewünschten Text ein:
Um die Buttongröße zu ändern, suchen Sie im Menü das Feld mit den Pfeilen:
Legen Sie anschließend die gewünschte Größe durch Eingabe eines numerischen Werts fest – das Feld akzeptiert Werte in Pixeln.
Um die Buttonausrichtung (zentriert, links oder rechts) zu ändern, verwenden Sie diese Einstellungen:
Das Menü enthält außerdem ein Feld zum Ändern der Buttonfarbe:
Buttons „Soziale Medien“
In der E-Mail können Sie auch Buttons hinzufügen, die die Empfänger zu den mit Ihrem Projekt verbundenen Social-Media-Plattformen weiterleiten:
In den Blockeinstellungen können Sie auswählen, zu welchem spezifischen Kanal Sie Ihre Kunden weiterleiten möchten:
Das Einstellungsmenü enthält auch eine Stiloption für Social-Media-Buttons:
- Standard: Verwendet den ursprünglichen Stil der Messenger-Symbole:
- Mit Rahmen: Transparente Symbole mit einer Rahmenfarbe, die den Standardfarben des entsprechenden Messengers entspricht.
- Monochrom: Symbole, die in einem einheitlichen Farbschema angezeigt werden.
Um die Ecken der Symbole abzurunden, geben Sie den gewünschten numerischen Wert in Pixeln in das Feld „Abgerundete Ecken“ ein:
Blockeinstellungen innerhalb eines Abschnitts
Jedes Element innerhalb eines Abschnitts hat die gleichen Einstellungen für Abstände, Rahmen und Hintergrund.
Sie können einen Block getrennt von jedem Element konfigurieren sowie auswählen:
Elementabstand
Sie können den Abstand des Elements in den entsprechenden Feldern anpassen:
Diese Abstände beziehen sich speziell auf die Position des Inhaltsblocks relativ zu seinem Rahmen.
Rahmen (innen)
Ein Abschnitt enthält zwei anpassbare Rahmen: den äußeren Rahmen (für den gesamten Abschnitt) und den inneren Rahmen (für das Bild oder andere Elemente).
Anweisungen zum Bearbeiten des äußeren Abschnittsrahmens finden Sie im Abschnitt „Allgemeine Abschnittseinstellungen“ -> Rahmen. Link „Rahmen“
Der innere Rahmen, der den Inhaltsblock umgibt, kann mit einer beliebigen Farbe, Dicke sowie bestimmten hervorzuhebenden Seiten und dem gewünschten Linienstil angepasst werden:
Jede Seite des Rahmens kann separat von den anderen angepasst werden.
Klicken Sie dazu auf die Seite des Rahmens, die Sie bearbeiten möchten:
Wählen Sie dann die Farbe, Dicke und den Linienstil für den Rahmen.
Um den Rahmen auf allen vier Seiten anzupassen, klicken Sie auf das entsprechende Symbol:
Rahmenradius
Sie können auch den Eckenradius für den inneren Rahmen in Pixeln festlegen:
Die Felder für jede Ecke des Rahmens akzeptieren numerische Werte in Pixeln.
Hintergrund des Inhaltsblocks innerhalb eines Abschnitts
Der innere Hintergrund, der nur auf den Block mit einem bestimmten Element innerhalb des Abschnitts angewendet wird, kann durch Hochladen eines Bildes oder Auswählen einer Farbe aus der Farbpalette festgelegt werden.
Sie können auch die Bildposition und -größe für den Hintergrund auswählen:
Abschnittseinstellungen
Ein Abschnitt mit Inhaltselementen kann anders als andere Abschnitte der E-Mail angepasst werden, indem Hintergrundfarben angewendet, Rahmen hinzugefügt und Abstände angepasst werden.
Abstand
Der Abschnittsabstand gilt für alle Elemente innerhalb des Abschnitts:
Um den Abstand der Blöcke relativ zum äußeren Rahmen eines Abschnitts festzulegen, ziehen Sie die Kanten des Rahmens, um die Position der Elemente relativ zur Ober- und Unterseite sowie zur rechten und linken Kante anzupassen.
Alternativ können Sie numerische Werte in die Felder im rechten Menü unter dem Reiter „Abschnitt“ eingeben:
Rahmen
Ein Abschnitt enthält zwei anpassbare Rahmen: den äußeren Rahmen (für den gesamten Abschnitt) und den inneren Rahmen (für ein Bild oder andere Elemente).
Anweisungen zum Bearbeiten des äußeren Abschnittsrahmens finden Sie im Abschnitt „Rahmen (innen)" Link „Rahmen (innen)"
Der äußere Rahmen, der den gesamten Abschnitt mit Inhaltsblöcken umrahmt, kann mit einer beliebigen Farbe und Dicke angepasst werden, sowie durch Auswahl der gewünschten hervorzuhebenden Seiten und des Rahmenstils:
Jede Seite des Rahmens kann separat von den anderen angepasst werden.
Klicken Sie dazu auf die gewünschte Seite des Rahmens:
Wählen Sie dann die Farbe, Dicke und den Stil des Rahmens.
Um den Rahmen auf allen vier Seiten anzupassen, klicken Sie auf das entsprechende Symbol:
Rahmenradius
Sie können auch die Eckenabrundung des Abschnittsrahmens in Pixeln festlegen:
Die Felder für jede Ecke des Rahmens akzeptieren numerische Werte in Pixeln.
Hintergrund
Der innere Hintergrund, der nur auf den gesamten Abschnitt angewendet wird, kann durch Hochladen eines Bildes oder Auswählen einer Farbe aus der Farbpalette festgelegt werden.
Sie können auch die Position und Größe des Hintergrundbildes auswählen:
