Należy przepisać strony czystym kodem, związane z realizacją zamówienia: koszyk, płatność, potwierdzenie zamówienia oraz komunikaty o błędach płatności.
1. Koszyk
W koszyku powinno być zrealizowane:
Wyświetlanie produktów:
- zdjęcie produktu;
- nazwa produktu;
- krótki opis produktu;
- cena;
- ilość;
- przyciski
+ oraz – do szybkiej zmiany ilości; - możliwość usunięcia produktu z koszyka;
- wyświetlanie promocji, jeśli są dostępne na produkt.
Obliczanie sumy:
System powinien automatycznie przeliczać:
- suma produktów;
- koszt dostawy;
- suma rabatu;
- koszt pakowania;
- łączna suma zamówienia.
Wszystkie zmiany powinny być aktualizowane automatycznie bez przeładowania strony.
2. Darmowa dostawa
Dodać blok informacyjny:
- „Brakuje Ci ___ zł do darmowej dostawy Pocztą Polską”
- „Brakuje Ci ___ zł do darmowej dostawy Nową Pocztą”
Kwota powinna automatycznie zmieniać się w zależności od zawartości koszyka.
3. Pakowanie prezentowe
W koszyku dodać możliwość wyboru:
☐ Pakowanie prezentowe
Przy wyborze pakowania jego koszt automatycznie dodaje się do łącznej sumy zamówienia.
4. Kody promocyjne i rabaty
Zrealizować:
- pole do wprowadzenia kodu promocyjnego;
- automatyczne zastosowanie rabatu;
- komunikat o pomyślnym lub niepomyślnym zastosowaniu kuponu;
- wyświetlanie kwoty rabatu jako osobnej linii w podsumowaniu zamówienia.
5. Polecane produkty
W koszyku dodać blok:
„Polecane produkty”
System powinien automatycznie pokazywać:
- produkty powiązane;
- produkty popularne;
- produkty z promocji;
- produkty, które często są kupowane razem.
6. Promocje
Należy zrealizować mechaniki promocyjne.
Przykład promocji 5+1:
Jeśli klient kupuje 5 sztuk produktu, system automatycznie dodaje 1 produkt w prezencie.
W koszyku powinno być wyświetlane:
- produkt prezentowy;
- oznaczenie „Prezent”;
- cena produktu prezentowego — 0 zł.
Jeśli prezent należy wybrać samodzielnie, dodać pole:
„Napisz w komentarzu, jaki dokładnie herbata chcesz otrzymać w prezencie”.
7. Komentarz do zamówienia
Dodać osobne pole:
„Komentarz do zamówienia”
Klient może:
- zostawić życzenia;
- wskazać prezentową herbatę;
- napisać uwagi dotyczące dostawy lub płatności.
8. Płatność
Dla niezarejestrowanych klientów:
Dostępne metody płatności:
- WayForPay;
- płatność przy odbiorze;
- płatność przy odbiorze osobistym.
9. Zachowanie koszyka
Jeśli klient:
- przypadkowo zamknął stronę;
- odświeżył przeglądarkę;
- wrócił później,
produkty w koszyku powinny być automatycznie zachowywane.
10. Komunikaty o błędach
Należy zrealizować zrozumiałe komunikaty o błędach:
- nie wybrana dostawa;
- nie wybrana metoda płatności;
- nie wypełniony numer telefonu;
- niepoprawny email;
- produkt niedostępny w magazynie;
- błąd płatności;
- kod promocyjny nieważny.
Komunikaty powinny być widoczne i zrozumiałe dla klienta.
11. Potwierdzenie zamówienia i powiadomienia email
Skonfigurować automatyczne generowanie wiadomości.
Pomyślne złożenie zamówienia:
Błąd płatności:
12. Zgody prawne
Przed złożeniem zamówienia należy dodać checkbox:
☐ Zgadzam się z warunkami zakupu oraz polityką prywatności.
Bez potwierdzenia checkboxa zamówienie nie powinno być realizowane.
13. Wersja mobilna
Koszyk i realizacja zamówienia muszą być w pełni dostosowane do urządzeń mobilnych:
- wygodne przyciski;
- poprawne wyświetlanie bloków;
- szybkie ładowanie;
- poprawne działanie na iPhone i Android.
14. Dostawa i integracja z CRM KeepinCRM oraz Nową Pocztą
Wszystkie pola dostawy powinny być zrealizowane zgodnie z wymaganiami integracji z CRM KeepinCRM oraz API Nowej Poczty.
Metody dostawy:
- Nowa Poczta — oddział;
- Nowa Poczta — paczkomat;
- Nowa Poczta — kurier;
- Poczta Polska;
- Odbiór osobisty.
Pola do dostawy
Pola obowiązkowe:
Integracja z KeepinCRM
Wszystkie dane zamówienia powinny być automatycznie przekazywane do CRM:
Przekazywać:
- numer zamówienia;
- data i godzina;
- Imię i nazwisko klienta;
- telefon;
- email;
- miasto;
- województwo;
- służba dostawy;
- numer oddziału;
- sposób płatności;
- komentarz klienta;
- skład zamówienia;
- ilość produktów;
- suma zamówienia;
- rabaty;
- kod promocyjny;
- status płatności;
- status dostawy;
- UTM-etykiety.
