Der myconvento Drag & Drop Editor im Überblick

Der Drag & Drop Editor ist der Standard-Editor für den visuellen Aufbau von E-Mail-Versänden in myconvento. Mit ihm erstellst du Newsletter, Einladungen, Presseinformationen oder andere Mailings ohne direkten Eingriff in den HTML-Code. Inhalte werden aus einzelnen Bausteinen zusammengesetzt, per Maus platziert und anschließend direkt im Editor bearbeitet. Dadurch eignet sich der Editor besonders für Anwenderinnen und Anwender, die professionelle E-Mails gestalten möchten, ohne selbst HTML oder CSS schreiben zu müssen.

Der Editor arbeitet nach dem Baukastenprinzip. Du wählst Elemente aus, ziehst diese an die gewünschte Stelle in der E-Mail und füllen sie anschließend mit Inhalt. So lassen sich Texte, Bilder, Buttons, Trennlinien, Spalten oder andere Inhaltsbereiche flexibel kombinieren. Die Gestaltung bleibt dabei grundsätzlich responsiv, das heißt: Die E-Mail passt sich später an unterschiedliche Bildschirmgrößen an, zum Beispiel Desktop, Tablet oder Smartphone.

Aufbau der Arbeitsfläche

In der Mitte befindet sich die eigentliche E-Mail-Vorschau. Hier siehst du den aktuellen Stand deines Mailings so, wie es später in etwa bei den Empfängern erscheinen wird. Einzelne Inhaltsbereiche können direkt angeklickt und bearbeitet werden. Je nach ausgewähltem Element erscheinen zusätzliche Optionen, mit denen sich Inhalt, Abstand, Ausrichtung, Farben oder andere Eigenschaften anpassen lassen.

Die Bearbeitung erfolgt direkt im Layout. Du kannst neue Elemente einfügen, bestehende Bereiche verschieben, Inhalte ändern oder nicht benötigte Blöcke entfernen. Dadurch entsteht die E-Mail Schritt für Schritt sichtbar auf der Arbeitsfläche.

Die rechte Seitenleiste

Die rechte Spalte ist der zentrale Werkzeugbereich des Editors. Dort findest du die Bausteine und Einstellungen, mit denen du deine E-Mail gestaltest. Besonders wichtig ist dabei das Menü „Tools“. Über dieses Menü wählst du die Elemente aus, die du in deine Nachricht einfügen möchtest.

Typische Werkzeuge sind zum Beispiel Textblöcke, Bilder, Buttons, Spaltenlayouts oder Trenner. Diese Elemente werden per Drag & Drop aus der rechten Seitenleiste in die E-Mail gezogen. Anschließend können sie direkt angepasst werden. So lässt sich aus einer Vorlage sehr schnell ein individueller Versand erstellen.

Je nachdem, welches Element aktuell ausgewählt ist, verändert sich die rechte Seitenleiste. Statt der allgemeinen Werkzeuge siehst du dann passende Detailoptionen für genau dieses Element. Bei einem Textblock können das zum Beispiel Einstellungen für Schrift, Farbe oder Abstände sein. Bei einem Button stehen eher Link, Beschriftung, Ausrichtung und Design im Vordergrund.

Allgemeine Einstellungen

Neben den einzelnen Inhaltsbausteinen gibt es den Button „Allgemeine Einstellungen“. Über diesen Bereich passt du grundlegende Eigenschaften der gesamten E-Mail an. Diese Einstellungen betreffen nicht nur einen einzelnen Block, sondern das gesamte Mailing.

Hier können zum Beispiel globale Darstellungsoptionen festgelegt werden. Dazu gehören je nach Vorlage und Editor-Konfiguration unter anderem Hintergrundfarben, Standardabstände, Breiten oder allgemeine Layout-Einstellungen. Diese globalen Einstellungen sind besonders hilfreich, wenn die E-Mail ein einheitliches Erscheinungsbild erhalten soll.

