[Sugester V2](https://pomoc.sugester2.pl/index.md) / [CMS](https://pomoc.sugester2.pl/cms-1.md)

# [CMS: jak ręcznie edytować treść strony (bez AI)](https://pomoc.sugester2.pl/cms-jak-recznie-edytowac-tresc-strony.md)

Ten poradnik jest dla osób, które redagują treść strony i nie chcą pisać kodu ani korzystać z agentów AI. Pokazuje klasyczną ścieżkę: otwierasz stronę, klikasz w tekst, poprawiasz, zapisujesz.

## Co musisz mieć

Uprawnienie **CMS** na swoim koncie. Nadaje je administrator konta. Bez niego pasek edycji się nie pojawi, a strona wygląda tak jak dla zwykłego gościa.

## Najważniejsze: edytuj pod adresem panelu, nie pod własną domeną

To najczęstsze źródło pomyłki. Twoja witryna ma zwykle dwa adresy:

- **własną domenę**, na przykład `twojafirma.pl` - to wersja dla odwiedzających,
- **adres panelu**, na przykład `twojekonto.intum.com` - tam się logujesz i tam edytujesz.

Sesja logowania działa tylko na adresie panelu. Jeśli otworzysz własną domenę, system widzi Cię jako niezalogowanego gościa i pasek edycji się nie pokaże, nawet jeśli przed chwilą logowałaś się w panelu. Bywa też, że adres `twojafirma.pl/login` prowadzi do logowania do zupełnie innego produktu - wtedy tym bardziej nie tędy droga.

## Krok 1. Otwórz stronę w trybie edycji

1. Zaloguj się w panelu, na przykład `https://twojekonto.intum.com`.
2. Otwórz podgląd strony pod adresem w formacie:

```
https://twojekonto.intum.com/w/KOD-WITRYNY/SCIEZKA-STRONY?edit_mode=true
```

Na przykład dla witryny o kodzie `twojafirma` i strony `/cennik`:

```
https://twojekonto.intum.com/w/twojafirma/cennik?edit_mode=true
```

Kod witryny znajdziesz w panelu w ustawieniach witryny. Do podglądu można też przejść z listy stron w panelu.

Na górze ekranu pojawi się pasek z przyciskiem **Edycja strony** oraz odnośnikami **Strony**, **Artykuły**, **Ustawienia strony**, **Ustawienia szablonu** i **Ustawienia witryny**.

## Krok 2. Kliknij to, co chcesz zmienić

W trybie edycji klikalne są dwa rodzaje elementów.

**Sekcje treści.** Najedź myszką na blok tekstu. Jeśli jest sekcją, podświetli się i pokaże pasek z ikonami: ołówek (edycja), kosz (usunięcie) i uchwyt do przeciągania. Kliknij ołówek, a otworzy się edytor z zakładkami **Treść** i **Szablon**. W zakładce Treść zmieniasz tytuł, tekst i zdjęcie.

**Pojedyncze pola.** Krótkie teksty wstawiane w szablon, na przykład nagłówek czy numer telefonu, też są klikalne. Po kliknięciu otwiera się małe okienko z polem tekstowym.

Uwaga przy polach: jeśli okienko mówi, że wartość jest wspólna dla wszystkich stron używających tego szablonu, zmiana zobaczy się w całym serwisie, nie tylko na tej jednej stronie.

## Krok 3. Zapisz i sprawdź

Kliknij **Zapisz**. Zmiana trafia na żywą stronę od razu, nie ma osobnej publikacji. Na koniec otwórz własną domenę w zwykłym oknie i sprawdź, jak strona wygląda dla odwiedzającego. Zajrzyj też na telefon.

## Jak dodać nową sekcję

Pod ostatnią sekcją w danym miejscu strony jest przycisk **Dodaj treść**. Kreator ma dwa kroki: najpierw wybierasz rodzaj sekcji (zwykła treść albo lista artykułów), potem wpisujesz zawartość. Sekcja powstaje dopiero po zapisaniu.

Kolejność sekcji zmienia się przeciąganiem za uchwyt obok ikony ołówka.

## Kiedy nie ma w co kliknąć

Zdarza się, że strona nie ma żadnych sekcji, bo cała jej treść to jeden blok HTML. Tak wygląda zwykle strona przeniesiona ze starego systemu. Wtedy w trybie edycji nic się nie podświetla.

Masz dwa wyjścia:

1. **Poproś administratora o podzielenie strony na sekcje.** To jednorazowa praca, a potem edytujesz stronę klikaniem. Można podzielić tylko fragment, na przykład najnowszą część, a resztę zostawić jak jest.
2. **Edytuj kod strony w panelu**: pasek edycji, odnośnik **Ustawienia strony**, pole **Treść**. To edytor kodu HTML. Nadaje się do poprawienia literówki, nie do przebudowy układu.

## Dobre nawyki

- Zanim zmienisz dużo naraz, skopiuj dotychczasową treść do notatnika. Zapis zastępuje poprzednią wersję.
- Kopiując istniejący fragment, bierz go w całości, razem z komentarzami w rodzaju `<!-- ITEM START -->`. One często wyznaczają granice powtarzalnego elementu.
- Nie zmieniaj nazw klas przy tekście. Odpowiadają za wygląd i odstępy.