Erweiterte Design-Techniken – Mail Designer – Create and send HTML email newsletters

Feb. 23 2018

Objekte nach vorne oder hinten bewegen

By Erweiterte Design-Techniken

Sobald du damit begonnen hast, Design-Elemente zu kombinieren, kann es von Vorteil sein, bestimmte Elemente vor anderen Objekten zu platzieren.

Objekte bewegen

Klicke auf einem Objekt. Du wirst nun das "Stil" Menü auf der rechten Seite deines Designs sehen.

In dem "Stil" Menü gibt es vier Symbole: "Hinten", "Vorne" "Rückwärts" und "Vorwärts".

Wähle ein Objekt und klicke auf „Rückwärts“ oder „Vorwärts“ in der Symbolleiste. Für noch mehr Kontrolle über deine Ebenen kannst du auch „Anordnen > Vorne“ oder „Hinten” in der Menüleiste wählen.

Mit der Maus...

Mit der Maus kannst du einen Rechtsklick machen und ein Objekt nach Wünsch in deinem Design anordnen. .

How Can We Help?

Auf einen Blick

Bildbereiche

Bilder

E-Mail-Kampagnen

Erweiterte Design-Techniken

Grafiken und mehr

Hintergründe

HTML Export

Inbox-Vorschau

Klartext-Darstellung

Kreative Tools

Layoutblöcke

Links und Buttons

Mit Text arbeiten

Mobile Optimierung

Retina-Bilder

Tabellen

Teilen

Textstile

Vorbereitung vor dem Senden

Vorschau

Anhang: Designelemente ausrichten

Anhang: Tastaturbefehle

Die Sprache ändern

Ein neues Design erstellen

Grundlegende Tipps

Mail Designer 365 Best Practice Anleitung

Mail Designer 365 Beta-Versionen testen

Alt-Texte verwenden

Animierte Objekte hinzufügen

Bildbereiche optimieren

Designelemente in einem Bildbereich fixieren

Mit Bildbereichen arbeiten

Objekte duplizieren

Video-Platzhalter hinzufügen

Bilder in der App zuschneiden

Eigene Logos und Unterschriften einfügen

Eine Maske befüllen

Fotos

Masken verwenden

Retina-Bilder

Unsplash-Integration

Anmeldeformulare erstellen

Design in der TeamCloud speichern

Design-Feedback im Team anfragen

E-Mail Kampagne versenden

E-Mail-Kontakte aus Campaign Monitor in Mail Designer 365 Campaigns importieren

Ein Design zu Crew Chat hinzufügen

Ein Team einrichten

Eine Absenderadresse für den Versand hinzufügen

Eine Testmail versenden

Einzelversand an einzelne Empfänger über Direktversand

Fallstudie: Zielgruppen-Operatoren für Segmentierung verwenden

Ihren Kontakten Attribute zuweisen in Mail Designer Kampagnen

Kontakte aus Apple Kontakte zu Mail Designer Campaigns importieren

Kontakte aus MailChimp in Mail Designer Kampagnen importieren

Newsletter Empfänger hinzufügen

Zielgruppen erstellen

Fallstudie: Zielgruppen-Operatoren für Segmentierung verwenden

Versand an einzelne Empfänger

Das Mail Designer 365 Anmeldeformular-Plugin für WordPress verwenden

Abgerundete Ecken erstellen

Bilder in Programmen von Drittanbietern bearbeiten

Design-Elemente gruppieren

Design-Elemente kombinieren

Ein Vieleck oder Polygramm erstellen

Objekte ausrichten

Objekte nach vorne oder hinten bewegen

Eine Trennlinie einfügen

Objekte bearbeiten

Objekte drehen

Objekte mit Text verwenden

Pixel-präzise Bearbeitung

Überblend-Modi anwenden

Überblend-Modi bei Textobjekten anwenden

Den inneren Hintergrund bearbeiten

Einen Hintergrund für einen Textbereich anwenden

Muster im Hintergrund nutzen

