Zarządzanie stroną główną - Dostosowywanie i teksty

Dostosowywanie stron sklepu internetowego i dodawanie treści

Wprowadzenie: Czym jest dostosowywanie stron sklepu internetowego?

Dostosowywanie stron sklepu internetowego oznacza, że możesz sam określić treść i układ swojego sklepu. Możesz dodawać teksty, obrazy, filmy, bloki produktów i inne elementy, aby Twój sklep wyglądał dokładnie tak, jak chcesz. To jak urządzanie własnego sklepu: Ty decydujesz, co gdzie się znajduje.

Dlaczego dostosowywać strony sklepu internetowego?

Chcesz dostosować swój sklep internetowy, ponieważ:

Masz kontrolę nad tym, co widzą klienci
Możesz stworzyć unikalny i profesjonalny wygląd
Możesz umieścić ważne informacje we właściwym miejscu
Możesz wyróżnić produkty w sposób, w jaki chcesz
Możesz wyraźnie pokazać specjalne akcje lub oferty
Sprawia, że Twój sklep jest osobisty i rozpoznawalny
Możesz poprawić doświadczenie klienta

Co możesz dodać do stron?

Masz różne typy bloków i elementów, które możesz dodać:

Bloki:

Bloki artykułów: Pokazują konkretne produkty
Bloki asortymentu: Pokazują grupę produktów
Bloki karuzeli: Obracająca się galeria produktów

Inne elementy:

Tekst: Wyjaśnienie, wiadomość powitalna, informacje
Obrazy: Zdjęcia, banery, ilustracje
Filmy: Osadzanie filmów YouTube
Blok godzin zamknięcia: Pokazuje, kiedy jesteś zamknięty
Blok dnia zamówienia: Pokazuje możliwości zamawiania
Blok logowania: Opcja logowania dla klientów
Pasek wyszukiwania: Wyszukiwanie produktów
Grupy list (przyciski): Przyciski nawigacyjne

Jak dodać treść do strony?

Krok 1: Do strony

Otwórz stronę

Przejdź do kafelka „Sklep (Nowy)"
Kliknij przycisk „Strony"
Widzisz teraz listę wszystkich stron
Kliknij stronę, którą chcesz dostosować (np. swoją stronę główną)

Krok 2: Utwórz sekcję (opcjonalnie)

Sekcje są jak rozdziały na Twojej stronie. Dzięki nim możesz podzielić swoją stronę na różne części.

Utwórz nową sekcję/podstronę

Kliknij „Sekcja"
Kliknij „Nowy"
Wprowadź nazwę sekcji (np. „Wyróżnione produkty" lub „Powitanie")

Ustaw widoczność

Możesz wybrać, kiedy ta sekcja jest widoczna:

Zaznaczone (✓): Sekcja jest widoczna tylko, gdy klient jest zalogowany
Niezaznaczone ( ): Sekcja jest widoczna tylko, gdy klient NIE jest zalogowany
Myślnik (-): Sekcja jest zawsze widoczna (zalogowany czy nie)

Przykład:

Specjalne oferty dla stałych klientów → Zaznacz (tylko dla zalogowanych klientów)
Ogólny tekst powitalny → Myślnik (dla wszystkich)

Zapisz

Kliknij „Zapisz"
Sekcja jest teraz utworzona

Krok 3: Dodaj elementy do sekcji

Teraz dodasz właściwą treść (teksty, obrazy, bloki itp.).

Otwórz menu Elementy

Wybierz sekcję lub podstronę, do której chcesz coś dodać
Kliknij „Elementy"
Widzisz teraz opcje dodawania treści

Opcja A: Dodaj tekst (z obrazem lub filmem)

Dodaj nowy tekst

Kliknij „Nowy" lub „+ Tekst"
Otwiera się edytor tekstu
Wpisz swój tekst

Dodaj obraz do tekstu

Jeśli chcesz dodać obraz:

