Start
Instrukcja obsługi
Ten dokument przeprowadzi Cię przez najważniejsze czynności związane z zarządzaniem stroną luanaferracuti.pl. Strona zbudowana jest na platformie WordPress z wtyczką WooCommerce (sklep) i Elementor Pro (wygląd strony).
Czego się nauczysz
1
Dodawać produkty wraz z opisami i zdjęciami
Krok po kroku przez panel WooCommerce — od nowego produktu do opublikowania go w sklepie.
2
Modyfikować teksty na stronie
Jak edytować nagłówki, opisy i inne treści za pomocą Elementora oraz Custom Code.
3
Zmieniać czas wyświetlania popupu
Gdzie znaleźć w kodzie parametr czasu i jak go bezpiecznie zmienić.
Jak zalogować się do panelu
1
Przejdź pod adres
https://luanaferracuti.pl/wp-admin
2
Wpisz login i hasło
Dane logowania otrzymałeś oddzielnie. Przechowuj je w bezpiecznym miejscu.
3
Jesteś w panelu WordPress
Z lewego menu możesz przejść do Produktów, Zamówień, Elementora i wszystkich ustawień strony.
Sekcja 01
Dodawanie produktów
Każdy nowy produkt dodajesz przez panel WooCommerce. Poniżej znajdziesz pełny proces — od kliknięcia "Dodaj produkt" do opublikowania go w sklepie.
1
Przejdź do Produkty → Dodaj nowy
W lewym menu kliknij Produkty, a następnie Dodaj nowy. Otworzy się edytor nowego produktu.
2
Wpisz nazwę produktu
U góry strony wpisz nazwę torebki, np. Torebka Classica – Czarna. To jest główna nazwa widoczna w sklepie.
3
Dodaj opis produktu
W dużym polu tekstowym poniżej nazwy wpisz pełny opis torebki — materiał, wymiary, kolor, co jest w środku. To opis widoczny na stronie produktu.
Krótki opis: Po prawej stronie znajdziesz też pole "Krótki opis produktu" — wpisz tam 1-2 zdania, które pojawią się obok zdjęcia na stronie produktu.
4
Ustaw dane produktu (cena, stan)
Poniżej edytora znajdziesz panel Dane produktu. Tam ustaw:
| Pole | Co wpisać |
|---|---|
| Cena regularna | Cena w złotych, np. 729 (bez "zł") |
| Cena promocyjna | Cena po obniżce (opcjonalnie) |
| SKU | Kod produktu, np. LF-001 (opcjonalnie) |
| Zarządzaj stanem magazynowym | Zaznacz, jeśli chcesz śledzić ilość sztuk |
| Ilość w magazynie | Liczba dostępnych sztuk |
5
Przypisz kategorię
Po prawej stronie znajdziesz panel Kategorie produktów. Zaznacz odpowiednią kategorię:
✓ Torebki na ramię
✓ Shopperki / Tote bag
✓ Mini torebki
✓ Kopertówki i wieczorowe
✓ Torebki na ramię
✓ Shopperki / Tote bag
✓ Mini torebki
✓ Kopertówki i wieczorowe
6
Opublikuj produkt
Kliknij przycisk Opublikuj w prawym górnym rogu. Produkt pojawi się w sklepie natychmiast.
Wskazówka: Jeśli chcesz zapisać produkt bez publikowania, kliknij Zapisz szkic. Możesz wrócić i dokończyć go później.
Sekcja 02
Zdjęcia produktów
Zdjęcia mają ogromny wpływ na sprzedaż. Poniżej dowiesz się jak dodać główne zdjęcie produktu oraz galerię dodatkowych zdjęć.
Główne zdjęcie produktu
1
Znajdź panel "Zdjęcie produktu"
Po prawej stronie edytora produktu (przewiń w dół) znajdziesz panel Zdjęcie produktu.
2
Kliknij "Ustaw zdjęcie produktu"
Otworzy się biblioteka mediów WordPress. Możesz wybrać zdjęcie które już wgrałeś, lub kliknąć Wyślij pliki żeby wgrać nowe.
3
Wybierz zdjęcie i kliknij "Ustaw zdjęcie produktu"
Zdjęcie pojawi się jako miniatura w panelu po prawej.
Zalecane wymiary: minimum 800×800 px, format JPG lub PNG, białe tło dla spójności z resztą sklepu.
Galeria produktu (dodatkowe zdjęcia)
1
Znajdź panel "Galeria produktu"
Tuż poniżej panelu "Zdjęcie produktu" znajdziesz panel Galeria produktu.
2
Kliknij "Dodaj zdjęcia do galerii produktu"
Możesz wybrać wiele zdjęć jednocześnie przytrzymując Ctrl (Windows) lub Cmd (Mac) i klikając na kolejne zdjęcia.
3
Zmień kolejność przeciągając
Zdjęcia w galerii możesz przeciągać myszką żeby zmienić ich kolejność. Pierwsze zdjęcie pojawi się jako pierwsza miniatura.
Sekcja 03
Zmiana tekstów na stronie
Teksty na stronie możesz zmieniać na dwa sposoby — przez edytor Elementora (dla bloków na stronach) lub przez Custom Code (dla widgetów takich jak menu, hero, recenzje).
Sposób 1 – Edytor Elementora (strony główna, O nas, itp.)
1
Otwórz stronę w Elementorze
Przejdź na stronę którą chcesz edytować i kliknij Edytuj w Elementorze (przycisk na górnym pasku WordPress).
2
Kliknij na tekst który chcesz zmienić
Po lewej stronie pojawi się panel z ustawieniami. Znajdź pole z tekstem i wpisz nową treść.
3
Zapisz i opublikuj
Kliknij zielony przycisk Opublikuj na dole lewego panelu. Zmiany są widoczne natychmiast.
Sposób 2 – Custom Code (widgety: menu, sklep, recenzje, hero)
Kiedy używać: Gdy tekst który chcesz zmienić nie reaguje na kliknięcie w Elementorze — jest częścią widgetu wklejonego jako Custom Code.
1
Przejdź do Elementor → Custom Code
W lewym menu WordPress kliknij Elementor → Custom Code. Zobaczysz listę wszystkich widgetów.
2
Znajdź właściwy widget
Widgety są nazwane — np. LF Hero, LF Menu, LF Reviews. Kliknij Edytuj przy odpowiednim.
| Widget | Co zawiera |
|---|---|
| LF Menu | Nawigacja, ticker u góry, mega menu kategorii |
| LF Hero | Slider na stronie głównej z tekstami i przyciskami |
| LF Shop | Sklep — tekst wprowadzający, produkty, filtry |
| LF Reviews | Sekcja opinii klientów |
| LF About | Sekcja "O nas" |
| LF Social Proof | Popup "ktoś właśnie kupił" |
3
Znajdź tekst w kodzie i zmień go
Użyj skrótu Ctrl+F (lub Cmd+F na Mac) żeby wyszukać konkretny tekst w kodzie. Zmień tylko tekst — nie usuwaj cudzysłowów ani znaczników HTML.
Uwaga: Nie usuwaj znaków takich jak
< > " ' wokół tekstu. Zmieniaj tylko sam tekst między nimi.4
Kliknij Aktualizuj
Przycisk Aktualizuj w prawym górnym rogu zapisze i opublikuje zmiany natychmiast.
Sekcja 04
Czas wyświetlania popupu
Na stronie działają dwa rodzaje popupów: popup newslettera (pojawia się po wejściu na stronę) oraz social proof popup (informacja o zakupach). Poniżej dowiesz się jak zmienić czas każdego z nich.
Popup "Powiadom o nowościach" (newsletter)
1
Przejdź do Elementor → Custom Code → LF Shop
2
Znajdź linię z czasem opóźnienia
Użyj Ctrl+F i wyszukaj:
setTimeout(showPopup
Zobaczysz coś takiego:
setTimeout(showPopup, 8000);
Liczba
8000 oznacza 8 sekund (1 sekunda = 1000 ms).3
Zmień wartość na wybraną liczbę
| Chcesz | Wpisz |
|---|---|
| 5 sekund | 5000 |
| 10 sekund | 10000 |
| 30 sekund | 30000 |
| 1 minuta | 60000 |
Social proof popup ("ktoś właśnie kupił")
1
Przejdź do Elementor → Custom Code → LF Social Proof
2
Znajdź parametry czasu
var SHOW_MS = 5000; // jak długo widoczny
var HIDE_MS = 29000; // przerwa między popupami
3
Zmień wartości według potrzeb
SHOW_MS — jak długo popup jest widoczny (domyślnie 5 sekund)HIDE_MS — przerwa między kolejnymi popupami (domyślnie 29 sekund)Sekcja 05
Kategorie produktów
Sklep ma 4 kategorie. Możesz zmienić ich nazwy lub dodać nowe przez panel WooCommerce.
Aktualne kategorie
| Kategoria | Opis |
|---|---|
| Torebki na ramię | Codzienne torebki noszone na ramieniu |
| Shopperki / Tote bag | Duże torby do pracy i na co dzień |
| Mini torebki | Małe torebki na specjalne okazje |
| Kopertówki i wieczorowe | Eleganckie torebki na wieczór |
Jak dodać nową kategorię
1
Produkty → Kategorie
W lewym menu kliknij Produkty → Kategorie.
2
Wpisz nazwę nowej kategorii i kliknij "Dodaj nową kategorię"
3
Zaktualizuj menu kategorii w Custom Code
Po dodaniu nowej kategorii w WooCommerce, zaktualizuj też listę w LF Menu → Custom Code — tam znajdziesz tablicę
CATS z nazwami kategorii.Pamiętaj żeby przy tej zmianie skontaktować się ze mną — edycja kodu wymaga ostrożności.
Sekcja 06
Zamówienia
Wszystkie zamówienia złożone w sklepie znajdziesz w panelu WooCommerce. Możesz zmieniać ich statusy, wysyłać faktury i obsługiwać zwroty.
1
WooCommerce → Zamówienia
W lewym menu kliknij WooCommerce → Zamówienia. Zobaczysz listę wszystkich zamówień.
2
Statusy zamówień
| Status | Znaczenie |
|---|---|
| Oczekuje na płatność | Zamówienie złożone, płatność nie dotarła |
| W realizacji | Płatność potwierdzona, przygotowujesz paczkę |
| Zrealizowane | Paczka wysłana do klienta |
| Anulowane | Zamówienie anulowane |
| Zwrot | Klient zwrócił towar |
3
Jak zmienić status zamówienia
Kliknij na numer zamówienia → po prawej stronie znajdziesz pole Status zamówienia → wybierz nowy status → kliknij Aktualizuj.
Sekcja 07
Widgety Elementora
Strona składa się z widgetów wklejonych jako Custom Code w Elementorze. Każdy widget odpowiada za osobną sekcję strony.
| Nazwa widgetu | Sekcja na stronie | Gdzie edytować |
|---|---|---|
| LF Menu | Nawigacja + ticker + mega menu | Elementor → Custom Code |
| LF Hero | Slider na stronie głównej | Elementor → Custom Code |
| LF Shop | Sklep z produktami | Elementor → Custom Code |
| LF Ticker Bands | Paski z informacjami (dostawy, płatności) | Elementor → Custom Code |
| LF Reviews | Sekcja opinii | Elementor → Custom Code |
| LF About | Sekcja "O nas" / Historia marki | Elementor → Custom Code |
| LF Product | Karta produktu | Elementor → Custom Code |
| LF Footer | Stopka strony | Elementor → Custom Code |
| LF Social Proof | Popup zakupowy (lewy dół) | Elementor → Custom Code |
| LF Account | Panel konta klienta | Elementor → Custom Code |
Zasada ogólna: Jeśli coś na stronie nie reaguje na edycję w Elementorze — szukaj tego w Custom Code. Jeśli masz wątpliwości, skontaktuj się przed dokonaniem zmian.
Sekcja 08
FAQ – Najczęstsze pytania
Odpowiedzi na pytania które najczęściej pojawiają się podczas zarządzania sklepem.
?
Zmieniłem coś i strona się posypała — co robić?
Nie panikuj. Przejdź do Elementor → Custom Code → znajdź zmieniony widget → kliknij Rewizje (historia zmian) → przywróć poprzednią wersję. Jeśli nie wiesz jak, skontaktuj się ze mną.
?
Jak zmienić cenę produktu?
Produkty → znajdź produkt → kliknij Edytuj → przewiń do sekcji Dane produktu → zmień Cenę regularną → kliknij Aktualizuj.
?
Jak ukryć produkt ze sklepu bez usuwania?
Edytuj produkt → po prawej stronie znajdź Status → zmień z Opublikowany na Szkic → Aktualizuj. Produkt zniknie ze sklepu ale zostanie zapisany.
?
Jak wyłączyć popup newslettera na czas?
Elementor → Custom Code → LF Shop → znajdź
setTimeout(showPopup → zmień czas na 99999999 (bardzo duża liczba = praktycznie nigdy). Żeby włączyć z powrotem — zmień na normalną wartość jak 8000.?
Klient pyta o fakturę — gdzie ją znaleźć?
WooCommerce → Zamówienia → kliknij zamówienie klienta → po prawej stronie znajdziesz opcję Pobierz fakturę (jeśli masz zainstalowaną wtyczkę do faktur, np. WooCommerce PDF Invoices).