Kontakt

Dein persönlicher Kontakt zu Neon Arc

Dein Weg zum erfolgreichen Webauftritt beginnt hier, nur eine Nachricht entfernt. Nutze mein Kontaktformular um im Anschluss ein Ticket für einen individuellen Chat per E-Mail zu erhalten.

Alternativ – wenn du schon genau weißt wohin die Reise gehen soll – kannst du den Projekt-Konfigurator nutzen um direkt in den E-Mail Kontakt zu treten.

Web-Konfigurator öffnen

Schneller Kontakt:

Schreib uns
Projekt starten
Gemeinsam stark
Los geht's
Schreib uns
Projekt starten
Gemeinsam stark
Los geht's

WordPress Webentwicklung made im Allgäu

Schnellkontakt:

info@neonarc.com
+49 176 9138 5260
WhatsApp
Zum Kontakt
Konfigurator


Spielerisch zur neuen Website

Wähle aus, passe an – wir erstellen daraus eine smarte Zusammenfassung und du erhältst deinen kostenlosen Zugang am Ende des Konfigurators.

Geführter Ablauf Live-Vorschau


Hinweis: Die große Fläche rechts ist eine Vorschau – auf deinem Mobilgerät findest du diese im unteren Teil der Seite.

 Ablauf & Hinweise


So läuft’s ab


Unser Konfigurator soll helfen, einen Eindruck deiner Vorstellungen zu bekommen und dich dabei spielerisch
durch unsere Fragen zu führen.

Drei Schritte
  • Wählen: Design, Inhalte & Funktionen per Klick.
  • Anpassen: Vorschau checken, Ideen notieren.
  • Zusammenfassung: KI-Auswertung & klare To-dos.
⚠️ Wichtiger Hinweis

Die Vorschau ist eine spielerische Demo – nicht die finale Website. Das Endprodukt entsteht im Projektverlauf mit professionellen Systemen und wird individuell für dich umgesetzt.

Tipps
  • Schritte überspringen & später zurückspringen – alles okay.
  • Perfektion ist nicht nötig – wir verfeinern gemeinsam.
  • Support jederzeit über Chat & Ticket möglich.

Kurz: Ein smartes Tool zum Wünsche sammeln – wir liefern daraus eine Richtung mit Plan.

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
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

Komplettzahlung
Berechnet aus Einmalig + monatlich × Laufzeit.
1 Jahr Laufzeit
Zahlbetrag (netto)
0 €
Brutto: 0 €
2 Jahre Laufzeit
Zahlbetrag (netto)
0 €
Brutto: 0 €
Hinweis: Komplettzahlung zu Beginn der Laufzeit. Einmalige Kosten werden nur einmal berechnet.
Kostenübersicht Widget JS Script Live Kostenrechner (Clean: 0% Rabatt, nur 1 & 2 Jahre)
↓ Das ist deine Live-Vorschau ↓

Ihre Headline

Kurzer Untertitel

Bild 1
Bildtitel 1

Bildbeschriftung 1

Bild 2
Bildtitel 2

Bildbeschriftung 2

Bild 3
Bildtitel 3

Bildbeschriftung 3

Klarer Fokus auf Ergebnisse

Wir richten Design & Struktur so aus, dass Besucher sofort verstehen, was sie bekommen – und handeln.

Feature Bild

Bereit für deinen Auftritt?

NEON ARC

Design, das wirkt – modular & schnell.

Leistungen

  • Webdesign
  • Branding
  • SEO-Setup

Ressourcen

  • FAQ
  • Blog
  • Kontakt
© Neon Arc – Alle Rechte vorbehalten
↑ Das ist deine Live-Vorschau ↑
🧩 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)
  1. Lege 6 HTML-Widgets in dieser Reihenfolge an (01 → 06).
  2. Füge die gelieferten Snippets ein. Im Widget 02 kommt dein kompletter TEXT_PRESETS-Block rein.
  3. Sicherstellen, dass FluentForm im selben DOM-Scope liegt (#wb-configurator).
  4. ⚠️ 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 form sichtbar ist.
  • Doppelte Skripte: Nur eine aktive Version gleichzeitig behalten!
📦 Archiv & Deaktivieren

Option A – Sicher archivieren:

  1. Neues Widget → „ARCHIV • Original JS (inaktiv)“.
  2. Setze in alten Blöcken <script> → <script type="text/plain">.
  3. 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