Dieser Artikel enthält folgende Themen (mit einem Klick darauf springst du an die entsprechende Stelle):

• Allgemeine Hinweise
  • Drag & Drop Editor aktivieren
  • Vollbildmodus
  • Abmelde-Link
  • CC & BCC
  • Impressum
  • Abweichende Darstellung in Vorschau
  • Quentn-Branding
• E-Mails im Drag & Drop Editor gestalten
  • Kostenfreie Vorlagen
  • Eigene Vorlagen
  • Allgemeine Orientierung
  • Gestaltung: Inhalt
  • Gestaltung: Zeile
  • Gestaltung: Allgemein
  • Links & Platzhalter
  • Auto-Save 
  • Testen der E-Mails
  • Versendete Mails erneut nutzen

 

Mit dem Drag & Drop Editor kannst du deine Newsletter ganz einfach gestalten, indem du Text- und/oder Bild-Blöcke via Drag & Drop in deine E-Mail ziehst. Somit werden grafische Templates ein Kinderspiel. 

Einiges gilt es dennoch zu beachten.

Allgemeine Hinweise

So aktivierest du den Drag & Drop Editor

Alle neuen Quentn-Accounts haben den Drag & Drop-Editor als Standard eingestellt.

Du hast zukünftig immer die Möglichkeit, zwischen dem klassischen Editor und dem Drag & Drop Editor zu wechseln. 

• Logge dich in deinem Quentn-System ein.
• Gehe auf E-Mails → Editor
• Wähle Drag & Drop Editor 

Nun kannst du nach Herzenslust den neuen Editor ausprobieren.

Bitte beachte: Der Drag & Drop Editor wird für die zukünftigen E-Mails aktiviert. Falls du auch die E-Mails bearbeiten möchtest, die du mit dem klassischen Editor erstellt hast, musst du diese Mails neu erstellen und die Inhalte per Copy & Paste einfügen. 

ACHTUNG: Die Platzhalter im Drag & Drop Editor sind im Format {{...}} und NICHT, wie im klassischen Editor, in [...]. Du musst die Platzhalter ggf. anpassen.

Bester Workflow im Fullscreen

Am besten arbeitet es sich mit dem Drag & Drop Editor, wenn du den Vollbild-Modus aktivierst. So wird dir wirklich alles dargestellt und du hast deinen Newsletter im Überblick. Um den Vollbild-Modus zu aktivieren, klicke bitte auf auf den Button, links über dem Template, “Vollbild”.

Der Abmelde-Link

Der Link zum Austragen am Ende jeder E-Mail kann weder gelöscht noch editiert werden. Dadurch gewährleisten wir rechtskonformes E-Mail-Marketing. In den E-Mail-Vorlagen siehst du ihn als {{unsubscribe_message}}.

Designänderung

Sollte dir das Design dieses Blocks nicht gefallen, weil es nicht zum Rest deines Newsletters passt, kontaktiere uns bitte (support@quentn.com) und wir werden dir den Bereich anpassen.

Dynamischer Abmeldelink

Du kannst die Ansprache im Abmelde-Text zwischen "Du" und "Sie" auswählen. Unter jeder E-Mail hast du ein Feld, in dem du den Text für die Abmeldung auswählen kannst. Erstellst du eine neue Mail, wird die Einstellung übernommen, die du bei der letzten Mail verwendet hast.

Das Erstellen eigener Versionen ist nur auf Nachfrage und ab einem Pro-Account möglich.

CC & BCC

Du kannst ab einem Basic-Account bis zu drei CC und BCC-Empfänger eintragen. Das Limit beim Empfang der Copy-Mails liegt bei 10 E-Mails pro Empfänger und 24 Stunden. Das Tageslimit kann auf Anfrage erhöht werden.

Impressum

Nach § 5 TMG ist es Pflicht für gewerbliche Internet-Seiten und gewerbliche E-Mails, ein E-Mail-Impressum in der E-Mail-Signatur zu führen - ein Link zum Impressum reicht nicht aus.

