Tworzenie bloków dla sklepu internetowego

Wprowadzenie: Czym są bloki?

Bloki to specjalne komponenty treści, które tworzysz wcześniej i możesz następnie umieścić w swoim sklepie internetowym. Są jak gotowe elementy konstrukcyjne dla Twojego sklepu. Istnieją trzy rodzaje: bloki artykułów (dla wiadomości lub informacji), bloki asortymentu (dla grup produktów takich jak oferty) i bloki karuzeli (dla obracających się banerów z obrazami).

Dlaczego używać bloków?

Chcesz używać bloków, ponieważ:

• Możesz wielokrotnie wykorzystywać złożone komponenty treści na różnych stronach
• Sprawia to, że Twój sklep internetowy jest bardziej profesjonalny i dynamiczny
• Możesz prezentować grupy produktów w atrakcyjny wizualnie sposób
• Możesz wyraźnie pokazywać ważne wiadomości lub akcje
• Możesz łatwo zmieniać to, co znajduje się na stronie głównej
• Działa w sposób uporządkowany i przejrzysty
• Klienci mają lepsze doświadczenie zakupowe

Uwaga: Bloki musisz najpierw utworzyć, zanim będziesz mógł ich używać na stronach!

Trzy rodzaje bloków

Omawiamy wszystkie trzy rodzaje bloków:

1. Blok artykułów: Dla wiadomości, aktualizacji lub elementów informacyjnych
2. Blok asortymentu: Dla grup produktów (oferty, nowe produkty itp.)
3. Blok karuzeli: Dla obracających się banerów z obrazami

---

Blok 1: Blok artykułów

Blok artykułów to zbiór kompaktowych wiadomości lub artykułów informacyjnych. Każdy artykuł może linkować do strony, otwierać okno popup lub przekierowywać do innej strony internetowej.

Kiedy używać?

• Pokazywanie wiadomości na stronie głównej
• Dzielenie się wskazówkami i trikami z klientami
• Ogłaszanie akcji lub wydarzeń
• Dzielenie się informacjami sezonowymi

Krok 1: Utwórz blok artykułów

Do menu bloków artykułów

1. Przejdź do „Sklep (Nowy)"
2. Kliknij „Bloki artykułów"
3. Widzisz przegląd istniejących bloków artykułów (może być pusty)

Utwórz nowy blok artykułów

1. Kliknij „Nowy"
2. Wypełnij ustawienia:

Nazwa:

• Nadaj blokowi rozpoznawalną nazwę
• Na przykład: „Wiadomości strona główna" lub „Wskazówki i triki"
• To do użytku wewnętrznego

Liczba artykułów:

• Ile artykułów ma być widocznych jednocześnie w sklepie internetowym?
• Na przykład: 3 artykuły obok siebie
• Resztę klienci mogą zobaczyć przewijając

Przycisk „Więcej":

• Zaznacz, jeśli klienci mogą zobaczyć więcej artykułów przez przycisk „Więcej"
• Pozostaw puste, jeśli widoczne są tylko te artykuły

Zapisz

1. Kliknij „Zapisz"
2. Blok artykułów jest teraz utworzony

---

Krok 2: Dodaj artykuły do bloku

Teraz utworzysz pojedyncze artykuły, które trafią do tego bloku.

Otwórz menu Elementy

1. Wybierz właśnie utworzony blok artykułów
2. Kliknij „Elementy"
3. Widzisz teraz opcje dodawania artykułów

Masz trzy rodzaje artykułów do wyboru:

---

Opcja A: Nowa Strona (artykuł linkuje do strony)

Użyj tego, jeśli artykuł ma linkować do oddzielnej strony z większą ilością informacji.

Utwórz artykuł strony

1. Kliknij „Więcej" → „Nowa Strona"

Wypełnij ustawienia:

Tytuł:

