Verwenden Sie HTML und CSS für Ihre Formulare

Marketing_Lite_Plus_Professional_Enterprise

Sales_Plus_Professional_Enterprise

Mit ActiveCampaign können Sie den HTML-Code-Block verwenden, um Ihr Formular mit HTML anzupassen, und Sie können CSS verwenden, um Elemente zu ändern.

Bitte beachten Sie, dass die Verwendung von HTML und CSS für Ihr Formular nur für fortgeschrittene Benutzer geeignet ist. Sie müssen mit diesen Sprachen vertraut sein. Wenn Sie mit HTML oder CSS nicht vertraut sind, empfehlen wir Ihnen, mit einem Mitglied Ihres Teams zusammenzuarbeiten, das mit HTML oder CSS vertraut ist. Es gibt auch mehrere großartige Ressourcen, in denen Sie HTML und CSS lernen können wie zum Beispiel diese.

Unser Kunden Experience Team ist nicht in der Lage, Ihnen bei der Erstellung oder Fehlerbehebung von HTML oder CSS zu helfen, die Sie zu Ihrem Formular hinzufügen.

HTML

Sie können den HTML-Block verwenden, um Ihr eigenes HTML in Ihr Formular einzufügen. Das von Ihnen hinzugefügte HTML wird nur auf diesen Block angewendet, nicht auf das gesamte Formular.

Sie können diesen Block verwenden, um Links in den Text einzubetten, Aufzählungslisten zu erstellen, jeden Text in diesem Block zu formatieren und vieles mehr.

Bitte beachten Sie, dass der HTML-Block nur auf Inline-Formularen verwendet werden kann. Schwebende Boxen, schwebende Leisten und modale Formulare haben nicht die Möglichkeit, einen HTML-Block hinzuzufügen.

Fügen Sie den HTML-Code-Block zu Ihrem Formular hinzu:

  1. Klicken Sie im Formularersteller unter auf Felder > Kontaktfelder.
  2. Ziehen Sie den "HTML-Code"-Block auf Ihr Formularlayout.
  3. Klicken Sie auf den HTML-Blockcode in Ihrem Formularlayout.
  4. Im rechten Fenster werden Beispieltext und HTML-Code angezeigt. Geben Sie den Code in das Feld auf der rechten Seite ein oder fügen Sie ihn dort ein.

Wenn Sie den Code und den Text zu diesem Feld hinzufügen, sehen Sie, wie der neue Text und die Formatierung auf den Block in Ihrem Formularlayout angewendet werden.

CSS

Sie können das Feld Benutzerdefiniertes CSS und den Inspektor verwenden, um visuelle Elemente Ihres Formulars zu ändern, z. B. die Breite der Schaltfläche "Abschicken" anpassen, Schriftart und -größe anpassen, Text in einem Element zentrieren, die Farbe Ihres Textes ändern und vieles mehr. Alle Formulartypen enthalten das benutzerdefinierte CSS-Eingabefeld und den Inspector.

Fügen Sie benutzerdefiniertes CSS zu Ihrem Formular hinzu:

  1. Klicken Sie auf die Schaltfläche "Integrieren" , die sich oben rechts im Formularersteller befindet.

    CSS-Schaltfläche.jpeg

  2. Am unteren Rand des Formularerstellungsbildschirms wird ein benutzerdefiniertes Eingabefeld angezeigt. Bewegen Sie den Mauszeiger über Ihr Formular und klicken Sie auf die Elemente, um die elementspezifische Seitenleiste anzuzeigen.
  3. Klicken Sie auf die Schaltfläche "Inspektor" und dann auf das Formularelement, das Sie ändern möchten.
  4. Fügen Sie Ihr benutzerdefiniertes CSS zum benutzerdefinierten Eingabefeld hinzu.
  5. Um den Inspector-Modus zu beenden, klicken Sie erneut auf die Schaltfläche "Inspector" .
  6. Um das Code-Overlay auf Ihrem Formular zu schließen, klicken Sie unter auf die CSS-Schaltfläche oben im Builder.
War dieser Beitrag hilfreich?
11 von 54 fanden dies hilfreich

Haben Sie weitere Fragen? Anforderung einreichen

Start free trial