Hintergrundfarbe einer bestimmten Marketing-E-Mail ändern
Zuletzt aktualisiert am: Januar 18, 2023
Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):
|
Ehemaliges Marketing Hub Basic |
Wenn Sie den aktualisierten klassischen E-Mail-Editor verwenden und die Hintergrundfarbe für alle Ihre E-Mail-Vorlagen ändern möchten, können Sie die Standardfarben in Ihren Einstellungen bearbeiten. Wenn Sie nur bei einer bestimmten Marketing-E-Mail die Hintergrundfarbe ändern möchten, erstellen Sie eine HTML-Version Ihrer Vorlage, um die Standardhintergrundfarbe zu aktualisieren.
Bitte beachten: Diese Methode erfordert grundlegende Kenntnisse im Schreiben und Bearbeiten von HTML-Code.
Wenn Sie eine E-Mail im Drag-&-Drop-Editor bearbeiten, können Sie auf der Registerkarte Design die Textfarbe ändern.
So verwenden Sie HTML, um die Hintergrundfarbe für eine bestimmte E-Mail-Vorlage zu ändern:
- Gehen Sie in Ihrem HubSpot-Account zu Marketing > Dateien und Vorlagen > Design-Manager.
- Klicken Sie im linken Bereich auf den Namen der zu aktualisierenden Vorlage.
- Klicken Sie oben links auf das Dropdown-Menü Aktionen und wählen Sie Zu HTML klonen aus, um eine kodierte E-Mail-Datei von dieser Vorlage zu erstellen.

- Drücken Sie in der kodierten E-Mail-Datei Strg + F oder Cmd + F und geben Sie {{ background_color }} in die Suchleiste ein.
- Drücken Sie die Eingabetaste oder Return-Taste, um alle Instanzen dieses Tokens hervorzuheben.
- Ersetzen Sie alle Instanzen von {{ background_color }} mit einem gewünschten # Hexadezimal-Farbwert. Sie müssen ggf. zur Registerkarte Vorschau in Ihrer kodierten Datei wechseln, um Ihre Änderungen zu prüfen und sicherzustellen, dass die richtigen Token aktualisiert wurden.
- Klicken Sie auf Änderungen veröffentlichen.
Weiterführende Literatur
Wenn Sie mit HubL vertraut sind, können Sie die Variablen {{ background_color }} in Ihrer kodierten Datei vor dem öffnenden <html>-Tag definieren. Weitere Informationen über diese erweiterte Methode finden Sie in der Designer-Dokumentation der HubSpot-Software.
Bitte beachten: Der HubSpot-Support kann keine technische Unterstützung für benutzerdefinierte kodierte Vorlagen bereitstellen. Wenden Sie sich bei Fragen zum Code Ihrer HTML-E-Mail an Webdesigner und HubSpot-Spezialisten im HubSpot Design Forum.
Verwandte Artikel
-
Click-to-Call- oder Mailto-Hyperlink erstellen
Wenn sie angeklickt werden, verbinden Click-to-Call-Schaltflächen Besucher auf mobilen Geräten mit einer...
Wissensdatenbank -
Smart-Content-Regeln erstellen und verwalten
Smart-Content-Module zeigen unterschiedliche Versionen Ihres Contents basierend auf der Besucherkategorie an....
Wissensdatenbank -
Marketing-E-Mails im Drag-&-Drop-Editor für E-Mails erstellen
Der Drag-&-Drop-Editor für E-Mails von HubSpot bietet eine intuitive Benutzeroberfläche zum Skalieren der...
Wissensdatenbank