• Nagłówek artykułu (np.: „Tulipany teraz 20% taniej!")

Tekst:

• Krótki opis artykułu
• To, co klienci widzą w przeglądzie

Obraz w tekście (opcjonalnie):

• Dodaj obraz do tekstu, jeśli to konieczne
• Użyj kodu: ![](nazwaobrazu.png)
• Zobacz wcześniejszy przewodnik o „Wpływaniu na teksty"

Daty widoczności (opcjonalnie):

• Od daty: Od kiedy artykuł jest widoczny?
• Do daty: Do kiedy artykuł jest widoczny?
• Pozostaw puste: Artykuł jest zawsze widoczny

Przykład: Akcja walentynkowa widoczna od 1 lutego do 14 lutego

Miniatura:

• Prześlij mały obraz pasujący do artykułu
• To, co klienci widzą w przeglądzie
• Na przykład: zdjęcie tulipanów przy artykule o tulipanach

Link do strony:

• Wybierz, do której strony klient przechodzi po kliknięciu artykułu
• To musi być strona, którą wcześniej utworzyłeś

Pozycja:

• Określ kolejność (1 = pierwszy, 2 = drugi itp.)

Zapisz

1. Kliknij „Zapisz"
2. Artykuł strony jest dodany

---

Opcja B: Nowy Popup (artykuł otwiera popup)

Użyj tego, jeśli artykuł ma otwierać popup z większą ilością informacji, bez przechodzenia do nowej strony.

Utwórz artykuł popup

1. Kliknij „Więcej" → „Nowy Popup"

Wypełnij ustawienia:

Tytuł, Tekst, Obraz, Daty, Miniatura:

• Wypełnij je tak jak przy „Nowa Strona" powyżej

Tekst popup:

• To tekst, który pojawia się W popup
• Może być bardziej rozbudowany niż krótki opis
• Na przykład: pełne wyjaśnienie akcji z warunkami

Obrazy wspierające:

• Prześlij dodatkowe obrazy do popup
• Pojawiają się, gdy popup się otwiera
• Opcjonalne

Pozycja:

• Określ kolejność w bloku

Zapisz

1. Kliknij „Zapisz"
2. Artykuł popup jest dodany

Co się dzieje? Gdy klient kliknie artykuł, otwiera się okno popup z dodatkowymi informacjami.

---

Opcja C: Nowe Przekierowanie (artykuł przekierowuje do zewnętrznej strony)

Użyj tego, jeśli artykuł ma linkować do innej strony internetowej (np. Twojego Instagrama lub dostawcy).

Utwórz artykuł przekierowania

1. Kliknij „Więcej" → „Nowe Przekierowanie"

Wypełnij ustawienia:

Tytuł, Tekst, Obraz, Daty, Miniatura:

• Wypełnij je tak jak przy poprzednich opcjach

Link:

• Wprowadź pełny URL, do którego klient ma przejść
• Na przykład: https://www.instagram.com/twojafirma
• Lub: https://www.dostawca.pl/akcja

Pozycja:

• Określ kolejność w bloku

Zapisz

1. Kliknij „Zapisz"
2. Artykuł przekierowania jest dodany

Co się dzieje? Gdy klient kliknie artykuł, zostaje przekierowany do zewnętrznej strony internetowej.

---

Krok 3: Dodaj wiele artykułów

Powtórz krok 2 dla każdego artykułu, który chcesz mieć w bloku. Możesz mieszać różne rodzaje:

• Artykuł 1: Strona (do większej ilości informacji)
• Artykuł 2: Popup (szybka wskazówka)
• Artykuł 3: Przekierowanie (do Instagrama)

Gotowe! Twój blok artykułów jest teraz wypełniony i gotowy do użycia.

---

Blok 2: Blok asortymentu

Blok asortymentu pokazuje grupę produktów w Twoim sklepie internetowym. Idealne dla ofert, nowych produktów lub artykułów sezonowych.

Kiedy używać?

• Wyraźne pokazywanie ofert
• Wyróżnianie nowych produktów
• Promowanie produktów sezonowych
• Pokazywanie bestsellerów

Krok 1: Utwórz blok asortymentu

Do menu bloków asortymentu

1. Przejdź do „Sklep (Nowy)"
2. Kliknij „Bloki asortymentu"
3. Widzisz przegląd istniejących bloków asortymentu

Utwórz nowy blok asortymentu

1. Kliknij „+ Nowy"

Wypełnij ustawienia:

Nazwa:

• Rozpoznawalna nazwa do użytku wewnętrznego
• Na przykład: „Oferty strona główna" lub „Nowe róże"

Tytuł:

• Ten tekst jest wyświetlany w sklepie internetowym nad blokiem
• Na przykład: „Specjalne oferty w tym tygodniu!"
• To, co klienci widzą

Sortowanie:

• Wybierz, jak produkty są sortowane
• Opcje: według ceny, nazwy, daty, najnowsze najpierw itp.

Liczba produktów na stronie głównej:

• Ile produktów ma być widocznych?
• Na przykład: 8 produktów
• Resztę klienci mogą zobaczyć przez przycisk „Więcej"

Ukryj przycisk więcej:

• Niezaznaczone: Klienci widzą przycisk „Więcej", aby zobaczyć wszystkie produkty
• Zaznaczone: Brak przycisku „Więcej", widoczne tylko te produkty

Użyj dni zamówień:

• Włączone: Sklep internetowy pokazuje tylko produkty, które mogą być dostarczone w wybranym dniu zamówienia
• Wyłączone: Sklep internetowy pokazuje wszystkie produkty, niezależnie od tego, czy można je kupić

Grupy list (opcjonalnie):

• Wybierz, z których grup list mają pochodzić produkty
• Na przykład: tylko z „Kwiaty cięte" lub „Oferty"
• Możesz wybrać wiele grup list
• Pozostaw puste = ze wszystkich grup list

Tagi (opcjonalnie):

• Wybierz, jaki tag musi mieć produkt, aby został pokazany
• Na przykład: tylko produkty z tagiem „Nowy" lub „Oferta"
• Możesz wybrać wiele tagów

Zapisz

1. Kliknij „Zapisz"
2. Blok asortymentu jest utworzony

Gotowe! Blok pokazuje teraz automatycznie produkty na podstawie Twoich ustawień.

---

Blok 3: Blok karuzeli

Blok karuzeli to obracający się baner z obrazami. Często używany na stronie głównej, aby przyciągnąć uwagę do akcji lub sezonów.

Kiedy używać?

• Duży baner na stronie głównej
• Pokazywanie zdjęć sezonowych
• Obracające się banery akcji
• Zdjęcia nastrojowe Twoich produktów

Krok 1: Utwórz blok karuzeli

Do menu bloków karuzeli

1. Przejdź do „Sklep (Nowy)"
2. Kliknij „Bloki karuzeli"
3. Widzisz przegląd istniejących bloków karuzeli

Utwórz nowy blok karuzeli

1. Kliknij „+ Nowy"

Wypełnij ustawienia:

Nazwa:

• Rozpoznawalna nazwa do użytku wewnętrznego
• Na przykład: „Baner strona główna" lub „Karuzela sezonowa"

Automatyczne przewijanie:

• Zaznaczone: Obrazy zmieniają się automatycznie
• Niezaznaczone: Klienci muszą sami klikać, aby zmieniać

Prędkość:

• Jeśli automatyczne przewijanie jest włączone: jak szybko zmieniają się obrazy?
• Na przykład: co 5 sekund
• W milisekundach (5000 = 5 sekund)

Zapisz

1. Kliknij „Zapisz"
2. Blok karuzeli jest utworzony

---

Krok 2: Dodaj obrazy do karuzeli

Teraz dodasz obrazy, które mają obracać się w karuzeli.

Otwórz menu Elementy

1. Wybierz właśnie utworzony blok karuzeli
2. Kliknij „Elementy"

Dodaj nowy obraz

1. Kliknij „+ Add Image" (lub „+ Dodaj obraz")

