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.
CTA

CTA-Größe bearbeiten

Zuletzt aktualisiert am: März 22, 2019

Produkte/Lizenzen

Marketing Hub  Professional, Enterprise
Basic

Passen Sie die Größe Ihrer CTA mithilfe der integrierten Größenoptionen und der benutzerdefinierten CSS an. 

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > Lead-Erfassung > CTAs.
  • Bewegen Sie den Mauszeiger über eine CTA, klicken Sie auf das Dropdown-Menü Aktionen und wählen Sie dann Bearbeiten aus.
  • Klicken Sie im Slide-in-Fenster auf Erweiterte Optionen.

  • Deaktivieren Sie das Kontrollkästchen Größe automatisch festlegen und geben Sie dann Größenwerte in den Feldern Horizontales Auffüllen und Vertikales Auffüllen ein.
  • Klicken Sie auf Weiter >
  • Klicken Sie auf Speichern und dann auf Fertigstellen

So füllt die CTA die gesamte Breite des Containers oder Moduls aus, nachdem Sie Ihre benutzerdefinierte Button-CTA entworfen haben:

  • Deaktivieren Sie das Kontrollkästchen Automatisch anpassen
  • Geben Sie im Feld Benutzerdefinierte CSS Ihre benutzerdefinierte CSS ein.
  • Legen Sie die Breite fest auf Breite: 100%;
  • Klicken Sie auf Weiter >
  • Klicken Sie auf Speichern und dann auf Fertigstellen.

Wenn Sie eine Bild-CTA auf Ihrer Nicht-HubSpot-Website einbetten, müssen Sie möglicherweise zusätzliche CSS-Deklarationen (z. B. Breite: 100%;) in Ihrem Stylesheet anwenden, um die Bild-CTA responsiv zu gestalten.

Was ist eine Retina-Optimierung?

Durch die Retina-Optimierung wird das Bild Ihrer CTA ansprechender, wenn sie auf Ihren Websiteseiten und in E-Mails angezeigt wird, wenn Ihre Empfänger die CTA in modernen Versionen von Apple Mail und iOS Mail anzeigen. Dies wird von Outlook oder Webmail-Diensten, wie Gmail, nicht unterstützt.  

Retina-Optimierung wird unterstützt, wenn Sie ein Bild hochladen, das mindestens zweimal für die CTA benötigt wird, wie zum Beispiel wie Retina-support für alle Bilder im Internet. Wenn Sie eine CTA mit einer Größe von 400 px x 100 px erstellen, muss das hochgeladene Bild 800 px x 200 px groß sein, um eine @2-Pixeldichteanzeige zu unterstützen. CTAs unterstützen das Hinzufügen bis zu einer 4x-Version, also in diesem Fall das Hochladen eines Bilds mit der Größe 1600 px x 400 px. Die CTA wird mit dem Attribut „srcset“ automatisch auf Ihrer Website dargestellt und stellt die Version 1x, 2x, 3x und 4x je nach Verfügbarkeit bereit. 

Wenn das Bild mit der Größe hochgeladen wird, wird die CTA entsprechend dargestellt (z. B. wird für eine CTA mit 400 px x 100 px ein Bild mit 400 px x 100 px hochgeladen). In diesem Fall besitzt dies keine Retina-Unterstützung.