62 lines
2.6 KiB
Markdown
62 lines
2.6 KiB
Markdown
# Kontakt — `/pl/kontakt` i `/de/kontakt` (page id 6)
|
|
|
|
Bloki: `pageHeader` → `contactInfo`. Najprostsza strona w serwisie
|
|
funkcjonalnie, ale to jest strona, na którą prowadzą WSZYSTKIE inne CTA —
|
|
musi działać bezbłędnie i dawać więcej niż jedną drogę kontaktu.
|
|
|
|
---
|
|
|
|
## 1. PageHeader
|
|
|
|
**[ZACHOWAĆ treść]** „Kontakt / Masz pytania dotyczące rozliczenia..." —
|
|
spójny wzorzec.
|
|
|
|
---
|
|
|
|
## 2. ContactInfo
|
|
|
|
**[WYMAGA DANYCH OD KLIENTA]** patrz [10-architektura-cms.md](./10-architektura-cms.md)
|
|
§1 — adres, telefon, e-mail, godziny wszystkie placeholder.
|
|
|
|
**Layout:** ta sama „karta-wizytówka" co na `/jak-sie-umowic`
|
|
(patrz [04-jak-sie-umowic.md](./04-jak-sie-umowic.md) §3) — świadomie spójny
|
|
komponent w dwóch miejscach, nie warto projektować dwóch różnych wersji tego
|
|
samego bloku.
|
|
|
|
**Duży przycisk WhatsApp** ponad kartą z danymi — to strona kontaktowa,
|
|
priorytet CTA musi być jednoznaczny (WhatsApp = 1 klik, reszta danych = dla
|
|
tych, którzy wolą zadzwonić/napisać mail).
|
|
|
|
---
|
|
|
|
## 3. [NOWE — rekomendacja] Formularz kontaktowy jako opcja zapasowa
|
|
|
|
Obecnie CAŁA konwersja na stronie opiera się na WhatsApp. To dobre dla
|
|
głównej grupy odbiorców, ale traci część ruchu: (a) osoby niekorzystające z
|
|
WhatsApp lub wolące zostawić wiadomość poza godzinami pracy bez presji
|
|
„czatu na żywo", (b) ruch z Google/SEO, który oczekuje formularza jako
|
|
standardu zaufania na stronie firmowej (patrz `wymagania-projektowe-strony.md`
|
|
§9 — formularze i pozyskiwanie leadów to osobna, obowiązkowa sekcja checklisty
|
|
P1/P2).
|
|
|
|
**Rekomendacja:** prosty formularz (imię, e-mail LUB telefon, wiadomość,
|
|
checkbox zgody RODO) jako druga opcja pod/obok WhatsApp, nie zamiast niego.
|
|
Szczegóły techniczne (SMTP, Turnstile, walidacja, `resolveFormMessage`,
|
|
zgoda RODO jako osobny niezaznaczony checkbox) w
|
|
[11-integracje-seo-wydajnosc.md](./11-integracje-seo-wydajnosc.md) §4 — to
|
|
jest rekomendacja zakresu, nie blokuje uruchomienia strony bez niego (WhatsApp
|
|
sam w sobie jest kompletną ścieżką konwersji).
|
|
|
|
**Layout, jeśli wdrożony:** karta obok `contactInfo` (dwie kolumny na
|
|
desktopie: dane kontaktowe + WhatsApp po lewej, formularz po prawej), na
|
|
mobile formularz pod danymi kontaktowymi. Stan sukcesu po wysłaniu: prosty
|
|
komunikat „Dziękujemy, odezwiemy się w ciągu 1 dnia roboczego" — bez przekierowania
|
|
na osobną stronę thank-you (niepotrzebna komplikacja dla tak prostego
|
|
formularza).
|
|
|
|
## 4. Tło i animacja
|
|
|
|
Strona **Persuade** miękki — `reveal-up` standard, brak parallax. Jedyny
|
|
akcent: `stamp-in` na przycisku WhatsApp, spójnie z jego rolą głównego CTA
|
|
w całym serwisie.
|