Formularz kontaktowy z nachodzącym na siebie elementem Szablon HTML

Gotowa sekcja kontaktowa do umieszczenia na statycznej stronie HTML

Biały panel z formularzem realizuje główne zadanie strefy kontaktu: zawiera nagłówek „Skontaktuj się z nami”, pola na imię i nazwisko, adres e-mail oraz treść wiadomości, a także wyśrodkowaną akcję „Wyślij”. Sąsiadujący z nim koralowy panel dostarcza trzech rodzajów informacji uzupełniających w pozycjach „Zadzwoń do nas”, „Lokalizacja” oraz „Godziny otwarcia”. Razem obszary te wyczerpują obie funkcje sekcji kontaktowej — umożliwiają odwiedzającemu przesłanie zapytania oraz prezentują przydatne szczegóły kontekstowe tuż obok formularza.

Blok zastosowany na statycznej stronie HTML może zostać osadzony pomiędzy innymi przygotowanymi sekcjami bez konieczności ponownego tworzenia jego głównego przekazu. Jasnoniebieskie tło wyznacza wyraźną granicę sekcji, a wzajemne nachodzenie paneli sprawia, że informacje pomocnicze stanowią integralną część formularza, zamiast sprawiać wrażenie odrębnego fragmentu witryny. Formularz po prawej stronie pozostaje głównym celem dla wiadomości użytkownika, a pionowy układ danych kontaktowych zapewnia szybki dostęp do najważniejszych informacji.

Otaczająca strona statyczna nadal zapewnia nawigację, wprowadzenie, dodatkowe treści czy stopkę znajdujące się poza tą sekcją. Blok ten stanowi samodzielny moduł kontaktowy, a nie kompletną stronę HTML czy całą witrynę. Teksty, ewentualne późniejsze zdjęcia, odstępy, kolory oraz wzajemne ułożenie paneli można dowolnie dostosować przed przygotowaniem projektu do wygenerowania statycznego kodu. W dokumentacji Nicepage opisano Eksport HTML dla całego projektu, podczas gdy sam blok pozostaje jedną z gotowych sekcji w ramach tego wdrożenia.