Jak zarządzać nawigacją i elementami menu

Ten przewodnik pomoże Ci zarządzać nawigacją i elementami menu na stronie DoFaktur. Prawidłowa nawigacja = łatwe znalezienie stron przez użytkowników.

Czym jest nawigacja?

Nawigacja (menu) to lista linków widoczna w górnej części strony DoFaktur. Pozwala użytkownikom szybko przechodzić między stronami.

Przykładowe elementy menu:
- Strona główna
- Funkcje
- Cennik
- O nas
- Kontakt
- Blog

Gdzie zarządzać menu w CMS?

1. Otwórz Content Manager
2. W sekcji Collection Types znajdź "Menu Item"
3. Kliknij "Menu Item"

Zobaczysz listę wszystkich elementów menu na stronie.

Jak dodać nowy element menu

Krok 1: Utwórz nowy element

1. Kliknij "Create new entry" w prawym górnym rogu
2. Wypełnij formularz (szczegóły poniżej)
3. Zapisz i opublikuj

Krok 2: Wypełnij pola

Title (Tytuł)
- Nazwa widoczna w menu na stronie
- Powinna być krótka (1-3 słowa)
- Jasna i zrozumiała dla użytkownika

Przykłady dobrych tytułów:
✓ Funkcje
✓ Cennik
✓ O nas
✓ Kontakt
✓ Blog
✗ Kliknij tutaj aby zobaczyć nasze funkcje (za długie)
✗ Strona z cennikiem (nienaturalne)

URL (Adres docelowy)
- Link do którego ma prowadzić element menu
- Może być wewnętrzny lub zewnętrzny

Linki wewnętrzne (do stron DoFaktur):
✓ /funkcje
✓ /cennik
✓ /o-nas
✓ /kontakt
✓ /blog