Wypełnij ustawienia:

Tytuł:

• Tekst wyświetlany na obrazie
• Na przykład: „Tulipany teraz 20% taniej!"
• Opcjonalne, może być puste

Daty widoczności (opcjonalnie):

• Od daty: Od kiedy ten obraz ma być w karuzeli?
• Do daty: Do kiedy ten obraz ma być widoczny?
• Pozostaw puste: Obraz jest zawsze widoczny

Przykład: Baner świąteczny widoczny tylko w grudniu

Prześlij zdjęcie:

1. Kliknij „Wybierz plik" lub ikonę przesyłania
2. Wybierz swój obraz
3. Prześlij

⚠️ WAŻNE o wymiarach:

Szerokość i wysokość karuzeli jest określana przez pierwszy obraz, który prześlesz!

Wskazówki dotyczące obrazów:

• Używaj tego samego formatu dla wszystkich obrazów
• Na przykład: wszystkie obrazy 1200x400 pikseli
• W przeciwnym razie niektóre obrazy zostaną rozciągnięte lub przycięte
• Przycinaj obrazy w programie takim jak Paint.NET (darmowy) lub Photoshop
• Nie w zwykłym Paint, który ma za mało możliwości

Przykład dobrych wymiarów:

• Baner desktop: 1200x400 pikseli
• Baner mobilny: 800x600 pikseli
• Kwadrat: 800x800 pikseli

