Jak stworzyć nową stronę marketingową

Ten przewodnik pomoże Ci stworzyć nową stronę marketingową od podstaw.

Kiedy tworzyć nową stronę

Twórz nowe strony marketingowe dla:
- Stron produktowych lub usług
- Stron z cennikiem
- Stron "O nas" lub "Kontakt"
- Landing pages dla kampanii marketingowych
- Stron z treścią edukacyjną lub pomocą

Krok 1: Zaplanuj strukturę strony

Przed utworzeniem strony w CMS, zaplanuj:

1. Cel strony - Co ma osiągnąć ta strona?
2. Grupa docelowa - Kto będzie czytał tę stronę?
3. Struktura treści - Jakie sekcje będą potrzebne?
4. Call-to-action - Jaką akcję ma wykonać użytkownik?

Przykładowa struktura strony produktowej:
- Hero Section - Główny nagłówek i krótki opis
- Feature Cards - Lista 3-4 głównych funkcji
- Image + Text - Szczegółowy opis z grafiką
- Steps Grid - "Jak to działa" w 3 krokach
- CTA Banner - Wezwanie do działania

Krok 2: Przygotuj treści i obrazy

PRZED utworzeniem strony przygotuj:

✓ Teksty:
- Nagłówki (krótkie, zwięzłe, przyciągające uwagę)
- Opisy (konkretne korzyści, nie tylko funkcje)
- Teksty przycisków (akcyjne, np. "Rozpocznij teraz")

✓ Obrazy:
- Zoptymalizowane i przesłane do Media Library
- Z wypełnionym polem Alternative Text
- W odpowiednich rozmiarach (zobacz dokumentację o obrazach)

✓ SEO:
- Meta title (50-60 znaków)
- Meta description (150-160 znaków)
- URL slug (krótki, z myślnikami, bez polskich znaków)

Krok 3: Utwórz nową stronę

1. Otwórz Content Manager
2. Kliknij "Marketing Page" w sekcji Collection Types
3. Kliknij "Create new entry" w prawym górnym rogu

Krok 4: Wypełnij podstawowe informacje

Title (Tytuł):
- To wewnętrzna nazwa strony (tylko dla Ciebie)
- Użyj opisowej nazwy, np. "Cennik - Plan Premium"
- Ta nazwa NIE jest widoczna na stronie

Slug (Adres URL):
- Automatycznie generowany z tytułu
- Możesz edytować ręcznie
- Używaj małych liter, myślników zamiast spacji
- Unikaj polskich znaków (ą → a, ł → l, itd.)

Przykłady dobrych slug:
✓ "cennik"
✓ "funkcje-aplikacji"
✓ "o-nas"
✗ "Cennik!!!"
✗ "funkcje_aplikacji"
✗ "o-firmie-dofaktur-2024"

Krok 5: Dodaj sekcje treści

Teraz zbudujesz stronę z bloków (sekcji). Kliknij "Add a component to content" i wybierz sekcje:

Hero Section - Sekcja powitalna (zawsze pierwsza):
Zastosowanie: Główny nagłówek strony
Wypełnij:
- Title: Główny przekaz (np. "Proste fakturowanie dla Twojej firmy")
- Subtitle: Rozwinięcie przekazu (1-2 zdania)
- CTA Text: Tekst przycisku (np. "Rozpocznij za darmo")
- CTA URL: Link przycisku (np. /sign-up)

Feature Cards Grid - Siatka kart funkcji:
Zastosowanie: Prezentacja 3-4 głównych funkcji/korzyści
Wypełnij każdą kartę:
- Icon: Wybierz ikonę (dostępne: file-text, send, archive, check, shield, clock, users, settings)
- Icon Color: Kolor ikony (teal, blue, green, purple, orange)
- Title: Nazwa funkcji
- Description: Krótki opis (1-2 zdania)
Columns: Wybierz liczbę kolumn (zazwyczaj col-3 dla 3 kart)