Um dir ein rechtskonformes E-Mail-Marketing zu ermöglichen, kannst du keine E-Mails ohne ein Impressum versenden. Dieses wird, wie gewohnt, über die Platzhalter generiert, die die Informationen aus den von dir hinterlegten Daten beziehen. 

Das bedeutet: Du darfst diese Platzhalter auf keinen Fall löschen oder per Hand ausfüllen. Ansonsten wirst du beim Abspeichern eine Fehlermeldung erhalten und kannst die E-Mail weder speichern noch versenden.

Daher: Einfach alles so stehen lassen und das System füllt automatisch die Informationen ein.

Abweichende Darstellung in Vorschau

Jeder E-Mail-Client hat seine eigenen Regeln, was die Darstellung von E-Mails angeht. So kann es schnell passieren, dass E-Mails bei deinen Empfängern anders dargestellt werden, als es bei dir der Fall ist. Um nicht vor einem ästhetischen Desaster zu stehen empfehlen wir dir, Bilder bereits im Vorfeld klein zu rechnen und die kleine Datei für die E-Mail zu nutzen. Andernfalls kann es aus den eben erklärten Gründen dazu kommen, dass einige Empfänger ein riesiges Bild sehen und das ganze Layout nicht passt.

 

Quentn Branding

In der Quentn-Lite-Version bekommen deine E-Mails ein Branding von Quentn: Unter dem Abmeldelink befindet sich das Quentn-Logo sowie der Hinweis “powered by Quentn”. In den höheren Versionen entfällt dieses Banding.

E-Mails im Drag&Drop-Editor gestalten

Kostenfreie Vorlagen laden

Quentn stellt dir 50 E-Mail-Templates gratis zur Verfügung, die du alle nach deinen Wünschen bearbeiten kannst. Wähle also das Template nicht nach dem Inhalt aus, sondern nach der Gestaltung und Anordnung von Texten und Bildern. Wirklich alles kann jederzeit ausgetauscht und angepasst werden.

• Klicke auf den Menüpunkt E-Mail und Vorlagen.
• Zuerst werden dir deine gespeicherten Templates angezeigt. Um dir vorgefertigte Vorlagen auszusuchen, klicke auf den Reiter Quentn Vorlagen.
• Suche dir ein Template aus. Du kannst Suchbegriffe eingeben, um eine Vorauswahl zu erhalten. Suchst du z. B. nach “schwarz”, werden dir Vorlagen in einem dunklen Design angezeigt. 
• Um die gewünschte Vorlage zu nutzen, gehe mit der Maus über die Vorlage. Es erscheint ein grüner Button “Neue Vorlage erstellen”, den du bitte klickst.

Neue Vorlage erstellen

Natürlich kannst du auch deine eigene Vorlage von Grund auf selbst erstellen. 

• Klicke auf den Menüpunkt E-Mail und Vorlagen. 
• Du landest direkt bei “Meine Vorlagen”. Klicke auf “Neue Vorlage erstellen”.

Allgemeine Orientierung

Sobald du eine Vorlage öffnest, vergib bitte einen Titel.

Am oberen Rand der Vorlage siehst du drei blaue Buttons:

• Mit “Vollbild” wechselst du in den Vollbildmodus (empfohlen).
• Mit “Struktur anzeigen” siehst du die Umrandungen der einzelnen Blöcke, Zeilen und Spalten.
• Unter “Vorschau” siehst du, wie dein Newsletter am PC und auch mobil aussieht. 
• Du kommst wieder in die normale Ansicht, sobald du erneut auf den jeweiligen Button klickst.
• Um einen deiner Gestaltungsschritte rückgängig  zu machen, findest du unten links drei Symbole: Ein runder Pfeil mit einer Uhr, ein Pfeil nach links und ein Pfeil nach rechts. 
  • Mit einem Klick auf das Uhren-Symbol werden dir die letzten Arbeitsschritte angezeigt. So kannst du an einen bestimmten Punkt in der Bearbeitung zurückkehren. Das Layout wird dann genau so wiederhergestellt, wie es zum gewählten Zeitpunkt aussah. 
  • Der Pfeil nach links macht die letzte Aktion rückgängig. 
  • Der Pfeil nach rechts bringt dich wieder einen Schritt vorwärts.