Linki zewnętrzne (do innych stron):
✓ https://pomoc.dofaktur.pl
✓ https://blog.dofaktur.pl
✗ www.example.com (brak http://)

WAŻNE zasady dla URL:
- Linki wewnętrzne zaczynają się od / (np. /cennik)
- Linki zewnętrzne muszą zawierać https:// (np. https://example.com)
- Używaj małych liter
- Używaj myślników zamiast spacji

Order (Kolejność)
- Numer określający pozycję w menu
- Niższe liczby = wyżej w menu (dalej na lewo)
- Liczby nie muszą być kolejne

Przykład kolejności:
- 1 = Strona główna (najbardziej na lewo)
- 2 = Funkcje
- 3 = Cennik
- 4 = O nas
- 5 = Kontakt (najbardziej na prawo)

Możesz używać odstępów:
- 10 = Strona główna
- 20 = Funkcje
- 30 = Cennik

Dzięki odstępom łatwiej wstawić nowy element między istniejącymi (np. 25).

Parent (Element nadrzędny) - opcjonalne
- Jeśli chcesz utworzyć podmenu (menu rozwijane)
- Wybierz element nadrzędny z listy
- Zostaw puste dla elementów głównych

Przykład struktury z podmenu:
- Produkty (parent: brak)
- Fakturowanie (parent: Produkty)
- KSeF (parent: Produkty)
- Faktury cykliczne (parent: Produkty)

Krok 3: Zapisz i opublikuj

1. Kliknij "Save" aby zapisać zmiany
2. Kliknij "Publish" aby element był widoczny na stronie
3. Sprawdź stronę - nowy element powinien pojawić się w menu

WAŻNE: Element menu musi być opublikowany aby był widoczny!

Jak edytować istniejący element menu

1. Otwórz Content Manager → Menu Item
2. Znajdź element który chcesz edytować
3. Kliknij na element aby go otworzyć
4. Wprowadź zmiany
5. Kliknij "Save"
6. Jeśli zmiany są już opublikowane, kliknij "Publish" ponownie

Najczęściej edytowane pola:
- Title - zmiana nazwy wyświetlanej w menu
- URL - zmiana docelowego linku
- Order - zmiana kolejności w menu

Jak zmienić kolejność elementów menu

Metoda 1: Edycja pola "Order"

1. Otwórz pierwszy element który chcesz przenieść
2. Zmień wartość w polu "Order"
3. Zapisz i opublikuj
4. Powtórz dla innych elementów jeśli potrzeba

Przykład:
Chcesz zamienić "Cennik" (order: 3) z "Funkcje" (order: 2)
- Zmień "Cennik" order na 2
- Zmień "Funkcje" order na 3

Metoda 2: Użyj odstępów

Jeśli używasz odstępów (10, 20, 30...), łatwiej:
- Wstaw nowy element z order: 25 (pojawi się między 20 a 30)
- Nie musisz zmieniać wszystkich innych elementów

Jak usunąć element menu

1. Otwórz Content Manager → Menu Item
2. Znajdź element który chcesz usunąć
3. Kliknij na element aby go otworzyć
4. Kliknij przycisk "More actions" (trzy kropki)
5. Wybierz "Delete"
6. Potwierdź usunięcie

UWAGA: Usunięcie jest trwałe! Element zniknie ze strony natychmiast.

Zamiast usuwania możesz:
- Cofnąć publikację (unpublish) - element zostanie ukryty ale nie usunięty
- Zmienić order na bardzo wysoką liczbę (999) - element przesunie się na koniec

Zarządzanie wielojęzycznością menu

DoFaktur obsługuje 3 języki: Polski (pl), Angielski (en), Ukraiński (uk)

WAŻNE: Każdy element menu musi mieć wersję dla każdego języka!

Jak stworzyć wersje językowe:

1. Utwórz element w języku polskim (pl) - NAJPIERW
- Title: "Cennik"
- URL: /cennik
- Order: 3
- Zapisz i opublikuj

2. Przełącz na język angielski (en)
- Użyj "Locales" dropdown w górnej części ekranu
- Wybierz "English (en)"
- Kliknij "Fill in from another locale" aby skopiować strukturę
- LUB ręcznie wypełnij:
- Title: "Pricing"
- URL: /cennik (ten sam!)
- Order: 3 (ten sam!)
- Zapisz i opublikuj

3. Przełącz na język ukraiński (uk)
- Wybierz "Ukrainian (uk)" z "Locales"
- Title: "Ціни"
- URL: /cennik (ten sam!)
- Order: 3 (ten sam!)
- Zapisz i opublikuj

Kluczowe zasady wielojęzyczności:

✓ URL jest ten sam dla wszystkich języków
✓ Order jest ten sam dla wszystkich języków
✓ Tylko Title się zmienia (tłumaczenie)
✓ Każda wersja musi być zapisana i opublikowana osobno

Dlaczego ten sam URL?
System automatycznie przekierowuje użytkownika na odpowiednią wersję językową strony na podstawie ustawień przeglądarki lub wyboru języka.

Przykład:
- /cennik dla polskiego użytkownika → pokazuje polską stronę z cennikiem
- /cennik dla angielskiego użytkownika → pokazuje angielską stronę z cennikiem

Najlepsze praktyki nawigacji

1. Ogranicz liczbę elementów głównych

Idealna liczba: 5-7 elementów głównych
✓ Strona główna, Funkcje, Cennik, O nas, Kontakt (5 elementów)
✗ 15 elementów w menu (przytłaczające, trudne do znalezienia)

Jeśli masz więcej stron:
- Użyj podmenu (dropdown)
- Utwórz osobną sekcję (np. "Zasoby" zawiera Blog, Pomoc, FAQ)

2. Uporządkuj według ważności

Najważniejsze linki na lewo, mniej ważne na prawo:

Typowa kolejność:
1. Strona główna (lub logo, nie w menu)
2. Produkty/Funkcje
3. Cennik
4. Zasoby/Blog
5. O nas
6. Kontakt

3. Używaj jasnych nazw

✓ "Cennik" - jasne i krótkie
✗ "Zobacz nasze ceny" - za długie
✗ "Plany i opcje zakupu" - skomplikowane

4. Konsekwentne nazewnictwo

Jeśli używasz "Faktury KSeF" w jednym miejscu, nie używaj "System KSeF" w innym.

5. Testuj na urządzeniach mobilnych

Menu na telefonie:
- Często zamienia się w "hamburger menu" (☰)
- Sprawdź czy wszystkie elementy są widoczne
- Sprawdź czy podmenu działa poprawnie

6. Dodaj CTA (Call-to-Action) w menu

Wyróżnij najważniejszy link:
- "Wypróbuj za darmo" - przycisk w menu
- "Zarejestruj się" - inny kolor/styl

To wymaga współpracy z programistami (nie można zrobić w CMS).

Typowe struktury menu

Struktura prosta (dla małych stron):
1. Strona główna
2. Funkcje
3. Cennik
4. Kontakt

Struktura średnia (dla większości firm):
1. Strona główna
2. Produkty
- Fakturowanie
- KSeF
- Faktury cykliczne
3. Cennik
4. Zasoby
- Blog
- Pomoc
5. O nas
6. Kontakt

Struktura rozbudowana (dla dużych serwisów):
1. Strona główna
2. Produkty
- Fakturowanie podstawowe
- Fakturowanie zaawansowane
- Integracje
3. Cennik
- Dla małych firm
- Dla średnich firm
- Enterprise
4. Zasoby
- Blog
- Centrum pomocy
- Webinary
- Case studies
5. Firma
- O nas
- Zespół
- Kariera
6. Kontakt

Najczęstsze problemy i rozwiązania

Problem: Element menu nie pojawia się na stronie
Rozwiązanie:
- Sprawdź czy element jest opublikowany (status: Published)
- Sprawdź czy wypełniłeś pole URL
- Sprawdź czy order nie jest za wysoki (np. 999)
- Wyczyść cache przeglądarki (Ctrl+F5)
- Poczekaj 1-2 minuty (aktualizacja nie jest natychmiastowa)

Problem: Elementy menu są w złej kolejności
Rozwiązanie:
- Sprawdź wartości w polu "order" dla każdego elementu
- Niższa liczba = wyżej w menu (bardziej na lewo)
- Upewnij się że zapisałeś i opublikowałeś zmiany

Problem: Link prowadzi do błędnej strony
Rozwiązanie:
- Sprawdź pole URL - czy jest poprawne?
- Linki wewnętrzne zaczynają się od / (np. /cennik)
- Linki zewnętrzne muszą mieć https:// (np. https://example.com)
- Sprawdź czy strona docelowa istnieje

Problem: Brak wersji językowej elementu menu
Rozwiązanie:
- Przełącz się na brakujący język (Locales dropdown)
- Wypełnij formularz dla tego języka
- WAŻNE: URL i Order powinny być takie same jak w innych językach
- Zapisz i opublikuj

Problem: Podmenu nie działa
Rozwiązanie:
- Sprawdź czy element potomny ma ustawiony "Parent"
- Sprawdź czy element nadrzędny jest opublikowany
- Podmenu może wymagać wsparcia programistów (nie zawsze dostępne w standardowym menu)

Problem: Za dużo elementów w menu
Rozwiązanie:
- Usuń mniej ważne elementy
- Połącz podobne strony w podmenu
- Przenieś niektóre linki do stopki strony
- Stwórz osobną stronę "Zasoby" lub "Więcej"

Problem: Menu wygląda źle na telefonie
Rozwiązanie:
- Menu mobilne jest zarządzane przez programistów
- Zgłoś problem do zespołu technicznego
- Możesz jedynie zarządzać treścią, nie wyglądem mobilnym

Checklist przed publikacją zmian w menu

Przed zapisaniem i opublikowaniem sprawdź:

□ Tytuł jest krótki i zrozumiały (1-3 słowa)
□ URL jest poprawny (/ dla wewnętrznych, https:// dla zewnętrznych)
□ Order jest ustawiony logicznie (niższe liczby = wyżej)
□ Wszystkie wersje językowe są uzupełnione (pl, en, uk)
□ URL i Order są takie same we wszystkich językach
□ Tylko Title jest przetłumaczony
□ Element jest zapisany (Save)
□ Element jest opublikowany (Publish)
□ Sprawdziłeś stronę w przeglądarce
□ Menu wygląda dobrze na desktopie i telefonie

Zaawansowane techniki

Organizacja według kategorii

Zamiast długiej listy, grupuj elementy:

Źle (długa lista):
- Faktury
- Faktury KSeF
- Faktury cykliczne
- Faktury proforma
- Faktury korygujące
- Kontrahenci
- Produkty
- Raporty

Dobrze (z kategoriami):
- Fakturowanie (parent: brak)
- Faktury KSeF (parent: Fakturowanie)
- Faktury cykliczne (parent: Fakturowanie)
- Faktury proforma (parent: Fakturowanie)
- Faktury korygujące (parent: Fakturowanie)
- Zarządzanie (parent: brak)
- Kontrahenci (parent: Zarządzanie)
- Produkty (parent: Zarządzanie)
- Raporty (parent: Zarządzanie)

Linki do zewnętrznych zasobów

Możesz dodać linki do:
- Centrum pomocy (jeśli na innej domenie)
- Blog (jeśli na subdomain)
- Aplikacja (link do logowania)

Przykład:
- Title: "Pomoc"
- URL: https://pomoc.dofaktur.pl
- Order: 6

- Title: "Zaloguj się"
- URL: https://app.dofaktur.pl/login
- Order: 7

Ikony w menu (wymaga wsparcia programistów)

Standardowo menu zawiera tylko tekst. Jeśli chcesz dodać ikony:
1. Skontaktuj się z zespołem technicznym
2. Programiści dodadzą pole "icon" do Menu Item
3. Będziesz mógł wybrać ikonę z listy

To nie jest dostępne domyślnie w CMS.

Monitorowanie użycia menu

Sprawdź w Google Analytics:
- Które elementy menu są najczęściej klikane
- Które elementy są ignorowane
- Czy użytkownicy znajdują to czego szukają

Na podstawie danych:
- Przenieś popularne linki wyżej (niższy order)
- Usuń nieużywane elementy
- Dodaj brakujące elementy

Aktualizacja menu przy zmianach struktury strony

Kiedy dodajesz nową stronę:
1. Utwórz stronę w Content Manager → Marketing Page
2. Opublikuj stronę
3. Dodaj element menu prowadzący do nowej strony
4. Umieść go w odpowiednim miejscu (order)

Kiedy usuwasz stronę:
1. Usuń element menu prowadzący do tej strony
2. LUB zaktualizuj URL aby prowadził gdzie indziej
3. Nie zostawiaj "martwych linków" w menu

Współpraca z zespołem

Marketing może zarządzać:
✓ Dodawanie nowych elementów menu
✓ Edycja tytułów
✓ Zmiana kolejności (order)
✓ Tłumaczenia (wersje językowe)
✓ Usuwanie elementów

Programiści zarządzają:
- Wyglądem menu (kolory, fonty, rozmiar)
- Responsywnością (menu mobilne, hamburger)
- Animacjami i efektami hover
- Specjalnymi funkcjami (mega menu, ikony)

Jeśli potrzebujesz zmian które wykraczają poza treść, skontaktuj się z zespołem technicznym.

Podsumowanie

Menu to kluczowy element nawigacji. Dobre menu:
- Ma 5-7 elementów głównych
- Używa jasnych, krótkich nazw
- Jest logicznie uporządkowane
- Działa we wszystkich językach
- Jest łatwe w obsłudze na wszystkich urządzeniach

Pamiętaj aby:
1. Zawsze publikować zmiany (Save + Publish)
2. Tworzyć wersje dla wszystkich języków
3. Używać tego samego URL i Order w każdym języku
4. Testować menu po zmianach
5. Nie zostawiać martwych linków

Potrzebujesz pomocy?

Jeśli masz pytania:
1. Sprawdź inne przewodniki w dokumentacji
2. Skontaktuj się z zespołem marketingu
3. Zgłoś problem do zespołu technicznego jeśli dotyczy wyglądu lub funkcjonalności