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

Gestalten Sie Ihr eingebettetes Formular auf einer externen Seite

Zuletzt aktualisiert am: Dezember 19, 2018

Sie können Ihr eingebettetes HubSpot-Formular mit Vorlagen im Formular-Editor oder mit benutzerdefinierter CSS in Ihrem externen Stylesheet gestalten.

Gestalten des Formulars mit Themen

Wenn Sie Ihre Formulare gestalten möchten, ohne benutzerdefinierten Code zu schreiben, können Sie Vorlagen in Ihrem eingebetteten Formular oder ein Formular auf einem eigenständigen URL verwenden. Themen fügen weitere Anpassungsoptionen für Ihre Formulare hinzu, zusätzlich zu allen Schriftarten und Farben, die Sie bereits angewendet haben. 

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > Lead-Erfassung > Formulare.
  • Klicken Sie auf den Namen eines Formulars.
  • Klicken Sie im Formulareditor auf die Registerkarte „Stil & Vorschau“
  • Deaktivieren Sie im Fenster „Stil“ das Kontrollkästchen „Altes Design beibehalten“. 

Bitte beachten: Durch das Deaktivieren des Kontrollkästchen „Altes Design beibehalten“ wird die vorherige auf dieses Formular angewendete HubSpot-Standardformatierung gelöscht. Dem Formular hinzugefügte benutzerdefinierte CSS oder JavaScript funktioniert dann nicht mehr. 

  • Wählen Sie eins von vier verfügbaren Themen aus. themes-in-forms

Diese Themen sind spezifisch für jedes individuelle Formular und beeinflussen nur Formulare, die extern eingebettet sind oder in einer eigenständigen URL verwendet werden.

Gestalten des Formulars mit CSS

Bitte beachten: Die Option, CSS Ihres eingebetteten Formulars anzupassen und Code einzubetten ist nur für Marketing Hub Basic-, Professional- und Enterprise-Accounts verfügbar.

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > Lead-Erfassung > Formulare.
  • Klicken Sie auf den Namen des Formulars.
  • Klicken Sie im Formulareditor auf die Registerkarte „Optionen“
  • Klicken Sie auf den Schalter „Formulare ohne Style“, um ihn zu aktivieren. Das Formular wird als HTML-Element auf Ihrer Website und nicht innerhalb eines iFrames angezeigt, und alle standardmäßig auf das Formular angewendeten HubSpot-Formatierungen werden gelöscht.
  • Wenn diese Einstellung aktiviert ist, klicken Sie oben rechts im Editor auf „Teilen“
  • Klicken Sie im Dialogfeld auf „Kopieren“.
  • Fügen Sie den Formular-Einbettungscode in Ihre externe Website ein. Wenn Sie Ihr Formular bereits auf Ihrer externen Seite eingebettet haben, müssen Sie den vorhandenen Code durch diese neue Version ersetzen, die die Standardformatierung für das Formular nicht enthält. 
New Call-to-action