Gestaltung: Inhalt

Rechts neben dem Template findest du “Inhalt”. Unter dem Menüpunkt siehst du die einzelnen Bausteine, die du deiner E-Mail hinzufügen kannst. Wähle den gewünschten Typ aus (Absatz, Liste, Bild, Button, Trenner, Social Media Button, Icon oder GIFs über den Anbieter Giphy) und ziehe ihn mit gedrückter linker Maustaste an die gewünschte Stelle in deiner E-Mail. Die Position kann anschließend noch beliebig verändert werden. 

Klicke in deiner E-Mail auf den Block, den du bearbeiten möchtest. Auf der rechten Seite siehst du dann erweiterte Eigenschaften und Optionen. So kannst du Text- und Linkfarben anpassen, Zeilenabstände bestimmen, die Ränder definieren und bei allen anderen Bausteinen ebenfalls weitere Bearbeitungen vornehmen. 

Neuerungen im Editor (seit 04/2023):

Der Inhaltsblock “Text” wurde in “Absatz” und “Liste” aufgeteilt.

Mit Absatz kannst du wie gewohnt deinen Fließtext verfassen. Der Inhaltsblock unterstützt eine beliebige Anzahl von Absätzen beliebiger Länge, die die gleiche Inhaltsformatierung haben, wie z. B. Schriftfamilie, Schriftgröße und Schriftschnitt. 

Der Inhaltsblock Liste bietet spezielle Unterstützung für nummerierte Listen und Aufzählungslisten. Er enthält mehr eindeutige Formatierungs-Eigenschaften und entfernt irrelevante Eigenschaften, was insgesamt eine bessere Benutzerfreundlichkeit bietet. 

 

Bilder

Bilder hochladen

Um eigene Bilder in deiner E-Mail einzubauen, wähle rechts den Typ "Bild" und ziehen das Element an die gewünschte Stelle in der E-Mail.

Klicke anschließend auf "Durchsuchen". 

Du landest nun im Dateimanager. Hier kannst du das gewünschte Bild hochladen und anschließend in deine E-Mail einfügen.

Bitte beachte, dass deine Bilddateien nicht zu groß sind. Eine Breite von 600 Pixel (+/-) sollte ausreichend sein.

Aus 500.000 lizenzfreien Bildern wählen

Dir steht außerdem eine Datenbank mit über 500.000 lizenzfreien Bildern zur Verfügung, die du für deine E-Mails nutzen kannst. Klicke im Dateinmanager auf "Suche nach lizenzfreien Fotos". Gib anschließend einen Suchbegriff ein, um ein passendes Bild auszuwählen. Klicke auf "Import" um das gewünschte Bild in deinen Dateimanager zu laden und anschließend auf "Einfügen", um das Bild in deine E-Mail einzufügen..

Bilder bearbeiten

Du kannst im Editor sogar deine Bilder bearbeiten. Klicke dafür auf das Bild und anschließend rechts auf "Bild bearbeiten".

Nun hast du folgende Optionen:

• Filter nutzen
• Größe ändern
• Beschneiden
• Transformieren
• Zeichnen
• Text hinzufügen
• Formen hinzufügen
• Sticker ergänzen
• Rahmen nutzen
• Ecken abrunden

Emojis nutzen

Natürlich kannst du in deinen E-Mails auch Emojis nutzen. Dafür nutze einfach den Emoji-Picker deines Betriebssystems. 

Bei Apple-Nutzern ist das die Tastenkombination Command+Control+Leertaste.

Bei Windows-Nutzern ist das die Tastenkombination Windows+. (Punkt)

Wähle nun das gewünschte Emoji mit einem Klick aus.

Um ein Emoji im Betreff zu nutzen, musst du dieses zuerst in einem Inhaltsblock wie "Absatz" einfügen, dann kopieren oder ausschneiden und kannst es dann im Betreff einfügen.

 

Soziale Netzwerke hinzufügen

Ziehe das Element des Typs "Sozial" an die gewünschte Stelle in deiner E-Mail.