Bilder für HTML E-Mails hosten

Deinen Newsletter im Internet zur Verfügung stellen

E-Mail zu anderen Newsletter-Diensten exportieren

Export als HTML Datei

Inbox Optimierung – Optimiere den E-Mail-Vorschautext

TextScout AI für E-Mail-Betreffzeilen verwenden

Klartext optimieren

Bildbearbeitung in Mail Designer 365

Den Schatten-Tool verwenden

Designelemente ausrichten und verteilen

Eine Design-Border erstellen

Ränder für Designelemente

Abstände zwischen Layoutblöcken hinzufügen

Arbeiten mit Text- und Bildbereichen

Benutzerdefinierte Layoutblöcke speichern

Die Größe von Elementen in einem Layoutblock anpassen

Layoutblöcke duplizieren

Layoutblöcke hinzufügen

My Instant Blocks löschen

CTA Buttons hinzufügen

Einen Link für Grafiken hinterlegen

Einen Link für Text hinterlegen

Linkstile formatieren

Mehrere Buttons mit mehreren Links erstellen

Automatische Worttrennung

Links hinzufügen

Listen in Textbereichen verwenden

Mit Text arbeiten

Sonderzeichen

Text in einem Bildbereich bearbeiten

Verschachtelte Listen erstellen

Webschriften in Mail Designer 365 verwenden

Einen Layoutblock nur für die mobile Version hinzufügen

Layoutblöcke für die mobile Version ausblenden

Layoutblöcke von der Desktop Version trennen

Text und Links verwenden

Textstile für die mobile Version anpassen

Vorschau für mobile Geräte öffnen

Retina Bilder für deine Vorlage deaktivieren

Retina-Bilder in deinem Design verwenden

Den Stil deiner Tabelle anpassen

Die Tabellen-Tools finden

Eine Tabelle aufbauen

Rahmen hinzufügen

Tabellen-Inhalte einfügen

Dein Dokument ausdrucken

Designs als PNG oder JPG exportieren

Ein Design für Mailchimp exportieren

Einen eigenen Mail-Account für den Versand konfigurieren

Platzhalter mit MailChimp verwenden

Vorlagen bei Mailchimp bearbeiten

Ersatzschriften verwenden

Laufweite für Textstile anpassen

Schriftstile verwenden

Text kopieren und Schriftstil beibehalten

Textstile für die mobile Version anpassen

Wortweise Hervorhebung bei Texten anwenden

Dein Dokument auf Probleme überprüfen

Ein Design speichern

Inbox Optimierung – Optimiere den E-Mail-Vorschautext

Rechtschreibung und Grammatik

Das Vorschaufenster aktualisieren

Ein eigenes Vorschaugerät hinterlegen

Popular Articles

Einen Link für Grafiken hinterlegen

Eine Testmail versenden

Versand an einzelne Empfänger

Mehrere Buttons mit mehreren Links erstellen

CTA Buttons hinzufügen

Newest Articles

Das Mail Designer 365 Anmeldeformular-Plugin für WordPress verwenden

Versand an einzelne Empfänger

Fallstudie: Zielgruppen-Operatoren für Segmentierung verwenden

Kontakte aus Apple Kontakte zu Mail Designer Campaigns importieren

E-Mail-Kontakte aus Campaign Monitor in Mail Designer 365 Campaigns importieren

Recently Updated Articles

Einzelversand an einzelne Empfänger über Direktversand

Das Mail Designer 365 Anmeldeformular-Plugin für WordPress verwenden

Versand an einzelne Empfänger

Fallstudie: Zielgruppen-Operatoren für Segmentierung verwenden

Kontakte aus Apple Kontakte zu Mail Designer Campaigns importieren

Feb. 23 2018

Design-Elemente gruppieren

By Erweiterte Design-Techniken

Du kannst auch Design-Elemente zusammen gruppieren, wodurch das Verschieben zusammengehörender Elemente in deinem Design erleichtert wird.