Pozycja:

• Określ kolejność (1 = pierwszy obraz, 2 = drugi itp.)
• To kolejność, w jakiej obrazy są pokazywane

Zapisz

1. Kliknij „Zapisz"
2. Obraz jest dodany do karuzeli

---

Krok 3: Dodaj więcej obrazów

Powtórz krok 2 dla każdego obrazu, który ma być w karuzeli.

Przykładowa karuzela z 3 obrazami:

1. Obraz 1: „Kolekcja wiosenna" (marzec-maj)
2. Obraz 2: „Akcja Dzień Matki" (maj)
3. Obraz 3: „Baner ogólny" (zawsze widoczny)

Gotowe! Twój blok karuzeli jest wypełniony obrazami.

---

Umieszczanie bloków na stronach

Teraz, gdy utworzyłeś bloki, musisz umieścić je na stronach swojego sklepu internetowego.

Krok 1: Do stron

Otwórz stronę

1. Przejdź do „(Ogólne) Strona" lub „Strony"
2. Widzisz listę stron

Wybierz lub utwórz stronę

• Kliknij istniejącą stronę (np. swoją stronę główną)
• Lub utwórz nową stronę przez „Nowy"

Wskazówka: Nadawaj stronom jasne nazwy, abyś później wiedział, która strona jest czym.

---

Krok 2: Dodaj blok do strony

Otwórz menu Elementy

1. Kliknij stronę
2. Przejdź do „Elementy"
3. Widzisz teraz, co już jest na stronie

Dodaj blok

1. Kliknij „Więcej"
2. Wybierz typ bloku, który chcesz dodać:
   • Blok artykułów: Wybierz, który blok artykułów
   • Blok asortymentu: Wybierz, który blok asortymentu
   • Blok karuzeli: Wybierz, który blok karuzeli
3. Kliknij konkretny blok, który chcesz dodać

Zapisz

1. Nie zapomnij kliknąć „Zapisz"!
2. W przeciwnym razie Twoja praca zniknie
3. Blok jest teraz widoczny na stronie

---

Krok 3: Ustaw jako stronę startową (opcjonalnie)

Jeśli chcesz używać tej strony jako strony głównej swojego sklepu internetowego:

Ustaw stronę startową

1. Przejdź do „(Ogólne) Konfiguracje"
2. Wybierz konfigurację swojego sklepu internetowego
3. Znajdź pole „Strona startowa"
4. Wybierz właśnie utworzoną stronę
5. Kliknij „Zapisz"

Wynik: Ta strona z Twoimi blokami jest teraz stroną główną Twojego sklepu internetowego.

---

Praktyczne przykłady

Przykład 1: Strona główna z karuzelą i ofertami