Anschließend klickst du auf den Inhalt der Zeile. Rechts hast du dann die Option, weitere soziale Dienste hinzuzufügen und die voreingestellten zu entfernen. Außerdem kannst du bei jedem Dienst die entsprechende URL zu deiner Seite hinterlegen.

Gestaltung: Zeile

Unter diesem Menüpunkt findest du eine Vielzahl verschiedener Zeilenlayouts, die du in dein Layout ziehen kannst. 

Wenn du links in deinem Layout auf einen Bereich außerhalb des E-Mail-Inhalts klickst, wähle eine Zeile aus. Diese kannst du beliebig im Inhalt verschieben, indem du mit der Maus auf das Kreuz auf der linken Seite klickst, die Maustaste gedrückt hältst und das Element dann verschiebst.

Ebenso kannst du eine Zeile speichern, löschen oder kopieren, indem du am rechten Rand der Zeile entweder auf die Diskette, den Papierkorb oder das Kopier-Symbol klickst.

Ist eine Zeile angewählt, erscheint auf der rechten Seite unter dem Menüpunkt Zeile ein Bereich, in dem du die Zeilen- und Spalteneigenschaften vornehmen kannst. So kannst du die Hintergrundfarbe der Zeile und des Inhalts separat definieren, Hintergrundbilder für die Zeile bestimmen, einzelne Spalten definieren und einiges mehr.

Dynamische Inhalte durch Tag basierte Zeilen

Du hast sogar die Möglichkeit, mit einer einzigen E-Mail unterschiedliche Inhalte an die Kontakte zu senden - je nachdem, welche Tags sie besitzen (oder nicht besitzen).

Erstelle dafür zuerst den gewünschten Inhalt in der Zeile. Rechts im Menü unter dem Punkt Zeile findest du den Button "Bedingung hinzufügen".

Klicke darauf, gib der Bedingung einen Titel und notiere dir ggf. noch eine Beschreibung. Die Felder "Davor" und "Danach" musst du nicht ausfüllen. 

 

Klicke nun auf den zweiten Button Bedingung für Zeilenanzeige. Bestimme, ob die Kontakte, die diese Zeile sehen sollen, ein bestimmtes Tag haben sollen oder über ein bestimmtes Tag nicht verfügen sollen. Definiere anschließend die entsprechenden Tags und klicke auf speichern.

Nun verfasse die nächste Zeile mit den Inhalten für "die anderen" Kontakte und gehe genauso vor: Bedingungen setzen und speichern.

Zeilen speichern

Du kannst einzelne Zeilen speichern und diese in anderen E-Mails wieder laden. Somit musst du wiederkehrende Texte oder Buttons nicht immer wieder neu verfassen oder umständlich via Copy & Paste einfügen, sondern kannst direkt mit wenigen Klicks auf die Inhalte zugreifen.

Markiere dafür die Zeile, sodass sie blau umrandet ist. An der blauen Umrandung oben rechts klickst du auf das Disketten-Symbol.

Die gespeicherten Zeilen findest du, zur Ansicht, unter E-Mails -> Vorlagen und dann unter dem Reiter "Meine Zeilen". 

Zeilen laden

Um die gespeicherten Zeilen in einer anderen E-Mail zu laden, klicke auf den Menüpunkt Zeile. Wähle unter "benutzerdefinierte Zeile" diejenige aus, die du nun einfügen möchtest und ziehe sie via Drag & Drop an die gewünschte Stelle in der E-Mail.

Unterschiedliche Designs für Desktop und Mobile

Du hast die Option, deine E-Mails auf Desktop und Mobilgeräten unterschiedlich darzustellen. So kannst du z. B. Bilder für die Mobilversion ausblenden, damit der Leser auf dem Telefon schneller die Inhalte erfassen kann (nur als Beispiel).

Klicke dafür auf die Zeile, die du für Desktop oder mobil verbergen möchtest. Auf der rechten Seite klickst du auf den Menüpunkt “Inhalt” und gehst nach unten, bis du den Punkt “nicht sichtbar auf…” findest. Klicke nun an, wo die Zeile nicht sichtbar sein soll und speichere.

 

