HTML mit dem E-Mail-Designer verwenden

ActiveCampaign Tarife
Starter
Plus
Pro
Enterprise

Mit dem E-Mail-Designer von ActiveCampaign können Sie ganz einfach zwischen Code und dem Drag-and-Drop-Designer wechseln. Auf diese Weise haben Sie die volle Flexibilität, eine Kampagne zu erstellen, die Ihren Unternehmenszielen am besten entspricht und eine einfache Fehlerbehebung ermöglicht.

Hinweise

  • Sie müssen mit HTML und CSS vertraut sein, um diese Option nutzen zu können
  • Unser CX-Team kann Ihnen nicht bei der Erstellung oder Fehlerbehebung von Code helfen, den Sie im E-Mail-Designer erstellen

Zugriff auf die Code-Option

  1. Klicken Sie im E-Mail-Designer Ihrer direkten oder automatisierten Kampagne unter auf die Schaltfläche "Code".

    Code-Editor-Symbol.jpeg

  2. Das Code-Panel wird am unteren Rand des Designers geladen. Hier können Sie den Code für Ihre E-Mail einsehen.

    Beachten Sie, dass der Codebereich den von Ihnen ausgewählten Bereich anzeigt. Wenn Sie keinen Bereich ausgewählt haben, handelt es sich um den HTML/CSS-Code der gesamten E-Mail.

  3. Um den Code anzupassen, klicken Sie auf auf den Bereich, den Sie aktualisieren möchten, und fügen Sie den Code hinzu oder bearbeiten Sie ihn unter .
  4. Um die Code-Ansicht zu verlassen, klicken Sie auf erneut auf die Code-Schaltfläche.

Erstellen Sie eine neue Vorlage mit dem E-Mail-Designer und benutzerdefiniertem Code

Sie können im E-Mail-Designer eine Vorlage erstellen, die benutzerdefinierten Code verwendet.

  1. Klicken Sie auf der Seite Kampagnen auf "Kampagnenvorlagen"
  2. Klicken Sie auf die Schaltfläche "Vorlage erstellen".
  3. Klicken Sie auf die Option "E-Mail-Designer" und dann auf "Weiter"
  4. Auf der nächsten Seite klicken Sie auf die Option "Neu beginnen".
  5. Der E-Mail-Designer wird geladen. Klicken Sie auf die Schaltfläche "Code".

    Code-Editor-Symbol.jpeg

  6. Das Code-Panel wird unten auf der Seite geöffnet und zeigt HTML und CSS an.
    • Um benutzerdefinierten HTML-Code hinzuzufügen, fügen Sie ihn in das HTML-Feld ein
    • Um benutzerdefiniertes CSS hinzuzufügen, klicken Sie auf "CSS", um das Feld zu erweitern, und fügen Sie dann Ihr CSS hinzu.

      CSS-Option im HTML-Code-Editor.jpeg

  7. Wenn Sie fertig sind, klicken Sie auf die Schaltfläche "Code", um Ihre Arbeit zu sehen. Sie können auch die Drag-and-Drop-Optionen verwenden, um Ihre E-Mail zu vervollständigen (falls erforderlich).

Fehlerbehebung für Ihren Entwurf

Wenn ein Text oder eine Schaltfläche nicht korrekt dargestellt wird, können Sie den E-Mail-Code anzeigen und anpassen, indem Sie auf die Schaltfläche "Code" klicken. Der einfache Zugriff auf den Code hilft Ihnen bei der Fehlersuche und der Anpassung des E-Mail-Stils.

Haben Sie weitere Fragen? Anforderung einreichen

Start free trial