• Krok 1: Utwórz blok karuzeli z 3 zdjęciami sezonowymi
• Krok 2: Utwórz blok asortymentu „Oferty" z 8 produktami
• Krok 3: Utwórz blok artykułów „Wiadomości" z 3 wpisami
• Krok 4: Dodaj wszystko do strony głównej: najpierw karuzela, potem oferty, potem wiadomości
• Wynik: Profesjonalna strona główna z treścią wizualną

Przykład 2: Sekcja wiadomości z różnymi artykułami

• Artykuł 1 (Strona): „Nowa szkółka" → linkuje do strony ze szczegółowymi informacjami
• Artykuł 2 (Popup): „Wskazówki pielęgnacji tulipanów" → otwiera popup z krótkimi wskazówkami
• Artykuł 3 (Przekierowanie): „Obserwuj nas na Instagramie" → przekierowuje do Instagrama
• Wynik: Różnorodne wiadomości z różnymi akcjami

Przykład 3: Asortyment sezonowy

• Blok: „Kwiaty wiosenne"
• Grupa list: Wybierz „Kwiaty cięte"
• Tag: Wybierz „Wiosna"
• Widoczność: Tylko marzec-maj
• Wynik: Automatycznie odpowiednie produkty w odpowiednim sezonie

Przykład 4: Złe wymiary karuzeli

• Problem: Pierwszy obraz to 1200x400, drugi to 800x600
• Wynik: Drugi obraz zostaje rozciągnięty i wygląda brzydko
• Rozwiązanie: Przytnij drugi obraz do 1200x400 w Paint.NET
• Wynik: Oba obrazy wyglądają dobrze

---

Ważne wskazówki

Wskazówka 1: Zaplanuj swoje bloki wcześniej

• Najpierw zastanów się, jakich bloków potrzebujesz
• Zrób listę: „Karuzela strona główna", „Oferty", „Wiadomości"
• Utwórz wszystkie przed umieszczeniem ich na stronach

Wskazówka 2: Spójne wymiary karuzeli

• Zmierz wymiary swojego pierwszego obrazu karuzeli
• Przytnij wszystkie inne obrazy do dokładnie tych samych wymiarów
• To zapobiega rozciągniętym lub przyciętym zdjęciom

Wskazówka 3: Używaj jasnych nazw

• „Karuzela strona główna 2025" jest lepsze niż „Karuzela1"
• Później nadal będziesz wiedział, co to było
• Szczególnie przydatne, gdy masz wiele bloków

Wskazówka 4: Testuj bloki asortymentu

• Sprawdź, czy pokazywane są właściwe produkty
• Dostosuj filtry, jeśli to niepoprawne
• Testuj z różnymi grupami list i tagami

Wskazówka 5: Używaj dat dla treści sezonowych

• Ustaw daty włącz/wyłącz dla artykułów sezonowych
• Baner świąteczny automatycznie usuwany po świętach
• Oszczędza pracę ręczną

Wskazówka 6: Nie zapomnij zapisać

• Zawsze klikaj „Zapisz" po zmianach
• W przeciwnym razie Twoja praca zniknie
• Sprawdź dwa razy przed zamknięciem ekranu

Często zadawane pytania

Pytanie: Ile bloków mogę utworzyć?

• Nieograniczone
• Twórz tyle, ile potrzebujesz
• Ale zachowaj przejrzystość

Pytanie: Czy mogę używać tego samego bloku na wielu stronach?

• Tak, oczywiście!
• To właśnie zaleta bloków
• Utwórz raz, używaj wszędzie

Pytanie: Czy mogę dostosować blok później?

• Tak, zawsze
• Zmiany są natychmiast widoczne na wszystkich stronach, gdzie znajduje się blok
• To przydatne dla aktualizacji

Pytanie: Dlaczego nie widzę produktów w moim bloku asortymentu?

• Sprawdź, czy ustawiłeś grupy list lub tagi
• Możliwe, że nie ma produktów spełniających kryteria
• Dostosuj filtry lub pozostaw je puste

