Setup Instructions

• Install and activate the plugins:
  • Gravity Forms
  • Gravity Forms Styles Pro
• Add/enable all required snippets:
  • Block Google Fonts for all plugins
  • Form – Main Form Script
  • Form – Placeholder Form Script (redirect logic)
  • Forms – CSS
• Download the icon pack from the design
• Download the auto-advanced icons from the design (if needed)
• Download the form from:
  https://dev.netfame.de/leadform-master/netfameaccess
• Update the CSS variable values in the styles
• Insert the form shortcode []:

gravityform id="1" title="false" description="false" ajax="true" tabindex="0"

Old documentation:
https://docs.google.com/document/d/14BEA8P5fax3i0otkaoeujbKt3c67J4OMwJB_thqZXvs/edit?tab=t.0

Field Classes

form-image-text-field – add to fields that contain images.

field-check-block – use for fields that should have a bordered container.

link-color-hover link-underline privacy-policy-agreement field-check-block – use for the privacy policy field.

form__page-description – use for the text inside the HTML heading field that acts as a description, for example:

<h2>Welche Parkmöglichkeiten vorhanden?</h2>
<p class="form__page-description">Mehrfachauswahl möglich</p>

form__success – use for the HTML success field displayed after the form is completed.

form__success-img / form__success-text – classes for the content inside the success field (image / text).

form__lock – use for the field with the lock icon.

page-simple-fields – use for pages with simple fields in the real-estate form.

form-postal-code – use for postal code fields to display an icon.

field-gap-top – adds top spacing to a field.

form-info-description – use for fields with an informational icon in the description.

no-auto-advanced – disables automatic transition to the next step for a field.

lead-form__title-v2 – standard styling for the form title field.

<h2>Jetzt unverbindlich anfragen</h2>
<img class="form-secure-badge" loading="lazy" decoding="async"
src="https://www.heartery.de/wp-content/uploads/2026/03/form-secure-badge.png"
alt="Form Secure Badge" width="86" height="43">

lead-form__title-move-to-top – moves the form title to the top.

Classes for Different Form Types

form-auto-advanced form-placeholder form-placeholder--1 – use for forms with placeholders but without the lead-form class. If multiple forms of this type are used, increment the placeholder class number (form-placeholder--2, form-placeholder--3, etc.) and add the corresponding JS initialization, for example:

initFormRedirect(".form-placeholder--2", "url");

form-auto-advanced lead-form form-submit-without-obligation – base classes for lead forms.

form-submit-center form-user-data – use for user-data forms.

form-auto-advanced full-width-form lead-form form-submit-without-obligation – use for real-estate forms.

Button Classes

form-submit-center – centers the submit button (use for simple forms without steps).

form-submit-custom-arrow – adds a custom arrow to the submit button (use for simple forms without steps).

form-submit-full-width – stretches the submit button to full width.

form-submit-without-obligation – adds the “without obligation” text to the button.