Hinzufügen benutzerdefinierter Stile zu Ihrem CTA
Zuletzt aktualisiert am: Januar 18, 2023
Verwenden Sie die erweiterten Optionen von HubSpot für CTAs, um flexibel personalisierbare CTA-Schaltflächen zu erstellen, die hervorragend zu Ihrem Website-Design passen.
Bitte beachten:Benutzerdefinierte Stile können nur auf benutzerdefinierte Schaltflächen angewendet werden und nicht auf Bild-Schaltflächen.
- Gehen Sie in Ihrem HubSpot-Account zu Marketing > Lead-Erfassung > CTAs.
- Bewegen Sie den Mauszeiger über einen CTA, klicken Sie auf „Aktionen“ > „Bearbeiten“, oder klicken Sie auf „CTA erstellen“.
-
Scrollen Sie im Einblendbereich nach unten und klicken Sie auf „Erweiterte Optionen“.
- Es gibt zwei Möglichkeiten, um benutzerdefiniertes CSS-Styling auf Ihren CTA anzuwenden
- Wenn Sie Ihrem CTA eine benutzerdefinierte Klasse hinzufügen möchten, können Sie dazu das Feld „Benutzerdefinierte CSS-Klasse“ verwenden, das die Eingabe benutzerdefinierter Klassen unterstützt. Dies ist nützlich, wenn mehrere CTAs über Ihre Website hinweg eine ähnliche Zusammenstellung an Designcharakteristika teilen sollen, z. B. Schriftfamilien, Größen oder sogar Abstände und Ränder. Wenn Sie eine benutzerdefinierte CSS-Klasse verwenden, stellen Sie sicher, dass die Klasse in dem CSS-Stylesheet, das als Hauptstil angewendet wird, für Ihre HubSpot-Seiten berücksichtigt und formatiert wird.
- Wenn nur die benutzerdefinierten Stile auf den CTA angewendet werden sollen, den Sie bearbeiten, können Sie im Feld „Benutzerdefinierte CSS“ das spezifische Inline-Styling für diesen CTA anwenden. Wenn ein Element des CTA geändert werden soll, fügen Sie hier eine neue Stil-Deklaration hinzu, bevor Sie Ihre Änderungen speichern.
Bitte beachten: Wenn Sie benutzerdefinierte CSS-Stile auf Ihren CTA anwenden, sollten Sie nur entweder die Option „Benutzerdefinierte CSS-Klasse“ oder die Option „Benutzerdefinierte CSS“ verwenden. Wenn beide Optionen angewendet werden, kann es zu Problemen mit den Stilen Ihres CTA oder der Anzeige kommen.

- Klicken Sie unten rechts auf „Weiter >“, um das Erstellen oder Bearbeiten Ihres CTA abzuschließen.
Verwandte Artikel
-
Exportieren Sie Ihre Inhalte und Daten
Erfahren Sie, wie Sie Ihre HubSpot-Inhalte und -Daten aus Ihrem Account, z. B. Seiten, Kontakte und Dateien,...
Wissensdatenbank -
Beschränken Sie den Zugriff auf Ihre HubSpot-Assets
Sie können den Zugriff auf Inhalte, Daten und vieles mehr einschränken, so dass nur die richtigen Teams und...
Wissensdatenbank -
Videos zu Ihren HubSpot-Inhalten hinzufügen
Mit HubSpot Video können Sie Videos in das Datei-Tool hochladen und sie dann zu Seiten, Marketing-E-Mails,...
Wissensdatenbank