Gestaltung: Allgemein

Unter diesem Menüpunkt nimmst du allgemeine Einstellungen vor: Breite des Layouts, die Standardschrift, diverse Hintergrundfarben, Linkfarben und so weiter.

Links und Platzhalter einfügen

Mit Platzhaltern kannst du bestimmte Informationen aus den Kontaktdaten dynamisch anwenden. Du willst deine E-Mail personalisieren? Kontaktfelder wie Name, Anrede, Adresse oder auch eigene Kontaktfelder werden mit Hilfe der Platzhalter individuell für den Kontakt in die E-Mail eingefügt.

In jedem Text-Baustein des Editors kannst du Platzhalter einfügen. Klicke dafür auf die Stelle, an die der Platzhalter eingefügt werden soll. Es erscheint eine kleine Toolbar mit allen Optionen für den Text (Schriftart und -größe, Nummerierungs- und Aufzählungszeichen usw.). Klicke auf “Mehr” und “Platzhalter einfügen”.

Füge nun den Platzhalter ein, indem du auf den blauen Button “Einfügen” klickst.

Um Links einzufügen, markiere bitte den zu verlinkenden Text. Anschließend klicke in der Toolbar auf das Kettensymbol. Es öffnet sich nun ein Fenster “Link einfügen”. Bestimme den Link-Typ und gib die URL ein. Klicke auf “OK”.

Übrigens: Alle Links werden getrackt. Also wenn du Bilder, Worte, etc. verlinkst, kannst du anschließend auf alle Link-Klicks in der Kampagne reagieren.

Damit dies möglich ist, kannst du keine Links im Klartext einfügen! Den Grund erfährst du hier.

Spezial-Links

Unter den Spezial-Links findest du Platzhalter für trackbare Links, die vom System generiert werden. Fügst du diese in deine Mail ein, können Klicks auf URLs wie zur Webseite, WordPress-Zugängen oder Import-Kampagnen nachverfolgt werden.

Auto-Save 

Falls du versehentlich den Editor verlässt, ohne zuvor gespeichert zu haben, ist deine Arbeit zum Glück nicht verloren, denn alle 30 Sekunden werden deine Änderungen gespeichert.

• Öffne erneut deine Mail.
• Klicke auf "Vorlage laden" und auf den Reiter "Entwürfe".

Hier findest du die Entwürfe deine Mail. Klicke auf "Laden", um den Entwurf in den Editor zu laden und schon sind alle Änderungen wieder da.

Folgendes gibt es hier zu beachten:

• Die Entwürfe werden nach 30 Tagen gelöscht.
• Sobald du speicherst, sind die Entwürfe ebenfalls gelöscht.
• Dir werden ausschließlich die Entwürfe dieses Elements angezeigt.

Testen der E-Mails

Um sicher zu gehen, dass alles so aussieht, wie du es dir vorstellst, hast du die Möglichkeit, dir eine Test-E-Mail zu senden. Unter dem Editor findest du den Punkt "Testen der E-Mail". Sobald du darauf klickst, öffnet sich ein Menüpunkt. Gib bitte hier eine E-Mail-Adresse ein, an die die Test-Mail versendet werden soll.

Bitte beachte: Platzhalter werden in Test-E-Mails nicht ersetzt

Versendete E-Mails erneut nutzen

Es gibt immer wieder Situationen, in denen man bereits versendete E-Mails wieder versenden möchte - natürlich ohne, dass man alles noch einmal machen muss.

Um eine bereits versendete E-Mail erneut zu nutzen, gehe wie folgt vor:

• Gehe auf den Menüpunkt E-Mails und Vorlagen.
• Klicke auf den Reiter "Meine E-Mails".
• Wähle die E-Mail aus, die du erneut versenden willst und fahren mit der Maus über diese E-Mail.
• Klicke auf den grünen Button "Neue erstellen".
• Die E-Mail wird nun geladen. Nimm ggf. letzte Anpassungen vor und speichere die Vorlage.
• Gehe nun in die Kampagne bzw. schreibe einen Newsletter.
• Lade die eben erstellte Vorlage.