Fluent Forms – Styling & Verhalten (CSS + JS)
Nur im Elementor-Editor sichtbar
🎨 CSS – Buttons & Eingaben
Pill-Buttons (edler Look), Auswahl dunkel (#141F22), weichere Hover/Focus und sanfte Einblendungen.
- Auswahl-Farbe für Radio/Checkbox-Buttons (#141F22)
- Edle Pills – neutral hell, aktiv dunkel
- Haptik – Input-Focus & Micro-Interactions
- Sanfte Übergänge bei bedingten Gruppen
🧠 JS – Logik & Komfort
- Consent-Nachweis (Policy, Timestamp, IP*, UA) bei Opt-in
- Weiches Ausblenden von bedingten Gruppen (FF-Conditions)
*IP nur, wenn vom Hoster/Plugin bereitgestellt (z. B. window.ff_ip).
Kostenübersicht
Netto vor Brutto · Jahreswerte = monatlich × 12 · Live aktualisiert
Einmalige Summe
0 €
Brutto: 0 €
Monatlich ab Monat 1
0 €
Brutto: 0 €
Einmalige Kosten (Detail)
Netto0 €
MwSt 19 %0 €
Brutto0 €
Monatliche Grundpreise (Detail)
Netto (mtl.)0 €
MwSt 19 % (mtl.)0 €
Brutto (mtl.)0 €
Anteil (netto) – Einmalig vs. Monatlich
0% Einmalig · 0% Monatlich
Special Offer – Komplettzahlung
Berechnet aus Einmalig + monatlich × Laufzeit. Rabatt auf die Gesamtsumme (netto).
1 Jahr
-10% Rabatt
Ohne Rabatt (netto): 0 €
Du sparst 0 €
Zahlbetrag (netto)
0 €
Brutto: 0 €
2 Jahre
-15% Rabatt
Ohne Rabatt (netto): 0 €
Du sparst 0 €
Zahlbetrag (netto)
0 €
Brutto: 0 €
Hinweis: Komplettzahlung zu Beginn der Laufzeit. Einmalige Kosten werden nur einmal berechnet.
Kostenübersicht Widget JS Script Live Kostenrechner (Netto-Top, Jahreswerte)
Ihre Headline
Kurzer Untertitel
Bildtitel 1
Bildbeschriftung 1
Bildtitel 2
Bildbeschriftung 2
Bildtitel 3
Bildbeschriftung 3
Klarer Fokus auf Ergebnisse
Wir richten Design & Struktur so aus, dass Besucher sofort verstehen, was sie bekommen – und handeln.
Bereit für deinen Auftritt?
🧩 NeonArc Konfigurator – Admin Übersicht
Nur im Elementor-Editor sichtbar
📘 Überblick
Der NeonArc-Konfigurator besteht aus 5 klar getrennten Modulen. So bleibt alles sauber und du kannst gezielt Code anpassen, ohne Chaos.
- 01 • Bootstrap & Helpers — Basisfunktionen
- 02 • Daten & Defaults — Textpresets, Branchenbilder
- 03 • Apply — Design, Layout, Hero, Footer
- 04 • Tick & Wiring — Events & Live-Anwendung
- 05 • Add-on Cards — Schatten & Border-Maps
🚀 Einrichtung (Schnellstart)
- Lege 6 HTML-Widgets in dieser Reihenfolge an (01 → 06).
- Füge die gelieferten Snippets ein.
Im Widget 02 kommt dein kompletter
TEXT_PRESETS-Block rein. - Sicherstellen, dass FluentForm im selben DOM-Scope liegt (
#wb-configurator). - ⚠️ JS-Minify/Defer ausschließen – sonst läuft die Reihenfolge falsch.
⚠️ Häufige Fehler & Fixes
- #wb-mockup fehlt: Stelle sicher, dass der Preview-Container existiert.
- Form wird nicht erkannt: Prüfe, ob
.fluentform formsichtbar ist. - Doppelte Skripte: Nur eine aktive Version gleichzeitig behalten!
📦 Archiv & Deaktivieren
Option A – Sicher archivieren:
- Neues Widget → „ARCHIV • Original JS (inaktiv)“.
- Setze in alten Blöcken
<script>→<script type="text/plain">. - Bleibt auf Seite, wird aber nicht ausgeführt.
Option B – Template speichern:
<template id="wb-js-archive">…</template>
Tipp: „Im Responsive verstecken“ reicht nicht – JS läuft trotzdem.
💬 FAQ
Wie reaktiviere ich das Archiv-JS?
Im Archiv-Widget type="text/plain" → text/javascript.
Wo pflege ich Branchen-Texte & Bilder?
In Widget 02 (TEXT_PRESETS).
Live-Preis funktioniert nicht?
Prüfe, ob deine Felder data-calc_value enthalten.
NeonArc • CSS – Anleitung & ArchivNur im Elementor-Editor sichtbar
- CSS in 6 Blöcke geteilt (01→06). Reihenfolge = wichtig.
- WP-Snippet/Theme-CSS hier NICHT parallel aktiv lassen → sonst Konflikte.
- Bei Optimierern (Autoptimize/Perfmatters): Diese Seite/Inline-CSS nicht „combinen“/verschieben.
Alte CSS-Version archivieren (inaktiv)
CSS in <template id="wb-css-archive">…</template> legen (Browser rendert das nicht):
CSS 01 • Scope & Tokens (Base)
CSS 02 • Header & Navigation
CSS 03 • Hero & Buttons
CSS 04 • Gallery Cards
CSS 05 • Feature, Band, Footer, Typo & Toolbar
CSS 06 • Dark, Spacing, Summary, FX & Styles