Wenn du also nicht nur einen einzelnen Text oder Button ändern möchtest, sondern das Grundlayout der gesamten Nachricht anpassen wollen, ist „Allgemeine Einstellungen“ der richtige Einstiegspunkt.

Weitere Werkzeuge über das Tools-Menü

Neben den Bausteinen in der rechten Seitenleiste stellt der Drag & Drop Editor zusätzliche Werkzeuge bereit, die über das Optionen-Menü erreichbar sind. Diese Funktionen unterstützen dich vor allem bei der Prüfung, technischen Kontrolle und Feinbearbeitung deiner E-Mail.

Mit „Prüfe deine Links“ kannst du die in der E-Mail enthaltenen Links kontrollieren. Das ist besonders wichtig vor dem Versand, damit fehlerhafte oder nicht erreichbare Zielseiten rechtzeitig erkannt werden.

Über „Versteckter Pre-Header“ bearbeitest du den Vorschautext der E-Mail. Dieser Text ist in vielen E-Mail-Programmen direkt neben oder unter der Betreffzeile sichtbar und kann entscheidend dafür sein, ob eine Nachricht geöffnet wird.

Die Option „Ergänzende Text-Version bearbeiten“ dient dazu, eine zusätzliche reine Textfassung der E-Mail zu pflegen. Diese kann für bestimmte E-Mail-Clients, Zustellbarkeit oder Empfängerumgebungen hilfreich sein.

Mit „CSS Bearbeiten“ können fortgeschrittene Anwender zusätzliche Gestaltungsvorgaben anpassen. Diese Funktion sollte bewusst eingesetzt werden, da fehlerhafte CSS-Anpassungen die Darstellung in einzelnen E-Mail-Programmen beeinflussen können.

Über „HTML-Code anzeigen“ lässt sich der erzeugte HTML-Code der Nachricht einsehen. Das ist hilfreich für technische Prüfungen, Fehlersuche oder individuelle Anpassungen, setzt aber HTML-Kenntnisse voraus.

Arbeiten mit Bausteinen

Um ein neues Element einzufügen, wählst du es in der rechten Seitenleiste aus und ziehst es mit gedrückter Maustaste an die gewünschte Position in der E-Mail. Der Editor zeigt dabei an, an welcher Stelle der Baustein eingefügt wird. Nach dem Loslassen wird das Element in das Layout übernommen.

Bestehende Bausteine können ebenfalls verschoben oder bearbeitet werden. Dadurch lässt sich die Reihenfolge der Inhalte jederzeit ändern. Wenn ein Abschnitt nicht mehr benötigt wird, kann er entfernt werden. Auf diese Weise kannst du eine Vorlage zunächst grob strukturieren und anschließend Schritt für Schritt verfeinern.

Inhalte bearbeiten

Texte werden direkt im Editor angepasst. Klicke dazu in den entsprechenden Textbereich und ändere den Inhalt wie in einem normalen Texteditor. Bilder können eingefügt oder ausgetauscht werden, Buttons erhalten eine Beschriftung und einen Link, und Layoutbereiche können weiter unterteilt oder optisch angepasst werden.

Achte beim Bearbeiten darauf, dass die E-Mail nicht nur optisch ansprechend aussieht, sondern auch inhaltlich klar aufgebaut ist. Kurze Absätze, verständliche Zwischenüberschriften und gut sichtbare Handlungsaufforderungen helfen den Empfängern, die Nachricht schnell zu erfassen.

Vorschau und nächste Schritte

Bevor du zum nächsten Schritt wechselst, solltest du den aktuellen Stand sorgfältig prüfen. Kontrolliere Texte, Bilder, Links und die grundsätzliche Darstellung. Besonders bei responsiven E-Mails ist es sinnvoll, auch die mobile Ansicht zu berücksichtigen.

Wenn alle Pflichtangaben vorhanden sind und der Inhalt vorbereitet wurde, wechselst du über „Nächster Schritt“ in den weiteren Versandprozess. Dort legst du anschließend unter anderem die Empfänger, Absenderdaten und Versandoptionen fest.