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 das Dropdown-Menü „Aktionen“ und wählen Sie dann „Bearbeiten“ aus. Oder klicken Sie oben rechts auf „CTA erstellen“.
-
Klicken Sie im eingeblendeten Bereich 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.
- Klicken Sie unten rechts auf „Weiter >“, um das Erstellen oder Bearbeiten Ihres CTA abzuschließen.