1. Artikelvorlagen

Artikelvorlagen für den klassischen Editor (CMS1)

Im Bereich Medien & Vorlagen > Vorlagenentwürfe > Artikelvorlagen gestalten Sie individuell Ihre eigenen Vorlagen für den klassischen Editor (CMS1).

Alle im Artikelvorlagen-Editor erstellten Artikelvorlagen bleiben hier als Entwürfe gelistet, bis sie für die Nutzung freigegeben werden. Freigegebene Artikelvorlagen werden anschließend in den Ordner Medien & Vorlagen > Vorlagen > Artikelbibliothek verschoben und stehen dort für die Newslettererstellung zur Verfügung.

Entwurfsübersicht der Artikelvorlagen

Die Übersicht der Artikelvorlagen steht Ihnen beim Aufruf des Bereiches in tabellarischer Form zur Verfügung.

Abb. 1: Übersicht der Artikelvorlagen-Entwürfe.

Von hier aus können Sie folgende Aktionen über Anklicken der Icons am oberen rechten Tabellenrand durchführen:

• Neue Artikelvorlage erstellen („+„-Icon sowie Button Neue Vorlage erstellen rechts unten),
• kopieren (Doppelblatt-Icon) oder
• löschen („X“-Icon),
• die Anzahl der anzuzeigenden Elemente (Klick auf 10, 20 oder 50) wählen und
• das Suchfeld nutzen (Eingabe mind. 3 Zeichen).
  Bitte beachten Sie: Ist die Suchfunktion aktiv, werden in der Übersicht lediglich Ihre Suchergebnisse angezeigt. Möchten Sie zur Gesamtansicht zurückkehren, klicken sie bitte oben links auf den im Filtermodus sichtbaren geschwungenen Pfeil oder die verlinkte Ziffer der Gesamtanzahl an Vorlagen.
  

Die Übersichtstabelle ist in 4 Spalten aufgeteilt:

Abb. 2: Spaltenaufteilung in der Artikelvorlagen-Übersicht.

Die Spalten 1–4 enthalten (vgl. Ziffern in Abb. 2):

• Checkbox (1): Für Sammelbearbeitung (etwa Löschung von mehreren Entwürfen) die Checkboxen der betreffenden Vorlagenentwürfe anklicken und oben rechts gewünschte Aktion wählen.
• Bezeichnung (2): Der Name, den Sie Ihrem Vorlagenentwurf gegeben haben, ist verlinkt und führt zum Vorlageneditor, wo Sie ihren Entwurf weiter bearbeiten oder ändern können.
• Beschreibung (3): Die Beschreibung dient als textliche Erläuterung zur Artikelvorlage. Bei mehreren Redakteuren eine sinnvolle Maßnahme, um die Transparenz erhöhen und das Arbeiten im Team zu erleichtern.
• Aktionen (4): Unabhängig von den übergeordneten (Sammel-)Aktionen werden hier für jeden einzelnen Entwurf Symbole zum Kopieren (Doppelblatt-Icon) und Löschen („X“) angezeigt.

Neue Artikelvorlage: Workflow in 4 Phasen

Die Erstellung einer neuen Artikelvorlage ist in 4 Phasen gegliedert:

1. Basiseinstellungen
2. Funktionales Layout
3. Inhalte und Designs
4. Freigabe

Maileon leitet Sie Schritt für Schritt durch den Prozess. Starten Sie die Neuerstellung, indem Sie in der Übersicht auf das „+“-Icon rechts oben oder auf den Button Neue Vorlage erstellen rechts unten klicken (s. Abb. 2).

Der Vorlageneditor öffnet sich in Phase 1 von 4.

Phase 1: Basiseinstellungen

Abb. 3: Workflow Artikelvorlagenerstellung Phase 1 – Basiseinstellungen.

Innerhalb des ersten Schrittes im Workflow der Artikelvorlagenerstellung geben Sie eine Bezeichnung sowie eine Beschreibung Ihrer neuen Vorlage ein. Am roten Strich neben einem Eingabefeld erkennen Sie, dass die Eingabe hier obligatorisch ist (s. Abb. 3, Bezeichnungsfeld). Maileon gibt systemseitig im Bezeichnungsfeld zunächst einen Namen vor, der aus Datum und Uhrzeit besteht.

Wir empfehlen, die Zeichenfolge durch eine sprechende Bezeichnung Ihrer Wahl zu ersetzen. Das erleichtert bei der Newslettererstellung die Suche und Auswahl von geeigneten Artikelvorlagen. Im besten Fall erkennen Sie bei der Vorlagensuche auf den ersten Blick, um welche Art von Vorlage es sich handelt.

