Hinzufügen benutzerdefinierter Stile zu Ihrem CTA
Zuletzt aktualisiert am: August 30, 2021
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.
Thank you for your feedback, it means a lot to us.
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 -
Videos zu Ihren HubSpot-Inhalten hinzufügen
Mit HubSpot Video können Sie Videos in das Dateien-Tool hochladen und sie dann zu Seiten, Marketing-E-Mails,...
Wissensdatenbank -
HubSpot-Elemente gliedern
Elemente in HubSpot können so gegliedert werden, dass nur die richtigen Teams und Benutzer sie anzeigen und...
Wissensdatenbank