2. Grundsätzliche Informationen zu Kampagnen
3.2. Kampagnen direkt erstellen
3.3. Privatsphären Einstellungen (DSGVO)
4. Betreff, Anrede und Grußformel
6. E-Mail Baukasten (Kampagnen Editor)
6.2. Titel bzw. Überschriften festlegen
6.3. Erstellen der E-Mail Struktur
6.4. Elemente zum E-Mail hinzufügen
6.11. Hinzufügen von Social-Media-Symbolen
6.12. Formatierungen, Hintergrundfarbe und -bild
6.12.2. Hintergrundfarbe und Hintergrundbilder
6.13. Erstellung von Countdown-Timern für E-Mails
6.14. Einstellungen für die E-Mail-Darstellung auf mobilen Geräten
1. Allgemeines
Mit SELLSATION können Sie ganz einfach perfekte Newsletter entwerfen und an gewünschte Zielgruppen versenden.
Im Video zeigen wir, wie PROLICHT, ein weltweit erfolgreicher Hersteller von architektonischen Leuchten und Beleuchtungskonzepten, das SELLSATION E-Mail Kampagnen Feature einsetzt.
Sie sehen, wer Ihre Newsletter geöffnet und welche Links geklickt hat. Daraus lassen sich mit SELLSATION automatisiert Folgeaktionen erstellen - zum Beispiel aufbauende Marketingkampagnen, Aufgaben den Lead/Kunden zu kontaktieren, Generierung von neuen Leads etc.
2. Grundsätzliche Informationen zu Kampagnen
In SELLSATION gibt es mehrere Möglichkeiten Kampagnen zu erstellen:
- Im Menüpunkt Aktionen mit der Auswahl Zeitgesteuerte Aktionen können einmalige Kampagnen erstellt werden.
- Im Menüpunkt Aktionen mit der Auswahl Automatisierte Aktionen können automatisierte Kampagnen automatisiert ausgelöst werden - zum Beispiel wenn ein Verkaufsprojekt eine bestimmte Phase im Verkaufsprozess erreicht. Beispielsweise kann an alle potentiellen Kunden in Phase 1 des Verkaufsprozesses eine E-Mail mit einer Beschreibung Ihres Unternehmens und Produktvorteilen gesandt werden.
- Im Menüpunkt Aktionen/ Kampagnenvorlagen können Kampagnenvorlagen erstellt werden, die dann bei Erstellung einer neuen Kampagne (siehe Punkt 1 und 2) jederzeit herangezogen und die auch aus der Detailansicht eines Kunden oder Verkaufsprojektes versandt werden können. Mehr zu Kampagnenvorlagen finden Sie im Kapitel Kampagnenvorlagen für Marketingkampagnen.
Wir beschreiben nun die Erstellung einer Kampagne. Das kann entweder direkt bei Kampagnenvorlagen passieren oder im 3. und 4. Schritt bei Aktionen/Zeitgesteuerte oder Aktionen/Automatisierte Aktionen. Schritt 1 (Zeitpunkt bei zeitgesteuerte Aktionen bzw. Trigger bei automatisierte Aktionen) und Schritt 2 (Filter) sind bei Anlegen von neuen Aktionen beschrieben.
3. E-Mail Kampagnen erstellen
3.1. Kampagnenvorlagen
Bei Kampagnenvorlagen wählen Sie bei Kampagnenart E-Mail.
Bitte beachten Sie auch den Punkt "Benutzer können in Detailansicht Kampagnen mit dieser Vorlage erstellen". Wenn diese Funktion aktiviert ist, können SELLSATION User aus der Kunden- und Projektdetailansicht E-Mails mit dieser Kampagnenvorlage erstellten und diese auch individuell an den Kunden anpassen.
Der Vorteil von E-Mail Kampagnenvorlagen: Diese können auch kopiert oder unter "Speichern unter" unter einem neuen Namen neu abgespeichert werden. So können Sie beispielsweise das Grunddesign (Header, Footer etc.) immer verwenden.
3.2. Kampagnen direkt erstellen
Im 3. Schritt bei Aktionen/Zeitgesteuerte oder Aktionen/Automatisierte Aktionen wählen Sie ebenfalls Kampagnenart E-Mail aus. Danach gehen Sie zum 4. Schritt um zum E-Mail Kampagneneditor zu gelangen. Schritt 1 (Zeitpunkt bei zeitgesteuerte Aktionen bzw. Trigger bei automatisierte Aktionen) und Schritt 2 (Filter) sind bei Anlegen von neuen Aktionen beschrieben.
Wenn Sie eine neue Kampagne erstellen, können Sie eine bestehende Kampagnenvorlage wählen oder direkt eine E-Mail Kampagne gestalten. Wir empfehlen grundsätzlich mit Kampagnenvorlagen zu arbeiten, da man diese dann ganz einfach mehrfach verwenden bzw. adaptieren oder kopieren kann.
3.3. Privatsphären Einstellungen (DSGVO)
Bitte beachten Sie auch den Punkt: Empfänger der Kampagne müssen Ihre Zustimmung abgegeben haben.
Empfänger der Kampagne müssen Ihre Zustimmung abgegeben haben: SELLSATION kennt für die Einstellung der Privatsphäre fünf unterschiedliche Werte:
- Keine Auswahl: Das bedeutet der Empfänger hat weder zugestimmt, noch abgelehnt E-Mails zu erhalten. Wird beim Konfigurieren der Kampagne der Haken nicht gesetzt (= Empfänger müssen Ihre Zustimmung NICHT abgegeben haben), bekommen auch jene Empfänger die Aussendung, die noch keine Präferenzen abgegeben haben.
- In Kampagne einbeziehen, Zustimmung durch Versender erteilt: Wenn diese Auswahl getroffen ist, sind die Empfänger immer Teil des Empfängerkreises. Die Auswahl wird durch den Versender - also Ihr Unternehmen - getroffen. Wird beim Konfigurieren der Kampagne der Haken gesetzt (= Empfänger müssen Ihre Zustimmung abgegeben haben), bekommen diese Empfänger eine Aussendung.
- Nicht in Kampagne einbeziehen, keine Zustimmung durch Versender erteilt: Wenn diese Auswahl getroffen ist, sind die Empfänger NIE Teil des Empfängerkreises. Die Auswahl wird durch den Versender - also Ihr Unternehmen - getroffen. Wird beim Konfigurieren der Kampagne der Haken gesetzt (= Empfänger müssen Ihre Zustimmung abgegeben haben), bekommen diese Empfänger keine Aussendung.
- In Kampagne einbeziehen, Zustimmung durch Kunden erteilt: Diese Empfänger haben Ihre Zustimmung E-Mails zu erhalten erteilt und sind immer Teil des Empfängerkreises. Wird beim Konfigurieren der Kampagne der Haken gesetzt (= Empfänger müssen Ihre Zustimmung abgegeben haben), bekommen diese Empfänger eine Aussendung.
- Nicht in Kampagne einbeziehen, keine Zustimmung des Kunden erteilt: Diese Empfänger haben abgelehnt und erhalten NIE eine Zusendung, egal ob der Haken gesetzt (= Empfänger müssen Ihre Zustimmung abgegeben haben) ist oder nicht. So wird DSGVO Konformität in SELLSATION sichergestellt.
4. Betreff, Anrede und Grußformel
Im ersten Teil, den Sie hier sehen geht es um die Anrededefinition bzw. die Grußformel:
Folgende Werte sind hier zu sehen:
- Betreff - dies ist der Betreff des E-Mails. Welchen Betreff Sie hier wählen kann zu einem großen Teil über den Erfolg Ihrer Kampagne entscheiden, bzw. kann auch dafür verantwortlich sein, ob ein Spam Filter die E-Mail quasi aus dem Verkehr zieht oder nicht.
- Anrede (gilt für alle Boxen): SELLSATION zeigt die Standardanrede bzw. Grußformel für den jeweiligen Geschlechtswert an. D.h. wenn zB. ein Kunde oder Ansprechpartner als männlich hinterlegt ist, wird die Anrede (männlich) beim Zusammenstellen der E-Mail für diesen Empfänger verwendet. Gleiches gilt für die anderen Werte. Ist kein Geschlecht hinterlegt, wird die Anrede (neutral) verwendet. In diesem Fall wird auch kein Name hinzugefügt.
Sie können die Werte für die aktuelle Kampagne ändern, indem Sie die gewünschten, abweichenden Grußformeln in diese Boxen eintragen.
Grußformel mit Platzhaltern einsetzen
Weiter unten beschreiben wir den E-Mail Baukasten. Um das Einsetzen der Grußformel zu beschreiben, machen wir hier schon eine kurze Vorschau.
Um E-Mail Kampagnen zu erstellen, gibt es in SELLSATION zwei Vorgangsweisen:
- E-Mail Baukasten verwenden
- E-Mail verfassen
Um die Grußformel mit Platzhalter einzusetzen, gibt es sowohl im "E-Mail Baukasten", als auch bei der "E-Mail verfassen" Funktion den Button "Platzhalter einfügen".
Um den E-Mail Baukasten zu öffnen, klicken Sie bitte auf "E-Mail Baukasten öffnen":
Im E-Mail Baukosten kann man die Platzhalter wie folgt direkt einfügen. Bei der jeweiligen Box auf Text klicken, danach öffnet sich oben die Textformatierungsleiste, wo auch der Button für die Platzhalter integriert ist.
Mit dem Button "Platzhalter einfügen" können nun Platzhalter eingefügt werden.
In der "E-Mail verfassen" Funktion finden Sie den Button für die Platzhalter hier:
Um die vorkonfigurierten Anreden einzufügen, wählen Sie bitte "Anrede".
Damit werden die eingegebenen Anreden, je nach Geschlecht, die neutrale Anrede oder die Familienanrede je nach Adressat richtig angewandt:
Danach wählen Sie "Namen", wobei zwischen Firmenkunden und Privatkunden unterschieden wird:
-
Eine typische Begrüßung bei einem Mailing an Firmenkunden wäre "Anrede" und "Kontaktperson/Nachname (Kontaktperson)". Hier will man in der Regel die Kontaktpersonen in der Firma adressieren.
-
Eine typische Begrüßung bei einem Mailing an Privatkunden wäre "Anrede" und "Kunde/Nachname".
Nachdem sie Platzhalter eingefügt sind, kann das wie im folgenden Bild aussehen. Bitte machen Sie einen Abstand zwischen den Platzhaltern, um Wörter zu trennen.
Es stehen Ihnen eine Vielzahl von Platzhaltern zur Verfügung. So können Sie beispielsweise den Namen und die Kontaktdaten des Projektberaters (Kundenberaters) hinzufügen, so dass in einem etwaigen Begrüßungsmail an Ihren Kunden, auch gleich der richtige Ansprechpartner angefügt wird etc.
Alternativ zu Platzhalter einfügen, können Sie auch Platzhalter aus der SELLSATION Datenbank schriftlich einfügen. Hier stehen zur Zeit noch mehr Möglichkeiten zur Verfügung. Mehr zu diesem Thema.
5. Zusätzliche Einstellungen
- Mit dem Button "Anhang" lassen sich Anhänge hinzufügen
- Außerdem kann man einen "Link zum Abmelden im E-Mail anzeigen" hinzufügen, hier können sie sowohl den Text des Links, als auch den Text der nach dem Abmelden erscheinenden Folgeseite definieren.
- Außerdem kann man, wenn eine Kampagne gestaltet wurde, ein Test E-Mail versenden, um nochmals alle Details zu prüfen.
6. E-Mail Baukasten (Kampagnen Editor)
Sie haben die Wahl zwischen folgenden zwei Vorgangsweisen:
- E-Mail Baukasten verwenden: Dieses Kapitel beschäftigt sich in der Folge mit dieser Funktion.
- E-Mail verfassen: Hier können beispielsweise fertige Kampagnen mit HTML Codes hinein kopiert werden können - bitte verwenden Sie hierfür dieses Symbol: < >
Wir beschreiben hier die Verwendung des sehr leistungsfähigen E-Mail Baukastens, mit dem unkompliziert grafisch anspruchsvolle E-Mail Kampagnen erstellt werden können.
Bitte klicken Sie auf den Button "E-Mail Baukasten öffnen".
6.1. Allgemeine Einstellungen
Beim E-Mail Baukasten hat SELLSATION ein Tool namens Stripo nahtlos integriert, mit dem perfekte E-Mail Newsletter und E-Mail Vorlagen erstellt werden können.
Bei Allgemeine Einstellungen halten Sie sich an einen einheitlichen Designstil über alle Elemente der E-Mail hinweg. Sie legen Schriftfarben für den Text in der E-Mail fest, Sie legen Formen und Schriften für Buttons fest, die Farben für die Links, Paddings in Containern, Zeilenabstand, E-Mail-Hintergrundfarbe und Inhaltshintergrundfarbe, E-Mail-Breite.
Der Hintergrund des E-Mail-Inhalts steht für den Hintergrund, der auf den gesamten E-Mail-Bereich angewendet wird. Beim Öffnen auf Desktop-Geräten deckt er den gesamten E-Mail-Nachrichtenbereich ab, während er auf mobilen Geräten ausgeblendet wird (der rote Hintergrund im obigen Beispiel).
Der Inhaltshintergrund steht für die Farbe in der E-Mail, die auf alle Container mit Produktkarten, Kontaktinformationen usw. angewendet wird. (das Foto eines Mädchens, wie im obigen Beispiel gezeigt).
Die E-Mail-Breite beträgt standardmäßig 600 px. Dies ist derzeit die gebräuchlichste Größe.
Wenn Sie diese Einstellungen vornehmen, reduzieren Sie die Zeit, die Sie für das Überarbeiten von E-Mail-Design aufwenden würden, erheblich. Wenn Sie sie einmal eingestellt haben, werden diese Parameter auf alle Inhaltselemente in E-Mails angewendet.
Wenn sich ein Stil, den Sie auf eine separate Zeile/Container/Block anwenden, von den im Abschnitt Allgemeine Einstellungen festgelegten Stilen unterscheidet, hat er Vorrang vor dem allgemeinen Stil.
- Wählen Sie in der Seitenleiste den Reiter „Aussehen“
- Wählen Sie den Reiter „Allgemeine Einstellungen“
- Stellen Sie die Parameter ein, die Ihnen gefallen oder die Ihrem Corporate Design entsprechen
Wir empfehlen Schriftarten, Farben, Buttons und Paddings auszuwählen, bevor Sie mit der Bearbeitung der E-Mail beginnen. Dennoch sollten die Hintergrundfarben für E-Mails und Inhalte nach der Fertigstellung der E-Mail festgelegt werden. Auf diese Weise sehen Sie, ob sie wirklich gut hineinpassen.
6.2. Titel bzw. Überschriften festlegen
Die allgemeinen Stile decken nur den „normalen“ Text in Ihren E-Mails ab. Daher sollten Sie die Schriftart, ihre Größe und ihren Stil für Überschriften, die in E-Mails verwendet werden sollen, separat festlegen.
Wenn Sie möchten, verwenden Sie Fettdruck oder Kursivschrift, oder stellen Sie sogar eine andere Schriftart ein, um Überschriften hervorzuheben.
- Klicken Sie in der Seitenleiste den Reiter „Aussehen“
- Wählen Sie dann den Reiter „Titel“
- Stellen Sie die Schriftgröße und die Farbe für jede Überschrift ein (H1, H2, H3)
6.3. Erstellen der E-Mail Struktur
Unter Inhalt/Strukturen legen Sie die gewünschte Struktur des E-Mails fest. Die links verfügbaren Strukturmöglichkeiten werden mit Drag&Drop in die rechts sichtbare E-Mail Struktur verschoben.
6.4. Elemente zum E-Mail hinzufügen
Unter Inhalt/Blöcke können nun die verfügbaren Elemente in die vorhandene Struktur mit Drag&Drop verschoben werden. Grundsätzlich sind alle Elemente selbsterklärend und sehr intuitiv zu konfigurieren. Wir gehen in folgenden Abschnitten auf die wichtigsten Elemente ein.
6.5. Bilder hinzufügen
Um zum Beispiel ein Logo als Header hinzuzufügen, gehen Sie auf Inhalt/ Strukturen und ziehen eine 1-spaltige Struktur in Ihre „leere Vorlage“
Klicken Sie auf den Button "Bild".
Alternativ können Sie auch das Bildsymbol auf die Struktur ziehen.
- Danach klicken Sie auf das markierte Feld um ein Bild hochzuladen oder ziehen ein Bild mit Drag & Drop auf diese Fläche.
- Das System wird Sie bitten, Ihr Bild im JPG-, PNG- oder GIF-Format einzufügen. Sie können auch einen externen URL-Link in Ihr Logo einfügen.
- Wenn Sie das Bannerbild nicht auf Ihrem Computer gespeichert haben, können Sie auch Weblinks zu diesem Bild einfügen. Fügen Sie im Feld „Externer Link“ den Link zu Ihrem Bild ein.
- Fügen Sie einen Hyperlink ein, der den Leser zu Ihrer Website führt.
- Fügen Sie dem Logo einen Alternativtext hinzu.
- Legen Sie die Größe des Logos fest, diese ist auch schon vorab ausgewählt und lässt sich verändern.
- Die zentrierte Ausrichtung ist standardmäßig eingestellt. Wenn Sie sie ändern möchten, klicken Sie auf die Ausrichtung „links“ oder „rechts“.
Bilder bearbeiten
Nachdem Sie das Bild hochgeladen haben, klicken Sie in der linken Seitenleiste rechts neben dem Bildausschnitt auf den Button „Bild bearbeiten“.
- In einem neuen Popup-Fenster wird Ihr Bild mit dem Pixie-Editor geöffnet.
- Hier können Sie Filter anwenden, Bilder in der Größe ändern und zuschneiden, darüber zeichnen. beliebigen Text darüberlegen, Aufkleber, Rahmen hinzufügen, Hintergründe anwenden.
- Wenn Sie mit der Bearbeitung fertig sind, klicken Sie im Pixie-Editor auf „Speichern“ - erst dann werden die Änderungen, die Sie am Bild vorgenommen haben, übernommen.
Wichtig zu beachten:
- Warum das Logo mit einem Link hinterlegen? - Oftmals klicken Empfänger darauf, um schneller auf Ihre Website zu gelangen.
- Warum Alternativtext zum Logo hinzufügen - Erstens, um die Anti-Spam-Filter zu passieren, zweitens, um den Benutzern Informationen darüber zu geben, worum es bei dem Bild geht, falls sie keine Bilder in E-Mails sehen, drittens, um die Best Practices zur Barrierefreiheit von E-Mails einzuhalten.
- Wenn Sie einen Hintergrund für die Zeile festlegen möchten, in der sich Ihr Logo und Ihr Menü befinden, dann verwenden Sie unbedingt eine URL zum Logo-Bild im PNG-Format mit transparentem Hintergrund.
6.6. Banner hinzufügen
Der Unterschied zwischen Bannern und Bildern: Normalerweise meinen wir mit Banner ein Bild, das bei Ihrer Zielgruppe Emotionen hervorruft, zusammen mit einem dazu passenden Text auf diesem spezifischen Bild.
SELLSATION bietet einen Bannergenerator, der es seinen Nutzern ermöglicht, anspruchsvolle Banner direkt im Editor zu erstellen.
So erstellen Sie ein E-Mail-Banner
- Ziehen Sie eine 1-spaltige Struktur in Ihre HTML-E-Mail-Vorlage.
- Ziehen Sie den Block „Banner“ in diese Struktur.
- Klicken Sie auf diesen Block in der Vorlage, um die Seitenleiste zu aktivieren;
- Laden Sie das Bild hoch, das Sie verwenden möchten.
- In der Seitenleiste schlägt das System vor, dass Sie das Bild bei Bedarf zuschneiden.
- Stellen Sie die Bildorientierung ein. Diese kann senkrecht, quadratisch und waagerecht sein. Letztere ist die häufigste.
- Wenden Sie Filter an.
- Fügen Sie den Link ein, der die Empfänger zu dem Ort führt, an dem sie das im Banner beschriebene Angebot finden können.
- Geben Sie Alternativtext ein - dieser Text wird den Empfängern angezeigt, wenn Bilder aus irgendeinem Grund nicht angezeigt werden können.
- Wenn Sie Text über das Bannerbild legen möchten, müssen Sie auf den Button „T“ in der oberen Einstellungsleiste klicken. Sobald es hell wird, müssen Sie erneut mit der linken Maustaste auf dieses Bild klicken.
- Im selben Moment sehen Sie die Aufschrift „Beschriftung“ auf dem Banner.
- Löschen Sie diese Beschriftung und geben Sie hier Ihren Text ein.
- Stellen Sie die Schriftgröße, die Schriftfarbe und die Schriftart ein.
- Wählen Sie unter den Bannerschriften diejenige aus, die am besten zu Ihrer E-Mail passt.
Zusätzliches Bild im Banner
Aktivieren Sie die Umschalttaste „zusätzliches Bild“ in der Seitenleiste. Das kann alles sein, was Sie möchten: Aufkleber, Rahmen, Logo, Hintergrund, um Ihren Text auffälliger zu machen.
Bitte beachten Sie:
Sobald Ihr Bannerbild hinzugefügt wurde, können Sie alle Bearbeitungsschritte in beliebiger Reihenfolge durchführen. Fügen Sie beispielsweise ein zusätzliches Bild ein, fügen Sie Text hinzu und wenden Sie erst dann Schriften an.
Um ein Banner wie dieses zu erstellen, machen Sie Folgendes:
- Laden Sie das Bild hoch.
- Stellen Sie die Bildorientierung ein.
- Fügen Sie ein zusätzliches Bild darüber ein.
- Legen Sie Text über die beiden Bilder.
Wichtig zu beachten:
Die Schriftgröße, der Stil und die Farbe, die Sie im Reiter Allgemeine Einstellungen festgelegt haben, werden nicht auf Banner angewendet.
Der Bannergenerator funktioniert wie Photoshop - Bilder, Text, Rahmen werden als separate Ebenen bearbeitet. Dennoch werden sie alle während des Exports zu einem einzigen Bild kombiniert. Das bedeutet, dass jeder Text, der über Banner platziert wird, von E-Mail-Clients als Bildelement betrachtet wird. Folglich wird er nicht durch die Standardeinstellungen ersetzt.
6.7. Text hinzufügen
- Fügen Sie zum Beispiel die 1-spaltige Struktur in Ihre HTML-E-Mail-Vorlage ein.
- Ziehen Sie einen „Text“-Block hinein, oder klicken Sie in dieser Struktur rechts auf den Button „Text“.
Legen Sie bei Bedarf Überschriften fest
In der Text Formatieren Leiste oben finden Sie eine Reihen von Möglichkeiten zur bestmöglichen Gestaltung des Textes.
Mit dem mit dem Pfeil gekennzeichneten Symbol können Sie Textteile mit Links versehen. Im linken Bereich des Bildschirms können Sie dann den Link definieren.
Platzhalter einfügen (zum Beispiel für die richtige Anrede)
SELLSATION bietet die Möglichkeit, Informationen, die bei Kunden, Ansprechpartnern und Projekten hinterlegt sind, den in Kampagnen bzw. E-Mails an den jeweiligen Kunden zu verwenden.
Das machen Sie mit dem Button "Platzhalter einfügen".
Im E-Mail Baukosten kann man die Platzhalter wie folgt direkt einfügen. Bei der jeweiligen Box auf Text klicken, danach öffnet sich oben die Textformatierungsleiste, wo auch der Button für die Platzhalter integriert ist.
Es stehen Ihnen eine Vielzahl von Platzhaltern zur Verfügung. So können Sie beispielsweise den Namen und die Kontaktdaten des Projektberaters (Kundenberaters) hinzufügen, so dass in einem etwaigen Begrüßungsmail an Ihren Kunden, auch gleich der richtige Ansprechpartner angefügt wird etc.
Mehr zu Anreden finden Sie weiter oben:
Vorkonfigurierte, automatisch erstellte Anreden mit Platzhaltern
6.8. Hinzufügen von Videos
Einfügen eines URL-Links in Ihr Video: Dies ist eine absolut sichere Art der Videoübertragung, da sie in allen E-Mail-Clients und auf allen Geräten einwandfrei funktioniert.
Wie man einen URL-Link in sein Video einfügt:
- Ziehen Sie eine Struktur in Ihre E-Mail-Vorlage.
- Ziehen Sie einen grundlegenden „Video“-Block hinein.
- Klicken Sie mit der linken Maustaste auf den Container in der E-Mail.
- In der Seitenleiste müssen Sie nur den Link zu Ihrem Video auf YouTube oder Vimeo einfügen.
- Unser System füllt das Feld „Alternativer Text“ automatisch aus.
- Wählen Sie die Farbe der „Abspieltaste“ - sie kann weiß, traditionell rot und schwarz sein.
- Unser System generiert automatisch die Miniaturansicht/das Vorschaubild für Ihre Videos. Sie können aber auch eine benutzerdefinierte Einstellung vornehmen.
So legen Sie eine benutzerdefinierte Miniaturansicht für Videos in E-Mails fest:
- Aktivieren Sie die Umschalttaste „benutzerdefinierte Miniaturansicht“ in der Seitenleiste.
- Laden Sie ein Bild hoch.
- Bearbeiten Sie es bei Bedarf.
- Sie können sogar ein animiertes GIF als Miniaturansicht einfügen, wenn Sie möchten. Es wird definitiv mehr Aufmerksamkeit auf das Video lenken.
- Die Abspieltaste wird ebenfalls über dem benutzerdefinierten Bild angezeigt, sie haben die Wahl zwischen verschieden designten Abspieltasten.
6.9. Hinzufügen von Buttons
Der Button ist in der Tat ein URL-Link, der schön gestaltet ist. Er sollte sichtbar sein, und der Text muss klar und prägnant sein. So erstellen Sie einen Button:
- Ziehen Sie den grundlegenden Button-Block in Ihre Vorlage.
- Tippen Sie auf den Button-Block in Ihrer HTML-E-Mail-Vorlage, um die Seitenleiste zu aktivieren.
- Fügen Sie den benötigten URL-Link ein.
- Geben Sie Ihr Buttonlabel ein.
- Legen Sie den Textstil fest, z.B. Schriftart, Schrifttyp und -größe.
- Stellen Sie die Button-Farbe und die Schriftfarbe ein.
- Stellen Sie den Randradius ein.
- Legen Sie die Ausrichtung fest.
- Legen Sie den Buttonrand fest, wenn Sie möchten.
- Richten Sie die inneren Paddings ein. Sie sind für den Leerraum in Ihrem Button verantwortlich. Es spielt es keine Rolle, wo genau im Button Ihre Kunden klicken. Der Weißraum ist ebenfalls anklickbar und macht die Buttons zudem attraktiver und klarer.
Richten Sie die äußeren Paddings ein - sie sind für den Leerraum außerhalb des Buttons, aber innerhalb des Containers, in dem er sich befindet, verantwortlich.
- Stellen Sie den Randradius ein, wenn Sie ovale Buttons mögen.
- Legen Sie die Ausrichtung fest.
- Legen Sie den Buttonrand fest, wenn Sie möchten.
- Richten Sie die inneren Paddings ein. Sie sind für den Leerraum in Ihrem Button verantwortlich.
- Richten Sie die äußeren Paddings ein - sie sind für den Leerraum außerhalb des Buttons, aber innerhalb des Containers, in dem er sich befindet, verantwortlich.
Buttons vordefinieren
- Unter Aussehen kann man Buttons auch vordefinieren, so das diese nicht immer neu gestaltet werde müssen.
- Hier können Sie auch den Hover-Effekt auf den Button anwenden, wenn Sie möchten:
In diesem Screenshot steht die „Button-Farbe“ für die Primärfarbe, die hervorgehobene Knopf-Farbe für die Farbe, die Ihre Benutzer sehen, wenn Sie die Maus darüber bewegen, und die Textfarbe für die Schriftfarbe. - Der Hover-Effekt funktioniert in den meisten E-Mail-Clients auf Desktop-Geräten. Er beeinträchtigt Ihren E-Mail-Auftritt auf mobilen Geräten und in E-Mail-Clients, die keine Buttons mit Hover-Effekt unterstützen nicht.
6.10. Hinzufügen von Spacern
- Ziehen Sie die 1-spaltige Struktur in Ihre HTML-E-Mail-Vorlage.
- Ziehen Sie den Block „Spacer“ hinein.
Mit einem Klick wird die Seitenleiste aktiviert.
- Stellen Sie die Farbe ein.
- Um die „Dicke“ Ihres Spacers einzustellen, müssen Sie die „Zahlen“ im Bereich „Linie“ einstellen – Mit Plus Zahlen vergrößern/Mit Minus Zahlen verringern.
- Sie können auch den Stil Ihrer Linie wählen. Sie kann solide, gestrichelt oder gepunktet sein.
- Stellen Sie die Breite ein — die Breite wird hier in % angegeben, nicht in Pixel!
- Geben Sie die Ausrichtung des Spacers an. Standardmäßig ist die zentrierte Ausrichtung eingestellt. Wenn Sie möchten, dann ändern Sie es bitte im Bereich „Ausrichtung“.
- Aktivieren Sie die Umschalttaste „Responsiver Abstandhalter“, damit ein Spacer auf mobilen Geräten richtig dargestellt wird.
- Falls erforderlich, richten Sie die Paddings ein.
6.11. Hinzufügen von Social-Media-Symbolen
- Ziehen Sie den Block „Sozial“ in Ihre Vorlage;
- Mit einem Doppelklick wird die Seitenleiste aktiviert.
- Standardmäßig sehen Sie 4 Symbole. Wenn diese nicht ausreichen, klicken Sie auf den Button „Plus“, um zusätzliche Symbole in Ihrer E-Mail hinzuzufügen.
- Aktivieren Sie in der Seitenleiste neben dem Social-Media-Symbol die Umschalttaste „mehr“, um an einem bestimmten sozialen Netzwerk zu arbeiten.
- Fügen Sie die entsprechenden URL-Links ein.
- Geben Sie Titel und Alt-Text ein.
- Legen Sie den Stil für die Symbole fest.
- Stellen Sie die Größe ein.
- Und schließlich stellen Sie die Paddings und Einrückungen zwischen den Symbolen ein.
6.12. Formatierungen, Hintergrundfarbe und -bild
Hintergründe, die auf einzelne Behälter/Streifen (auch bekannt als Zeilen) angewendet werden, helfen Ihnen, die Aufmerksamkeit des Empfängers auf bestimmte Elemente zu lenken. Hintergründe, die auf ganze E-Mails angewendet werden, lassen Ihr Design vollständig und einheitlich aussehen.
6.12.1. E-Mail Footer: So formatieren Sie einen Behälter/Container, eine Struktur oder einen Container
Die E-Mail-Fußzeile enthält in der Regel Kontaktinformationen, wie Ihre Website-Adresse, den Grund, warum Sie etwas an die Empfänger geschickt haben, Links zu Ihren Social-Media-Profilen, die hinter den Social-Media-Symbolen versteckt sind, den Abmeldelink und den Namen der Person, die für die Newsletter-E-Mail verantwortlich ist. Letzteres ist optional, aber alle vorangestellten Elemente sind obligatorisch.
Wir beschreiben nun, wie man eine Fusszeile erstellt.
Hier sehen Sie, dass Behälter/Container in eine Struktur eingebettet sind. Der linke Behälter ist markiert.
Man kann mit Drag&Drop Blöcke in eine Struktur legen:
Im linken Teil des Screens kann man dann die Struktur formatieren.
Wir haben die Hintergrundfarbe blau gewählt und auch in den Behältern den Schriftrand bearbeitet und die den rechten Teil des Textes rechtsbündig gemacht.
Die Ebene über der Struktur nennt sich Streifen.
Im linken Bereich kann man wie gewohnt die Formatierung ändern.
Man kann auch innerhalb der E-Mail bei transparent gebliebenen Hintergründen die Farbe ändern etc.
6.12.2. Hintergrundfarbe und Hintergrundbilder
Auch kann man Hintergrundbilder erstellen, ein nicht an die Breite angepasstes Hintergrundbild sieht so aus, wird aber nicht von allen E-Mail-Klienten unterstützt.
So legen Sie ein Hintergrundbild für die gesamte E-Mail fest
Das Hintergrundbild wird nur auf Desktop-Geräten angezeigt, nicht auf Mobiltelefonen.
- Aktivieren Sie im Reiter Allgemeine Einstellungen die Umschalttaste „Hintergrundbild“;
- Fügen Sie ein Bild hinzu.
- Legen Sie die Position des Bildes fest;
- Klicken Sie auf den Button „Wiederholen“, wenn Sie möchten, dass Ihr Bild auf die gesamte E-Mail angewendet wird, egal wie lang sie ist.
Wichtig zu beachten:
Einige E-Mail-Clients, wie z.B. Outlook, zeigen das Hintergrundbild möglicherweise nicht an. Wir empfehlen daher, auch eine dem Hintergrundbild ähnliche Hintergrundfarbe für die gesamte E-Mail anzulegen.
Um zwischen der Formatierung von Behältern/Containern, Strukturen und Streifen zu wechseln, können Sie auch im linken Bereich die Buttons nutzen. Zum Beispiel:
6.13. Erstellung von Countdown-Timern für E-Mails
Countdown-Timer in E-Mails schaffen ein Gefühl der Dringlichkeit, informieren die Empfänger über die Dauer des Verkaufs oder informieren sie darüber, wie bald ein bestimmtes Ereignis beginnt.
Sie können einen Timer für Ihre HTML-E-Mail-Vorlage direkt im Editor erstellen, gestalten und hinzufügen.
So erstellen Sie einen Countdown-Timer und fügen ihn zu E-Mails hinzu:
- Ziehen Sie eine Struktur in Ihre Vorlage;
- Ziehen Sie den grundlegenden Block „Timer“ hinein.
Klicken Sie mit der linken Maustaste auf diesen Container in der E-Mail-Vorlage, um die Seitenleiste zu aktivieren und mit dem Timer zu arbeiten;
- Stellen Sie das Enddatum und die genaue Uhrzeit ein;
- Wählen Sie die Zeitzone;
- Legen Sie die Hintergrundfarbe des Timers fest, die am besten zu Ihrem E-Mail-Design passt;
- Nehmen Sie bei Bedarf Änderungen an der Größe und Farbe der Zahlen vor. Stripo verwendet zunächst die Parameter, die Sie bei den allgemeinen Einstellungen angegeben haben;
- Aktivieren Sie die Umschalttaste „Tage anzeigen“, wenn Sie möchten, dass die Empfänger sehen, wie viele Tage noch übrig sind. Andernfalls werden sie nur Stunden und Minuten sehen. „5 Tage 20 Stunden“ sind leichter wahrzunehmen als „116 Stunden“;
- Ändern Sie bei Bedarf den Datumsstil. Standardmäßig verwenden wir „:“ (Doppelpunkt), um Tage von Stunden, Minuten und Sekunden zu trennen. Sie können auch „- und /“ einstellen;
- Aktivieren Sie die Umschalttaste „Nummernlabels“, um die Namen „Tage“, „Stunden“, „Minuten“ und „Sekunden“ unter den jeweiligen Zahlen anzuzeigen;
- Legen Sie Farbe, Schriftart und -größe für die Labels fest;
- Aktivieren Sie die Umschalttaste „Bild abgelaufener Timer“;
- Laden Sie das Bild hoch (wie im jeweiligen Absatz erläutert), das den Kunden nach Ablauf des Timers angezeigt wird. Dies ist optional, aber wir empfehlen dringend, es zu tun - so informieren Sie die Empfänger, dass der Gutschein abgelaufen ist und sie ihn nicht mehr verwenden können;
- Fügen Sie einen URL-Link ein, der die Empfänger entweder zu Ihrer Website oder zu einer bestimmten Seite auf Ihrer Website führt, wenn Sie das Preisangebot im Detail beschreiben. Dieser Link gilt auch für das „Bild abgelaufener Timer“;
- Geben Sie den Alternativtext für die Barrierefreiheit an.
6.14. Hinzufügen eines Menüs
- Klicken Sie den „Inhaltsreiter“ in der Seitenleiste;
- Ziehen Sie die 1-spaltige Struktur und setzen Sie sie unter das Logo;
- Öffnen Sie nun den Reiter „Blöcke“;
- Ziehen Sie einen Menüblock und bewegen Sie ihn in Ihre Vorlage;
- Fügen Sie zusätzliche Menüpunkte hinzu, wenn Sie möchten. Standardmäßig werden drei angezeigt;
- In der Seitenleiste müssen Sie nun wählen, ob Sie Symbole, Links oder beides verwenden möchten. „Icons“ stehen für die Bilder im Menü, während „Links“ für die Namen der Menüreiter stehen;
- Sobald Sie den Link-Typ ausgewählt haben, werden Sie sehen, dass die Farbe und Schriftart Ihrer Links, die Sie zuvor im Abschnitt "Allgemeine Einstellungen" eingestellt haben, bereits auf die Menü-Links angewendet werden. Ich habe sie fett gedruckt, indem ich auf das Symbol "B" in der Seitenleiste geklickt habe;
- Jetzt müssen Sie jedem Menüpunkt einen Namen geben;
- Geben Sie die notwendigen URL-Links ein;
- Wenn Sie einige Elemente für Mobiltelefone ausblenden möchten, klicken Sie einfach auf das Symbol „Auf Mobiltelefon ausblenden" bei "Element verstecken"
6.14. Einstellungen für die E-Mail-Darstellung auf mobilen Geräten
Ja, im Reiter Allgemeine Einstellungen haben Sie bereits Ihre Einstellungen vorgenommen. Sie sind jedoch nur für den Desktop anwendbar. Sie müssen auch Ihre Einstellungen für Mobiltelefone festlegen. Warum sollten Sie das tun?
Da Ihre Schriftgröße beispielsweise 14 px beträgt, aber für Mobiltelefone klein erscheint, sind 16 px hier besser geeignet.
Aber für den Infobereich/die Fußzeile zum Beispiel, reichen 12 px aus.
Und es ist wichtig, die „volle Breite“ für Buttons auf Mobiltelefonen zuzulassen.
So legen Sie Einstellungen für die mobile Ansicht fest:
- Klicken Sie in der Seitenleiste auf den Reiter „Aussehen“;
- Klicken Sie auf den Reiter „Mobile Ansicht“;
- Legen Sie Ihre Einstellungen für die Größe der Überschriften, für die Textgröße in verschiedenen Inhaltsbereichen und die Textgröße in Buttons fest.
Kommentare
0 Kommentare
Zu diesem Beitrag können keine Kommentare hinterlassen werden.