Najpierw prześlij obraz do systemu
Zapamiętaj nazwę pliku (np.: „banner.png")
Uwaga: Nie używaj spacji w nazwie pliku!
Dodaj następujący kod do swojego tekstu:

![](banner.png)

Zamień „banner.png" na nazwę swojego obrazu

Przykład:

Przesłałeś obraz „powitanie2025.jpg"
W swoim tekście wpisujesz: ![](powitanie2025.jpg)
Obraz pojawia się teraz w tym miejscu

Dodaj film YouTube do tekstu

Jeśli chcesz osadzić film YouTube:

Skopiuj link do filmu YouTube (np.: https://www.youtube.com/watch?v=bCLEnJ8Mm0I)
Dodaj następujący kod do swojego tekstu:

![youtube.com](https://www.youtube.com/watch?v=bCLEnJ8Mm0I)

Zamień link na własny link YouTube

Przykład:

Chcesz pokazać film ze swojej szkółki
Link YouTube: https://www.youtube.com/watch?v=ABC123XYZ
W swoim tekście wpisujesz: ![youtube.com](https://www.youtube.com/watch?v=ABC123XYZ)

Zapisz tekst

Kliknij „Zapisz"
Tekst jest teraz dodany do Twojej strony

Opcja B: Dodaj bloki i specjalne elementy

Menu Więcej opcji

W ekranie Elementy kliknij „Więcej"
Widzisz teraz menu z różnymi opcjami

Co możesz dodać przez „Więcej":

1. Utworzony blok

To blok, który wcześniej utworzyłeś (blok artykułów, blok asortymentu, blok karuzeli)
Wybierz blok, który chcesz dodać
Pojawia się na Twojej stronie

2. Nowy blok godzin zamknięcia

Automatycznie pokazuje, kiedy Twój sklep internetowy jest zamknięty
Klienci widzą np.: „Jesteśmy zamknięci, wróć w poniedziałek"
Przydatne na święta lub urlopy

3. Nowy blok dnia zamówienia

Pokazuje możliwości zamawiania i daty dostawy
Klienci widzą, kiedy mogą zamawiać na który dzień
Czyni to jasnym dla klientów

4. Blok logowania

Pokazuje opcję logowania dla klientów
Klienci mogą się zalogować, aby zobaczyć swoje konto
Przydatne na stronie głównej lub w menu

5. Pasek wyszukiwania

Klienci mogą wyszukiwać produkty
Wpisz nazwę produktu i znajdź go bezpośrednio
Poprawia łatwość użytkowania

6. Grupy list (przyciski)

Przyciski nawigacyjne do różnych kategorii
Na przykład: „Róże", „Tulipany", „Lilie"
Klienci klikają i przechodzą do tej kategorii

Dodaj element

Kliknij element, który chcesz dodać
Wykonaj ewentualne dodatkowe kroki (konfiguracja, wpisanie nazwy itp.)
Zapisz
Element pojawia się na liście

Krok 4: Dostosuj kolejność elementów

Kolejność, w jakiej dodajesz elementy, jest również kolejnością, w jakiej pojawiają się w sklepie internetowym. Możesz dostosować tę kolejność.

Zmień układ elementów

Widzisz teraz listę ze wszystkimi elementami/blokami na Twojej stronie
Wybierz element, który chcesz przesunąć
Widzisz strzałki: w górę (↑) i w dół (↓)

Przesuwanie:

Strzałka w górę (↑): Element idzie o jedną pozycję wyżej (bardziej w górę strony)
Strzałka w dół (↓): Element idzie o jedną pozycję niżej (bardziej w dół strony)

Przykładowa kolejność:

Tekst powitalny (na górze)
Film YouTube
Blok wyróżnionych produktów
Pasek wyszukiwania
Tekst z informacjami kontaktowymi (na dole)

Sprawdź wynik

Odśwież swój sklep internetowy, aby zobaczyć, jak to wygląda
Dostosuj kolejność dalej, jeśli to konieczne

Gotowe! Twoja strona jest teraz dostosowana z własną treścią.

Zaawansowane formatowanie tekstu

Aby uzyskać więcej możliwości w tekście (jak nagłówki, pogrubiony tekst, listy itp.) możesz używać Markdown.

Przydatne kody Markdown:

Nagłówki:

# Duży nagłówek (Heading 1)
## Średni nagłówek (Heading 2)
### Mały nagłówek (Heading 3)

Formatowanie tekstu:

**Pogrubiony tekst**
*Kursywa*

Listy:

- Pozycja 1
- Pozycja 2
- Pozycja 3

Linki:

[Kliknij tutaj](https://www.przyklad.pl)

Więcej informacji: Aby uzyskać szczegółowe wyjaśnienie wszystkich możliwości Markdown, przejdź do: https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet

Praktyczne przykłady

Przykład 1: Strona główna z tekstem powitalnym i produktami

Krok 1: Otwórz stronę główną → Sekcja → Nowy → „Powitanie"
Krok 2: Elementy → Nowy → Wpisz tekst powitalny
Krok 3: Elementy → Więcej → Dodaj blok asortymentu z popularnymi produktami
Krok 4: Odśwież sklep internetowy i sprawdź
Wynik: Klienci widzą tekst powitalny, a następnie wyróżnione produkty

Przykład 2: Baner z filmem YouTube

Krok 1: Otwórz stronę → Sekcja → Elementy → Nowy
Krok 2: Wpisz tekst wprowadzający
Krok 3: Dodaj kod YouTube: ![youtube.com](twój-link-do-filmu)
Krok 4: Zapisz
Wynik: Klienci widzą Twój film bezpośrednio na stronie

Przykład 3: Dodaj przyciski kategorii

Krok 1: Otwórz stronę → Elementy → Więcej → Grupy list
Krok 2: Wybierz grupy list, które chcesz pokazać jako przyciski
Krok 3: Zapisz
Wynik: Klienci widzą przyciski do różnych kategorii

Przykład 4: Sekcja tylko dla członków

Krok 1: Utwórz sekcję „Oferty VIP"
Krok 2: Zaznacz (✓) tylko dla zalogowanych klientów
Krok 3: Dodaj specjalne oferty
Wynik: Tylko zalogowani klienci widzą te oferty

Ważne wskazówki

Wskazówka 1: Zaplanuj strukturę swojej strony

Pomyśl wcześniej o tym, co gdzie ma być
Zrób szkic na papierze
Pracuj od góry do dołu
W ten sposób unikasz dużej ilości reorganizacji później

Wskazówka 2: Brak spacji w nazwach plików

„banner.png" ✓ Dobrze
„mój banner.png" ✗ Źle
„mój-banner.png" ✓ Dobrze
Używaj myślników (-) zamiast spacji

Wskazówka 3: Zawsze testuj na mobilnym

Sprawdź, jak Twoja strona wygląda na telefonie
Wielu klientów robi zakupy na urządzeniach mobilnych
Dostosuj, jeśli nie jest dobrze czytelne

Wskazówka 4: Zachowaj przejrzystość

Niezbyt wiele elementów na jednej stronie
Klienci powinni szybko znajdować to, czego szukają
Mniej znaczy często więcej

Wskazówka 5: Używaj sekcji logicznie

Twórz oddzielne sekcje dla różnych tematów
Na przykład: „Promocje", „Nowe produkty", „O nas"
To utrzymuje Twoją stronę zorganizowaną

Wskazówka 6: Podgląd przed zapisaniem

Odświeżaj swój sklep internetowy regularnie, aby sprawdzić
W ten sposób od razu widzisz, czy jest dobrze
Dostosuj tam, gdzie potrzeba

Wskazówka 7: Zapisz swoje kody Markdown

Zrób dokument z często używanymi kodami
Wtedy nie musisz ich szukać za każdym razem
Oszczędza czas!

Często zadawane pytania

Pytanie: W jakiej kolejności powinienem dodawać elementy?

Kolejność, w jakiej dodajesz, jest kolejnością na stronie
Więc dodać pierwsze = na górze strony
Zawsze możesz dostosować kolejność później za pomocą strzałek

Pytanie: Czy mogę usunąć element później?

Tak, wybierz element i kliknij usuń
Lub edytuj go, jeśli chcesz coś zmienić
Usunięte elementy są stracone, więc bądź ostrożny

Pytanie: Dlaczego nie widzę swojego obrazu?

Sprawdź, czy nazwa pliku jest poprawna (rozróżnia wielkość liter!)
Sprawdź, czy w nazwie nie ma spacji
Sprawdź, czy obraz został rzeczywiście przesłany
Odśwież sklep internetowy za pomocą Ctrl+F5

Pytanie: Czy mogę używać HTML zamiast Markdown?

Zależy od ustawień systemu
Markdown jest zwykle bezpieczniejszy i łatwiejszy
Sprawdź dokumentację lub zapytaj wsparcie

Pytanie: Ile sekcji mogę zrobić?

Tyle, ile chcesz
Ale zachowaj przejrzystość
Zbyt wiele sekcji sprawia, że jest mylące

Pytanie: Czy YouTube shorts też działają?

Zwykle nie, tylko zwykłe filmy YouTube
Przetestuj, aby się upewnić
Kod jest taki sam

Co robić w przypadku problemów?

Problem: Obraz się nie pojawia

Sprawdź nazwę pliku (brak spacji, poprawna pisownia)
Sprawdź, czy obraz został przesłany
Spróbuj przesłać obraz ponownie
Sprawdź, czy rozszerzenie jest poprawne (.png, .jpg, .gif)

Problem: Film YouTube nie ładuje się

Sprawdź, czy link jest poprawnie skopiowany
Spróbuj film w zwykłej przeglądarce
Film może być prywatny lub usunięty
Sprawdź, czy użyłeś poprawnego kodu Markdown

Problem: Kolejność nie zmienia się

Odśwież stronę
Możesz potrzebować ponownie się zalogować
Sprawdź, czy kliknąłeś „Zapisz" po zmianie

Problem: Blok się nie pojawia

Sprawdź, czy blok istnieje (w zarządzaniu blokami)
Odśwież sklep internetowy
Sprawdź, czy blok jest poprawnie skonfigurowany

Problem: Sekcja niewidoczna w sklepie internetowym

Sprawdź ustawienia widoczności (✓, , -)
Możesz potrzebować zalogować się, aby to zobaczyć
Odśwież pamięć podręczną przeglądarki

Podsumowanie

Dostosowywanie stron sklepu internetowego odbywa się przez dodawanie sekcji i elementów do Twoich stron:

Podstawowe kroki:

Przejdź do Sklep → Strony → wybierz stronę, którą chcesz dostosować
Kliknij Sekcja → Nowy → wprowadź nazwę → ustaw widoczność (✓ = tylko zalogowany, - = zawsze) → Zapisz
Wybierz sekcję → kliknij Elementy, aby dodać treść

Dodaj treść (dwie opcje):

Tekst/obraz/film: Kliknij Nowy → wpisz tekst → dla obrazu użyj ![](nazwapliku.png), dla filmu YouTube użyj ![youtube.com](twój-link-do-filmu) → Zapisz
Bloki/elementy: Kliknij Więcej → wybierz: utworzony blok, blok godzin zamknięcia, blok dnia zamówienia, blok logowania, pasek wyszukiwania lub grupy list (przyciski) → Zapisz

Dostosuj kolejność:

Wybierz element → użyj strzałek w górę (↑) lub w dół (↓), aby zmienić pozycję
Kolejność na liście jest kolejnością w sklepie internetowym

Ważne punkty:

Brak spacji w nazwach plików dla obrazów (użyj „banner.png" nie „mój banner.png")
Aby uzyskać zaawansowane formatowanie tekstu: użyj Markdown (nagłówki z #, pogrubienie z **tekst**)
Więcej wskazówek Markdown: https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
Zawsze testuj na mobilnym i odświeżaj regularnie, aby sprawdzić wynik

Masz pytania lub potrzebujesz pomocy? Skontaktuj się z nami telefonicznie pod numerem +31 (0)71 30 20 310 lub wyślij e-mail na adres support@easyflor.nl.