Steps Grid - Siatka kroków:
Zastosowanie: Pokazanie procesu "Jak to działa"
Wypełnij:
- Title: Nagłówek sekcji (np. "Jak to działa?")
- Subtitle: Opcjonalny podtytuł
- Steps: Dodaj 3-4 kroki, każdy z ikoną, tytułem i opisem

Image + Text - Obraz z tekstem:
Zastosowanie: Szczegółowe wyjaśnienie z wizualizacją
Wypełnij:
- Image: Wybierz obraz z Media Library
- Image Position: left lub right (gdzie ma być obraz)
- Title: Opcjonalny nagłówek sekcji
- Content: Bogaty tekst z formatowaniem

Rich Text - Bogaty tekst:
Zastosowanie: Dłuższe fragmenty tekstu z formatowaniem
Użyj edytora aby dodać:
- Nagłówki (H2, H3)
- Listy punktowane lub numerowane
- Pogrubienie, kursywa
- Linki

CTA Banner - Baner wezwania do działania (zawsze ostatni):
Zastosowanie: Zakończenie strony z wyraźnym wezwaniem do akcji
Wypełnij:
- Title: Zachęcający tekst (np. "Gotowy żeby zacząć?")
- Subtitle: Dodatkowa motywacja
- CTA Text: Tekst przycisku
- CTA URL: Link przycisku
- Variant: gradient (kolorowy) lub solid (jednolity)

Krok 6: Uporządkuj sekcje

Przeciągnij sekcje aby zmienić kolejność:
1. Kliknij i przytrzymaj przycisk "Drag" (6 kropek)
2. Przeciągnij w górę lub w dół
3. Upuść w nowej pozycji

Zalecana kolejność sekcji:
1. Hero Section (zawsze pierwsza)
2. Feature Cards lub Steps Grid
3. Image + Text (można dodać kilka)
4. Rich Text (dla dodatkowych informacji)
5. CTA Banner (zawsze ostatnia)

Krok 7: Wypełnij metadane SEO

Przewiń w dół do pól:

metaTitle (Meta tytuł):
- Tytuł widoczny w wynikach Google i zakładce przeglądarki
- 50-60 znaków (wraz ze spacjami)
- Powinien zawierać główne słowo kluczowe
- Format: "Funkcja - DoFaktur" lub "DoFaktur - Funkcja"

metaDescription (Meta opis):
- Opis widoczny w wynikach Google
- 150-160 znaków
- Zachęcaj do kliknięcia
- Zawieraj korzyści, nie tylko opis

Przykłady:
✓ "DoFaktur - Proste fakturowanie KSeF | Darmowy okres próbny"
✓ "Twórz i wysyłaj faktury do KSeF w minuty. Bez skomplikowanych formularzy. Wypróbuj za darmo przez 14 dni."

✗ "Strona główna" (za krótkie)
✗ "DoFaktur to aplikacja do fakturowania która pozwala na..." (za długie, nudne)

Krok 8: Wybierz języki

DoFaktur obsługuje 3 języki. Musisz stworzyć wersję dla każdego języka:

1. Utwórz i wypełnij polską wersję (pl) - NAJPIERW
2. Kliknij "Save" aby zapisać
3. W górnym menu wybierz inny język z "Locales" (en lub uk)
4. OPCJA A: Kliknij "Fill in from another locale" aby skopiować strukturę z polskiego
5. OPCJA B: Lub zbuduj stronę od nowa (jeśli treść ma być inna)
6. Przetłumacz teksty na wybrany język
7. Zapisz i opublikuj każdą wersję językową

WAŻNE: Każda wersja językowa musi być zapisana i opublikowana oddzielnie!

Krok 9: Zapisz stronę

1. Kliknij przycisk "Save" w prawym górnym rogu
2. Poczekaj na potwierdzenie "Saved document"
3. Status zmieni się na "Draft" (wersja robocza)

Strona jest zapisana ale NIE JEST jeszcze widoczna na stronie internetowej!

Krok 10: Podgląd strony

Przed publikacją sprawdź jak wygląda strona:

