Zum Hauptinhalt
Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.
CTAs

Hinzufügen benutzerdefinierter Stile zu Ihrem CTA

Zuletzt aktualisiert am: August 30, 2021

Produkte/Lizenzen

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Ehemaliges Marketing Hub Basic

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“edit-or-create-new-cta
  • 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.