Specyfikacja techniczna:
Aktualizacja cen i integracja analityki na stronie
1. Problem
Na stronie wyświetlane są przestarzałe ceny (ostatnia aktualizacja — 4 lata temu), co wprowadza klientów w błąd. Należy wdrożyć mechanizm aktualizacji cen lub zamiany funkcji wyświetlania cen za pomocą formularza. Również konieczna jest integracja Google Analytics w celu śledzenia efektywności strony.
________________________________________
2. Cele
• Zapewnienie aktualnych cen na stronie lub wdrożenie mechanizmu zapytania o cenę.
• Zapewnienie wygodnego i bezpiecznego formularza kontaktowego zamiast wyświetlania ceny.
• Dodanie kodu Google Analytics do analityki.
________________________________________
3. Opcja 1: Aktualizacja cen na podstawie pliku Excel
Funkcjonalność:
• Import pliku Excel z aktualnymi cenami do panelu administracyjnego.
• Dopasowanie produktów po artykule.
• Automatyczna aktualizacja cen na stronie zgodnie z plikiem.
Wymagania:
• Excel musi zawierać kolumny: Artykuł, Cena.
• Jeśli artykuł nie zostanie znaleziony w bazie – wyświetlić komunikat lub zignorować.
• Opracować wygodny interfejs do ładowania pliku Excel w panelu administracyjnym.
________________________________________
4. Opcja 2: Ukrywanie cen + Formularz zapytania
Funkcjonalność:
• W panelu administracyjnym dodać przełącznik: "Pokaż ceny" / "Zapytaj o cenę".
• Jeśli przełącznik jest wyłączony:
o Zamiast ceny wyświetla się przycisk "Zapytaj o cenę".
o Po kliknięciu otwiera się okno modalne lub nowa strona z formularzem.
Formularz zapytania powinien zawierać:
• Imię – pole obowiązkowe.
• Numer telefonu – walidacja (tylko ukraiński numer lub format międzynarodowy, np. +380...).
• Email – walidacja za pomocą wyrażenia regularnego (poprawny adres email).
• Produkt (automatycznie podstawiany) – ukryte pole z nazwą lub artykułem produktu.
Po wysłaniu:
• Dane są zapisywane w bazie danych lub wysyłane na email administratora.
• Wyświetla się komunikat: “Dziękujemy! Menedżer skontaktuje się z Tobą w najbliższym czasie.”
________________________________________
5. Dodatkowo: Google Analytics
Zadanie:
• Zainstalować kod Google Analytics (GA4) w <head> wszystkich stron witryny.
• Sprawdzić poprawność wysyłki zdarzeń:
o Otwarcie strony produktu.
o Kliknięcie przycisku “Zapytaj o cenę”.
o Wysłanie formularza.
________________________________________
6. Wymagania dotyczące bezpieczeństwa i UX
• Wszystkie pola formularza muszą być walidowane zarówno po stronie klienta, jak i serwera.
• Ochrona przed spamem (dodać Google reCAPTCHA v2 lub v3).
• Komunikaty o błędach w formularzu muszą być zrozumiałe dla użytkownika.
________________________________________
7. Termin realizacji
• Szacowany termin: po zatwierdzeniu specyfikacji technicznej.
________________________________________
8. Dodatkowo
• Wykonać kopię zapasową strony przed wprowadzeniem zmian.
• Przetestować nową funkcjonalność na serwerze testowym lub kopii strony.