Hilfe & Wissen Wie kann ich ein personalisiertes Bild erstellen und in einem Newsletter einbinden?

Wie kann ich ein personalisiertes Bild erstellen und in einem Newsletter einbinden?

Die erforderlichen Schritte umfassen:

  1. Erstellung einer Landingpage, auf der zunächst ein Bild angezeigt wird. Anschließend wird mithilfe von HTML oder Javascript eine personalisierte Botschaft unter Verwendung der Templatesprache hinzugefügt.
  2. Freigabe der Landingpage als Bild unter Verwendung unseres Hyperpers-Features.
  3. Integration des Bildes in den Newsletter.
  4. Ergebnis in der E-Mail.

Erstellung einer Landingpage

Unter Verwaltung->Landingpages erstellen wir Bsp. folgende Landingpage.

<html>
<body style="padding:0px;margin:0px;">
<div style="background-color:#1D4752;width:500px;height:300px;border:5px solid white;">
  <img style="top:250px;position:relative;left:10px;" alt="kajomi"  src="https://www.kajomi.de/wp-content/uploads/2021/05/logo-kajomi-white.svg" width="150"/>
  <div style="font-size:50px;width:500px;text-align:center;position:relative;top:-20px;right:10px;color:#ffffff;font-family:arial;">
  Vielen Dank,<br/> %firstname%!
  </div>  
</div>  
</body>
</html>

Freigabe der Landingpage als Bild

Die erstellte Landingpage sollte nun gespeichert werden. Anschließend klicken Sie auf "Als Bild/Animation" und aktivieren Sie die Option "Aktiv" in den Einstellungen. Für Gerät (Device) und Bildschirm (Screen) stellen Sie die Breite auf 510 und die Höhe auf 310 ein. Verwenden Sie als Query-Parameter einfach ein "u". Dies bedeutet, dass die Benutzerangabe beim Erstellen des Bildes als variabler Query-Teil übernommen wird. Abschließend klicken Sie auf "Speichern".

Landingpage Einstellung Device

Integration des Bildes in den Newsletter

Klicken Sie auf der Landingpage auf "Embed-Code" und wählen Sie bei GIF oder PNG den entsprechenden Link aus.

Embed Code

Dadurch wird die Bild-URL in die Zwischenablage kopiert. Anschließend binden Sie die Bild-URL in eine HTML-E-Mail ein. Hier ein Beispiel:

<html>
<body>  
  <img src="https://lisman.kjm6.de/l/3ec24597-d972-49a5-b3d5-cc148b37151f.png?u=%uid%&msgid=%msgid%" />
</body>
</html>

Alternativ können Sie die Bild-URL natürlich auch direkt in ein Bild des E-Mail-Builders einfügen.

Ergebnis in der E-Mail

Das Ergebnis in der E-Mail wird folgendermaßen dargestellt:

Personalisiertes Bild