Top
Neu bei MailBeez? Jetzt die Grundlagen lernen
Profi-Modul

Anpassung der Hauptvorlage

2 minutes, 55 seconds

Alle von MailBeez generierten Emails werden aus der gemeinsamen Haupt-Vorlage und Modul-Vorlagen zusammengesetzt. In diesem Tutorial wird beschrieben, wie die gemeinsame Haupt-Vorlage ("Briefpapier") bearbeitet werden kann.

Gemeinsame Hauptvorlage

Modul-spezifische Inhalts-Vorlage Platzhalter {$body}

Produktlisten-Vorlage
Platzhalter z.B. {$list_engine.productlist}

Alle Profi-Module enthalten den visuellen Editor, mit dem die gemeinsame Hauptvorlage (also das "Briefpapier" in welches die Module ihre Email-Texte einfügen) komfortabel und visuelle bearbeitet werden können.

Die Hauptvorlage kann unter

MailBeez > Konfiguration > Template Verwaltung > Gemeinsame Hauptvorlage bearbeiten

im visuellen Editor zur Bearbeitung geöffnet werden.

Auf der rechten Seite kann mit Hilfe des Buttons Layout-Vorlage wählen eine Vorlage geladen werden. Wählen Sie dort "responsive Email" aus, um die aktuellste Version der mobilfreundlichen Hauptvorlage zu laden.

Der Button Styling bearbeiten öffnet die Konfiguration der Layout-Einstellungen. Da responsive (Mobil-freundliche) Emails zwei verschiedene Bilder für die Desktop-Version und die Mobil-Version nutzen, können in den Layout-Einstellungen auch zwei Bilder konfiguriert werden. Alle Angaben mit @480 kennzeichnen hier die Einträge für die Mobil-Version unter 480px Schirmbreite.

Die Firmen-Angaben im Fussbereich können frei bearbeitet werden, einfach auf das entsprechende Element klicken und dort die gewünschten Änderungen vornehmen.

Die oberen Menü-Einträge können frei bearbeitet werden, einfach auf das entsprechende Element klicken und dort die gewünschten Änderungen vornehmen.

Im visuellen Editor finden Sie oben links Buttons wie "320px", "480px" - hiermit können Sie jederzeit beim bearbeiten testen, wie die Vorlage auf mobilen Endgeräten umgebrochen wird. Sollte sich die Vorlage nach einigen Anpassungen nicht sauber auf z.B. 320px umbrechen, dann gibt es ein Element (z.B. ein Bild) welches eine feste Breiten-Angabe hat und somit nicht angepasst werden kann. In diesem Fall als Breite "100%" angeben. Auch lange URLs können Probleme machen, ggf. den Text etwas kürzen.

Sobald die Vorlage im Editor gut aussieht, können Sie die "Mobil" Vorschau nutzen - oben rechts finden Sie den Button "Mobil", welche Ihnen dann die Möglichkeit gibt, eine Inhaltsvorlage (z.B. das Geburtstags-Modul) für die Vorschau auszuwählen. Auch können Sie mit der Funktion "Sende Test-Email" schnell eine Email mit Test-Inhalten zur Layout-Kontrolle an eine beliebige Email-Adresse senden.

Um das Risiko eines Spam-Ratings zu reduzieren und auch alte Email-Programm zu unterstützen empfiehlt es sich, auch die Text-Version der Vorlage zu bearbeiten. Mit Klick auf den Button "TXTMODE" öffnet sich der Editor der Text-Version - mit dem entsprechenden Button unten rechts kann dann automatisch eine Text-Version der Haupt-Vorlage angelegt und danach bearbeitet werden.

Sind Sie mit den Anpassungen zufrieden? Dann ist es eine gute Idee, den aktuellen Stand als Vorlage zu speichern. Hierzu rechts den Button als Layout-Vorlage speichern anklicken und nach Angabe eines Namens die Vorlage abspeichern. Diese Version kann dann jederzeit unter Layout-Vorlage wählen > User wieder geladen werden.

Der "Nerd-Mode" erlaubt die Bearbeitung der Haupt-Vorlage in Code-Ansicht. Hier haben Sie vollen Zugriff auf den Code der Vorlage und Experten können dort komplexere Anpassungen vornehmen - Achtung: man kann auch schnell eine Vorlage "Kaputt"-verbessern, so dass die Darstellung auf den verschiedenen Email-Programmen (z.B. Outlook ist sehr undankbar) ungewünschte Ergebnisse bring.

Fehler gefunden? Möchten Sie diese Seite verbessern?   diese Seite bearbeiten