Markiere durch Anklicken mehrere Elemente und wähle dann „Gruppieren“ aus der Symbolleiste.

Gruppierung für enthaltene Textobjekte aufheben

Mehrere der enthaltenen Textobjekte bestehen aus gruppierten Bildern und Textblöcken. Um die Gruppierung aufzuheben und so noch mehr Kontrolle über das Aussehen einzelner Elemente zu erhalten klicke einfach auf „Gruppierung auflösen“ in der Symbolleiste.

Feb. 22 2018

Design-Elemente kombinieren

By Erweiterte Design-Techniken

Du kannst einige interessante Effekte durch das Verbinden mehrere Designelemente kreieren. Mail Designer 365 erlaubt das Anordnen von Objekten auf Ebenen, wodurch einzigartige Effekte entstehen können.

Grafiken kombinieren

Nehmen wir an, dass wir eine große Verkaufsaktion für den 16. Juli planen, die wir ankündigen wollen. Durch die Kombinieren der Kalendergrafik mit einem weiteren Element , lässt sich das Datum visuelle hervorheben.

Ziehe die Kalenderblattgrafik in dein Design:

Klicke nun auf den Reiter „Grafiken“ und ziehe den schwarzen Kreis zum markieren auf das Kalenderblatt:

Zuletzt kannst du mit Hilfe der Aktivpunkt die Größe des Kreises anpassen und ihn durch ziehen über dem 16. Juli platzieren.

Klasse! So hast du eine visuelle Erinnerung, die deine Kunden an das Event am 16. Juli erinnert!

Feb. 22 2018

Bilder in Programmen von Drittanbietern bearbeiten

By Erweiterte Design-Techniken

Mit Mail Designer 365 kannst du Bilder, die du in Bildbereichen verwendet hast, direkt aus Mail Designer 365 heraus in anderen Programmen öffnen, um sie dort zu bearbeiten. Wähle hierfür einfach das gewünschte Bild durch Anklicken aus und klicke den „Bearbeiten In“ Button in der Symbolleiste.

Wähle nun das Programm in dem du das Bild öffnen möchtest. Mail Designer 365 öffnet danach das Bild im gewünschten Programm.

Feb. 21 2018

Objekte ausrichten

By Erweiterte Design-Techniken

Wir haben bisher Grundlegendes betrachtet und wollen uns nun einige anspruchsvollere Layout- und Design-Techniken für deine E-Mails ansehen.

Einzelne Objekte ausrichten

Mail Designer 365 erlaubt dir in einfachen Schritten ein Objekt innerhalb eines Bildbereichs auszurichten. Wähle hierfür zunächst das auszurichtende Objekt aus, indem du es anklickst und wähle "Ausrichten" aus der Liste.

Durch die verschiedenen Ausrichtungsoptionen ist es ganz einfach, ein Objekt, wie bspw. ein Bild oder eine Textbox mittig in einem Bildbereich zu positionieren.

Mehrere Objekte gemeinsam ausrichten

Neben der Möglichkeit einzelne Objekte auszurichten, kannst du auch eine Gruppe von Elementen in dem gleichen Bildbereich aneinander ausrichten.

Wähle hierzu mehrere Elemente aus, indem du die Hochstell- oder CMD-Taste gedrückt hältst und eines nach dem anderen anklickst. Wähle dann wieder "Ausrichten" aus der Symbolleiste und klicke die gewünschte Ausrichtung an.

Objekte aus unterschiedlichen Layoutblöcken ausrichten

Befinden sich Objekte in verschiedenen Layoutblöcken, können diese nicht über das Ausrichten Menü angeordnet werden. Mail Designer 365 verfügt jedoch über die Möglichkeit Hilfslinien horizontal und vertikal einzufügen, um unterschiedliche Objekte über Layoutblockgrenzen hinweg auszurichten.

Klicke hierfür in eines der Lineale und ziehe den Mauscursor in dein Dokument. Du sieht nun die Hilfslinie, die du weiter an die gewünschte Position ziehen kannst.