Mit dem benutzerdefinierten HTML-Code-Editor kannst du deine eigene HTML-Datei hochladen, um ganz individuelle E-Mails zu gestalten. Er eignet sich optimal, wenn du bereits eine von einer Agentur codierte E-Mail hast, die außerhalb von Brevo erstellt wurde.  

Erste Schritte

• Einige E-Mail-Clients unterstützen nicht alle HTML-Inhalte, da E-Mail-HTML nicht so weit entwickelt ist wie Web-HTML. Um Probleme mit deinem Code im HTML-Editor und -Block zu vermeiden, lies unseren speziellen Artikel Einschränkungen bei der Verwendung von HTML für deine E-Mail-Designs an.
• Wir empfehlen, Bilder über das Attribut <img src= [...] > hinzuzufügen, anstatt sie direkt in deine E-Mail einzubetten.
  💡 Gut zu wissen

  Wenn du ein Bild einbetten musst, solltest du es zuerst einfügen und dann die entsprechende Option in den zusätzlichen Einstellungen deiner Kampagne aktivieren. Denke daran, dass eingebettete Inhalte auf das Größenlimit deiner E-Mail angerechnet werden und nur bis zu 1 MB der maximalen Größe von 5 MB verwenden können.

🧑‍💻 Zugriff auf den HTML-Editor für benutzerdefinierten Code 

So beginnst du mit dem HTML-Editor zu gestalten:

1. Erstelle eine E-Mail-Kampagne oder ein E-Mail-Template und richte es ein. 
2. Im Schritt Design kannst du ein E-Mail-Template auswählen, mit dem du beginnen möchtest.

3. Je nachdem, ob du ein E-Mail-Template oder eine Kampagne erstellst, ist die Vorgehensweise unterschiedlich:

   E-Mail-Kampagne E-Mail-Template

   Klicke auf Start designing (Entwurf starten) und dann auf Start from scratch > HTML custom code (Von Grund auf neu beginnen > HTML-Benutzerdefinierter Code).

   

   Gehe auf die Registerkarte Code your own (Eigener Code) und klicke auf Paste your code (Code einfügen).

   

Es öffnet sich der HTML-Editor, in den du deine eigene HTML-Datei hochladen kannst, um deine E-Mail zu gestalten! Beim nächsten Mal kannst du deine zuvor erstellten E-Mails aus den Kategorien Your emails (Meine E-Mails) (Kampagne) oder My templates/Campaigns (Meine Templates/Kampagnen) (Template) auswählen.Verwende deine mit dem HTML-Editor gestalteten E-Mails in deinen E-Mail-Kampagnen, Automatisierungen und Unterhaltungen! 

Hochladen einer HTML-Datei 

Sobald du den HTML-Editor geöffnet hast, gehst du wie folgt vor: 

1. Öffnen Sie die HTML-Datei, um den Code anzuzeigen. Sie können: 
   • die Datei in einem Texteditor öffnen, wenn Sie einen haben, oder
   • die Datei in Ihrem Browser öffnen. Rechtsklicken Sie auf die Seite und wählen Sie View Page Source (Quellcode der Seite anzeigen). 
     
2. Wählen Sie den gesamten Code aus und kopieren Sie ihn.
3. Im Bereich Design deiner E-Mail-Erstellung rufst du den Editor für den benutzerdefinierten HTML-Code auf.
4. Füge den Code in den HTML-Editor für benutzerdefinierten Code ein.
5. (Optional) Klicke auf Actions  > Save as template (Aktionen > Als Template speichern), um dein HTML-Design als Template zu speichern und es in zukünftigen Kampagnen oder Automatisierungen wiederzuverwenden. Benenne es, damit du es in deiner Liste der E-Mail-Templates leicht wiederfinden kannst, und klicke auf Save as template (Als Template speichern). 
   
   ❗️ Wichtig

   Alle Änderungen, die Sie nach dem Speichern als Template an Ihrem Design vornehmen, wird im Template nicht wiedergegeben.
6. Klicke auf Save & quit (Speichern und Beenden).
7. Eine kleine Vorschau deiner Kampagne wird im Bereich Design bei der Erstellung deiner E-Mail angezeigt.

Du kannst deine E-Mail-Kampagne jetzt in der Vorschau anzeigen und testen, ob sie funktioniert!

⏭️ Nächste Schritte

• Vorschau und Test deiner E-Mail
• Einschränkungen bei der Verwendung von HTML für dein E-Mail-Design

🤔 Sie haben eine Frage?

Wenden Sie sich bei Fragen an unser Support-Team: Erstellen Sie einfach ein Ticket über Ihr Konto. Wenn Sie noch kein Konto haben, können Sie uns hier kontaktieren.

Wenn Sie Unterstützung bei einem Projekt mit Brevo suchen, können wir Sie mit der richtigen zertifizierten Brevo-Partneragentur verbinden.