Über die Beschreibung fügen Sie Ihrer Artikelvorlage nähere Erläuterungen hinzu – was besonders hilfreich ist, falls Sie mehrere ähnliche Vorlagen erstellen, die sich lediglich auf der Detailebene unterscheiden.

Haben Sie Ihre Eingaben vervollständigt, gehen Sie zu Phase 2 über den Button Weiter unten rechts oder über den Pfeil oben rechts. Sie können die Bearbeitung auch unterbrechen über den Link Bearbeitungsstand speichern & beenden und werden dann zur Übersicht zurückgeleitet.

Phase 2: Funktionales Layout

Im zweiten Schritt definieren Sie das funktionale Layout. Die wichtigste Vorüberlegung betrifft die Anzahl der „Slots“, d. h. der funktionellen Bereiche für Ihre Eingaben (etwa für Bild, Überschrift, Text, CTA-Link als Button). Jeder Slot bildet einen Baustein in Ihrer Vorlage, der mit eigenen Bedingungen und Formatierungen versehen werden kann. Wenn z. B. eine Überschrift eine andere Schriftgröße als der nachfolgende Text hat, benötigt sie einen eigenen Slot.

Slot-Bausteine innerhalb einer Vorlage können später für die Ansicht auf kleineren Bildschirmen dynamisch anders angeordnet werden. Sie werden auf mobilen Ausgabegeräten mit kleinem Bildschirm ewa vertikal übereinander statt nebeneinander angezeigt werden wie in der Desktop-Ansicht. Bitte wenden Sie sich für weitere Details an unser Support-Team unter + 49 69 83008980 oder an service@xqueue.com.

Das Startfenster des funktionellen Layouts zeigt eine Befehlsleiste mit Symbolen. Direkt darunter ist ein Slot sichtbar ohne Kategoriezuordnung (Keine Kategorie, Bild, Link, Text, Überschrift). Dieser Standardslot bildet die Basis Ihrer Vorlage. Er ist durch eine feine Umgebungslinie angezeigt. Von hier aus beginnt die Erweiterung Ihrer Vorlagenstruktur.

Abb. 4: Der Standard-Slot im Editor für das funktionelle Layout.

Abb. 5: Das Menü der Phase Funktionelles Layout.

Die Menüleiste enthält folgende Befehle (von links nach rechts):

• Rückgängig-Pfeil: Macht pro Klick einen Arbeitsschritt rückgängig.
• Vor-Pfeil: Führt einen zuvor rückgängig gemachten Arbeitsschritt erneut aus.
• Slotmatrix erzeugen (Schachbrett-Symbol): Legen Sie hier fest, wie viele Spalten und Zeilen sie erzeugen wollen.
• Dimensionen (diagonal überkreuzte Pfeile): Maße des jeweils markierten Bausteins definieren, entweder
  • prozentual,
  • absolut (in Pixeln) oder
  • automatisch (passt sich flexibel den Maßen der anderen Bausteine an).
• Element löschen (rotes X): Löscht das markierte Element.
• Kategorie (Dropdown): Voreingestellt sind
  • (Keine Kategorie)
  • Produktbild
  • Produktlink
  • Produkttext
  • Überschrift
• Kategorienverwaltung (Ausrufezeichen): Hier können Sie neue Kategorien anlegen oder bestehende Kategorien löschen.
• Navigation (Feld mit Pfeiltasten): Klicken Sie in diesen Bereich und betätigen Sie anschließend die Pfeiltasten Ihrer Tastatur, um zwischen den Slots zu navigieren bzw. mehrere Slots bzw. zusammengehörende Slotblöcke zu markieren.

Anwendungsbeispiel: 2-Spalter mit Bild links sowie Text rechts, aufgeteilt in Überschrift, Text und CTA Link

Wir werden Sie nachfolgend Schritt für Schritt durch die Erstellung einer Artikelvorlage führen. In unserem Beispiel möchten wir eine Vorlage erstellen, die in zwei Spalten aufgeteilt ist. Die links Spalte enthält ein Bild, die rechte Spalte eine Überschrift, einen Text sowie einen CTA-Link. Zwischen den Textteilen wollen wir einen Abstand setzen sowie auch am oberen und unteren Rand der Textspalte.

Schritt 1: Zweite Spalte erzeugen