Pytanie: Moje obrazy karuzeli są rozciągnięte, co teraz?

• Wszystkie obrazy muszą mieć te same wymiary
• Przytnij je w Paint.NET lub innym programie
• Używaj dokładnie tych samych pikseli (szerokość x wysokość)

Pytanie: Jak usunąć blok ze strony?

• Przejdź do strony → Elementy
• Wybierz blok
• Kliknij usuń
• Sam blok pozostaje, znika tylko link do strony

Co robić w przypadku problemów?

Problem: Blok niewidoczny w sklepie internetowym

• Sprawdź, czy dodałeś blok do strony
• Sprawdź, czy kliknąłeś „Zapisz"
• Odśwież pamięć podręczną sklepu internetowego
• Sprawdź, czy strona jest ustawiona jako strona startowa

Problem: Obrazy karuzeli wyglądają dziwnie

• Sprawdź, czy wszystkie obrazy mają te same wymiary
• Przytnij je do dokładnie tych samych pikseli
• Prześlij je ponownie

Problem: Blok asortymentu jest pusty

• Sprawdź swoje filtry (grupy list, tagi)
• Możliwe, że nie ma produktów spełniających kryteria
• Usuń filtry, aby pokazać więcej produktów
• Sprawdź, czy „Użyj dni zamówień" powoduje problemy

Problem: Artykuł niewidoczny w bloku artykułów

• Sprawdź daty widoczności
• Możliwe, że data już wygasła
• Dostosuj daty lub pozostaw puste, aby zawsze były widoczne

Problem: Nie mogę znaleźć bloku do dodania do strony

• Sprawdź, czy zapisałeś blok po utworzeniu
• Odśwież stronę
• Możliwe, że jest w innej kategorii (artykuł/asortyment/karuzela)

Podsumowanie

Tworzenie bloków dla Twojego sklepu internetowego odbywa się przez najpierw utworzenie bloków, a następnie umieszczenie ich na stronach:

Trzy rodzaje bloków:

1. Blok artykułów (wiadomości/info):

   • Utwórz blok: Bloki artykułów → Nowy → nazwa, liczba artykułów, przycisk „Więcej" → Zapisz
   • Dodaj elementy: Wybierz blok → Elementy → wybierz typ: Nowa Strona (linkuje do strony), Nowy Popup (otwiera popup) lub Nowe Przekierowanie (przekierowuje do strony)
   • Wypełnij dla każdego elementu: tytuł, tekst, miniatura, daty (opcjonalnie), link/popup/przekierowanie, pozycja → Zapisz

2. Blok asortymentu (grupy produktów):

   • Utwórz blok: Bloki asortymentu → Nowy → nazwa, tytuł (widoczny w sklepie), sortowanie, liczba produktów, przycisk „Więcej", dni zamówień (włącz/wyłącz)
   • Filtry: grupy list (opcjonalnie) i tagi (opcjonalnie) określają, które produkty są pokazywane
   • Zapisz → produkty pojawiają się automatycznie na podstawie filtrów

3. Blok karuzeli (obracający się baner):

   • Utwórz blok: Bloki karuzeli → Nowy → nazwa, automatyczne przewijanie (włącz/wyłącz), prędkość → Zapisz
   • Dodaj obrazy: Wybierz blok → Elementy → + Add Image → tytuł (opcjonalnie), daty (opcjonalnie), prześlij zdjęcie
   • Ważne: Używaj dla WSZYSTKICH obrazów dokładnie tych samych wymiarów (pikseli), aby zapobiec rozciąganiu, przycinaj w Paint.NET
   • Powtórz dla każdego obrazu

Umieszczanie bloków na stronach:

• Przejdź do Strony → wybierz stronę → Elementy → Więcej → wybierz typ bloku → wybierz konkretny blok → Zapisz
• Opcjonalnie: Ustaw stronę jako startową przez Konfiguracje → Strona startowa

Uwaga: Nigdy nie zapomnij kliknąć „Zapisz", w przeciwnym razie Twoja praca zniknie!