Mit dem E-Mail-Designer von ActiveCampaign können Sie problemlos HTML in Ihrem E-Mail-Design verwenden. 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.
Hinweis
- Dieser Artikel bezieht sich auf den 2022 eingeführten E-Mail-Designer. Wenn Sie wissen möchten, wie Sie die HTML-Optionen für den Classic Designer nutzen können, lesen Sie bitte Classic Designer: Verwendung des HTML-Inhaltsblocks bei Kampagnen
- 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
- Iframes werden in E-Mail-Kampagnen nicht unterstützt
Um den HTML-Inhaltsblock hinzuzufügen:
Eine Möglichkeit, HTML zu Ihrer Kampagne hinzuzufügen, ist der HTML-Inhaltsblock. Mit dieser Option fügen Sie dem Inhaltsblock nur HTML-Code hinzu. Sie gilt nicht für den Rest der Inhaltsblöcke im E-Mail-Designer.
- Klicken Sie im E-Mail-Designer auf das Drop-down-Menü "Blöcke" im rechten Menü.
- Blättern Sie auf bis zur Option HTML-Block.
- Ziehen Sie den Inhaltsblock "Produkte" in Ihre E-Mail. Der HTML-Block wird im Fenster des E-Mail-Designers angezeigt.
- Klicken Sie auf den HTML-Block, um den Code-Editor aufzurufen.
- Fügen Sie Ihr eigenes HTML in den Code-Editor ein.
- Um den Code-Editor zu verlassen, klicken Sie unter auf einen beliebigen Block im E-Mail-Designer.
Zugriff auf die Code-Option
Um eine bessere Kontrolle über den E-Mail-Designer zu erhalten, können Sie den HTML-Code Ihrer E-Mail über die Schaltfläche Code bearbeiten.
- Klicken Sie im E-Mail-Designer unter auf die Schaltfläche "Code". Diese Option befindet sich oben rechts im Bericht.
- 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 Code-Editor HTML und CSS für jeden Inhaltsblock anzeigt, auf den Sie klicken. Wenn Sie keinen Inhaltsblock auswählen, wird im Editor der Code für die gesamte E-Mail angezeigt. - 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 .
- 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.
- Klicken Sie auf der Seite Kampagnen auf "Kampagnenvorlagen"
- Klicken Sie auf die Schaltfläche "Vorlage erstellen".
- Klicken Sie auf die Option "E-Mail-Designer" und dann auf "Weiter"
- Auf der nächsten Seite klicken Sie auf die Option "Neu beginnen".
- Der E-Mail-Designer lädt Ihre Kampagne. Klicken Sie auf die Schaltfläche “Fertig” Schaltfläche.
- Das Code-Panel wird unten auf der Seite geöffnet und zeigt HTML und CSS an.
-
Hinzufügen oder Bearbeiten von HTML im Code-Editor
- Um benutzerdefinierte CSS hinzuzufügen, klicken Sie auf "CSS" auf der rechten Seite, um das Feld zu erweitern, und fügen Sie dann Ihr CSS hinzu.
-
Hinzufügen oder Bearbeiten von HTML im Code-Editor
- 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.
Bitte stellen Sie sicher, dass Ihr HTML-Code die folgenden Tags nicht enthält, da sie von E-Mail-Clients (wie Gmail, Yahoo und anderen) nicht unterstützt werden:
- <button>
- <form>
- <input>
- <select>
- <textarea>
- <iframe>
- <script>
- <video>