Abb. 6: Matrixdimensionen Pop-up zur Unterteilung eines Slots in Spalten und Zeilen.

So erstellen wir aus einem Slot eine 2-spaltige Matrix, wobei die beiden Spalten eine Unterstruktur des Standardslots bilden:

• Fahren Sie mit der Maus über den Standardslot; der Cursor ändert sich in ein großes Plus-Zeichen.
• Klicken Sie einmal. An den Seiten des Slots werden nun grüne Plus-Zeichen sichtbar sowie ein rotes x in der rechten, oberen Ecke. Das Anklicken des Slots aktiviert zudem das Slotmatrix-Symbol (Schachbrett).
• Klicken Sie auf das Slotmatrix-Symbol und wählen Sie im Pop-up-Fenster Matrixdimensionen bei Spalten eine „2“.
• Speichern Sie Ihre Eingabe mit Klick auf Einstellungen speichern. Das Pop-up schließt sich und die zweispaltige Struktur ist sichtbar.

Abb. 7: Slot, in zwei Spalten aufgeteilt.

Schritt 2: Rechte Spalte aufteilen in 7 Zeilen

Abb. 8: Zweite Spalte in 7 Zeilen aufteilen.

Da wir in der rechten Spalte nicht nur Überschrift, Text und CTA-Button, sondern auch Abstände definieren wollen, benötigen wir hier insgesamt 7 Zeilen. Führen Sie dazu folgende Arbeitsschritte aus:

• Wählen Sie die rechte Spalte des Slots per Mausklick aus. Eine graue Markierungslinie erscheint, mit grünen Plus-Zeichen an den Seiten sowie einem roten x in der rechten, oberen Ecke.
• Klicken Sie in der Menüleiste auf das Slotmatrix-Symbol (Schachbrett). Das Pop-up Matrixdimensionen öffnet sich.
• Wählen Sie im Pop-up-Fenster bei Reihen die „7“ aus.
• Speichern Sie Ihre Eingabe mit Klick auf Einstellungen speichern. Das Pop-up schließt sich und die 7-zeilige Substruktur in der zweiten Spalte ist nun sichtbar.

Abb. 9: Rechte Spalte der Artikelvorlage, aufgeteilt in sieben Zeilen.

Schritt 3: Kategorien zuordnen

Wir haben bisher die Grundstruktur unserer Artikelvorlage erstellt, wobei die Voreinstellung (Keine Kategorie) für alle neu erzeugten Spalten und Zeilen übernommen wurde. Nun wollen wir den einzelnen Slots jeweils passende Kategorien zuordnen. Das wird uns später bei der Newslettererstellung eine bessere Bearbeitung ermöglichen, da der Artikeleditor bei der Contenterstellung je nach Kategorie pro markiertem Baustein das entsprechende Set an Befehlen bereitstellt. Slots, die ohne Kategorie definiert sind, sozusagen leere Abstandsbereiche ohne Funktion.

So ordnen Sie den einzelnen Slots Kategorien zu:

• Klicken Sie den Slot in der linken Spalte an. Das soll später der Bildbereich sein. Die graue Markierungslinie erscheint mit den grünen Plus-Zeichen an den Seiten sowie dem roten x an der oberen, rechten Ecke des Elementes.
• Wählen Sie in der Menüleiste im Kategorien-Dropdown Produktbild.
• Im Slot erscheint nun die Bezeichnung Produktbild.

Verfahren Sie so mit allen anderen Slots und weisen Sie Ihnen ihre jeweilige Kategorie zu. Für leere Abstandsbereiche lassen Sie die Einstellung auf (Keine Kategorie) stehen.

Phase 3: Inhalte und Designs

bald verfügbar

Phase 4: Freigabe

bald verfügbar

Da Maileon Ihnen eine umfangreiche Sammlung an Artikel- und Versendungsvorlagen zur Verfügung stellt, werden Sie in den meisten Fällen eine bestehende Vorlage als Basis verwenden, diese nach Wunsch ändern und als neue Vorlage abspeichern. Die komplette Neuerstellung einer Artikelvorlage ist daher in der Regel keine Routineaufgabe und sollte nur mit ausreichendem Wissen und Verständnis über das Verhalten von funktionellen Strukturen in Maileon vorgenommen werden.

Benötigen Sie Unterstützung bei der Erstellung Ihrer Artikelvorlagen? Oder möchten Sie Ihr Wissen in einem Training vertiefen? Dann sprechen Sie gerne unser Team an unter service@xqueue.com oder telefonisch unter +49 69 83 00 89 80.