Easily build and embed forms on your site. Try HubSpot Forms for free.  
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.
Forms

Einsende-Button Ihres Formulars bearbeiten und Stile zuweisen

Zuletzt aktualisiert am: Dezember 18, 2018

free

Beschriftung des Einsende-Buttons Ihres Formulars bearbeiten

Die Beschriftung des Standard-Einsende-Buttons auf einem HubSpot-Formular lautet Einsenden. So bearbeiten Sie die Beschriftung des Einsende-Buttons:

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > Lead-Erfassung > Formulare.
  • Klicken Sie auf den Namen des Formulars.
  • Klicken Sie im Formular-Editor auf den Button Einsenden.

  • Geben Sie im linken Fensterbereich im Feld Label die neue Beschriftung für den Einsende-Button ein.

  • Klicken Sie oben rechts auf Veröffentlichen, um das Live-Formular zu aktualisieren.

 

Dem Einsende-Button Ihres Formulars auf HubSpot-Seiten Stile zuweisen (nur Marketing Hub Basic, Professional und Enterprise)

  • Bewegen Sie den Mauszeiger im Content-Editor über das Formularmodul, und klicken Sie auf das Symbol „Stile bearbeiten“.

  • Klicken Sie im linken Fensterbereich auf das Dropdown-Menü, und wählen Sie Formular-Schaltfläche aus.
  • Weisen SIe dem Button mit den Optionen Stile zu. Sie können z. B. die Hintergrundfarbe des Buttons oder die Schriftgröße der Beschriftung ändern.

  • Klicken Sie auf Speichern und weiter zur Modul-Liste.
  • Klicken Sie oben rechts auf Veröffentlichen oder Aktualisieren.
Hiermit werden der Stil des Einsende-Buttons für ein Formular für einzelne Seiten aktualisiert. Erfahren Sie, wie Sie Ihre globalen Style-Einstellungen für Formulare anpassen.

 

Dem Einsende-Button Ihres Formulars auf externen Seiten Stile zuweisen (nur Marketing Hub Basic, Professional und Enterprise )

Um dem Einsende-Button Ihres Formulars auf externen Seiten Stile hinzuzufügen, fügen Sie dem Formular-Einbettungscode das Element submitButtonClass mit dem Wert einer CSS-Klasse hinzu. Beispiel:

 
Dadurch werden alle Standard-Stile des Einsende-Buttons für Formulare gelöscht. Fügen Sie In Ihrem externen Stylesheet die CSS-Klasse und die entsprechenden Stile hinzu. Beispiel:

.hs-form-submit-button { background: #ff0000; padding:10px; }

/de/articles/kcs_article/forms/how-do-i-style-my-embedded-form#style-the-form-using-css

input{ background: #ff0000; }

https://developers.hubspot.com/docs/methods/forms/advanced_form_options

Weitere Informationen zum Anpassen des Formular-Einbettungscodes erhalten Sie in der Entwicklerdokumentation von HubSpot.

New Call-to-action