1. Kliknij przycisk "Open preview" w prawym panelu
2. Otworzy się nowa zakładka z podglądem
3. Sprawdź:
- Czy wszystkie teksty są poprawne
- Czy obrazy się ładują
- Czy linki w przyciskach działają
- Jak wygląda na telefonie (zmień rozmiar okna)

4. Jeśli coś wymaga poprawy:
- Wróć do edycji
- Popraw treść
- Zapisz ponownie
- Odśwież podgląd

Krok 11: Opublikuj stronę

Gdy wszystko jest gotowe:

1. Kliknij przycisk "Publish"
2. Poczekaj na potwierdzenie "Published document"
3. Status zmieni się na "Published"
4. Strona jest teraz widoczna na https://dofaktur.pl/[twoj-slug]

WAŻNE: Publikacja nie jest natychmiastowa!
- Może minąć 1-2 minuty zanim strona będzie widoczna
- Wyczyść cache przeglądarki jeśli nie widzisz zmian (Ctrl+F5)

Krok 12: Dodaj stronę do nawigacji (opcjonalne)

Jeśli chcesz aby strona była dostępna z menu:

1. Przejdź do Collection Types → Menu Item
2. Utwórz nowy element menu
3. Wypełnij:
- Title: Nazwa w menu
- URL: /[slug-twojej-strony]
- Order: Pozycja w menu (1, 2, 3...)
4. Zapisz i opublikuj

Najczęstsze błędy i ich rozwiązania

Błąd: "Slug already exists"
Rozwiązanie: Ten URL jest już używany. Zmień slug na unikalny.

Błąd: Nie widzę opublikowanej strony
Rozwiązanie:
- Poczekaj 1-2 minuty
- Wyczyść cache przeglądarki (Ctrl+F5)
- Sprawdź czy na pewno kliknąłeś "Publish" (nie tylko "Save")

Błąd: Strona wygląda źle na telefonie
Rozwiązanie: Komponenty są responsywne automatycznie. Sprawdź czy obrazy nie są za duże.

Błąd: Brakuje wersji językowej
Rozwiązanie: Musisz stworzyć, zapisać i opublikować każdą wersję językową osobno.

Wskazówki profesjonalne

1. Zacznij od prostej struktury
- Nowa strona nie musi mieć 10 sekcji
- Zacznij od Hero + Features + CTA
- Dodawaj więcej sekcji gdy jest potrzeba

2. Kopiuj istniejące strony jako szablony
- Znajdź stronę o podobnej strukturze
- Sklonuj jej sekcje
- Zmień tylko teksty i obrazy

3. Testuj na różnych urządzeniach
- Desktop
- Tablet
- Telefon (najważniejsze!)

4. Używaj spójnego stylu
- Te same ikony w Feature Cards
- Podobne długości opisów
- Spójne teksty CTA

5. Planuj URL hierarchy (hierarchię adresów)
- /cennik (nie /cennik-plan-premium-2024)
- /funkcje (nie /lista-funkcji-aplikacji)
- /pomoc/faktury (dla podstron pomocy)

6. Nie publikuj w pośpiechu
- Sprawdź wszystkie linki
- Przeczytaj teksty pod kątem błędów
- Poproś kogoś o sprawdzenie przed publikacją

7. Dokumentuj zmiany
- Trzymaj kopię tekstów poza CMS (Google Docs)
- Rób notatki o tym co zmieniłeś i dlaczego
- Pomoże to przy przyszłych aktualizacjach

Gotowe wzorce stron

Strona produktowa:
1. Hero (tytuł produktu + opis)
2. Feature Cards (3-4 główne funkcje)
3. Image + Text (szczegóły)
4. Steps Grid (jak zacząć)
5. CTA Banner

Landing page kampanii:
1. Hero (oferta specjalna)
2. Feature Cards (korzyści)
3. CTA Banner (mocne wezwanie do akcji)

Strona "O nas":
1. Hero (misja firmy)
2. Rich Text (historia)
3. Image + Text (zespół)
4. CTA Banner

Potrzebujesz pomocy?

Jeśli utkniesz podczas tworzenia strony, skontaktuj się z zespołem technicznym lub sprawdź inne przewodniki w dokumentacji.