Jak używać predefiniowanych szablonów do stylizacji przycisków listy życzeń

Czy Twój sklep potrzebuje odświeżenia wyglądu, ale nie masz czasu na ręczne dopracowywanie każdego piksela? Wybór odpowiedniego wyglądu dla przycisków Dodaj do listy życzeń nie powinien być czasochłonnym zadaniem.

Dzięki ustawieniom Trybu Konfiguracji w SaveTo Wishlist możesz profesjonalnie stylizować przyciski listy życzeń w kilka sekund. Niezależnie od tego, czy chcesz użyć natychmiastowych Gotowych Stylów, czy zagłębić się w Ustawienia Niestandardowe, masz teraz pełną kontrolę nad tym, jak przyciski pojawiają się na stronach Produktu, Sklepu i Koszyka.

Po zakończeniu tego przewodnika będziesz wiedzieć, jak przełączać się między trybami projektowania i nadać swojemu sklepowi spójny, profesjonalny wygląd, który idealnie pasuje do Twojej marki.

Wymagania wstępne

• Zainstalowany i aktywny SaveTo Wishlist Lite.
• Dostęp administratora do Twojego panelu WordPress.
• Zainstalowany i skonfigurowany WooCommerce.

Dlaczego warto używać gotowych stylów przycisków?

Szybkość i spójność są kluczowe dla każdego rozwijającego się sklepu WooCommerce. Kiedy Twoje przyciski wyglądają świetnie i działają identycznie na wszystkich stronach, buduje to zaufanie u Twoich klientów.

Gotowe szablony oszczędzają czas — błyskawicznie zmieniaj wygląd przycisków bez ręcznego CSS czy wybierania kolorów. A ponieważ każda lokalizacja strony jest niezależna, możesz zastosować różne projekty do stron Produktu, Sklepu i Koszyka osobno.

💡 Wskazówka:
Jeśli wolisz całkowicie unikalny wygląd, nadal możesz użyć gotowego szablonu jako „bazy”, a następnie dostosować kolory!

1. Uzyskaj dostęp do zakładek stylów przycisków

Zorganizowaliśmy ustawienia w łatwe do zarządzania kategorie, dzięki czemu możesz indywidualnie stylizować każdą część swojego sklepu.

1. Przejdź do SaveTo Wishlist → Ustawienia.
2. Przejdź do zakładki Umiejscowienie i Style Przycisków.
3. Pojawią się trzy sekcje: Produkt, Sklep i Koszyk. Kliknij tę, którą chcesz edytować.

2. Wybierz swój tryb konfiguracji

Każda lokalizacja ma selektor radiowy Tryb Konfiguracji. Tutaj decydujesz, ile kontroli chcesz mieć:

1. Wybierz Użyj gotowych szablonów, aby przeglądać galerię szablonów przycisków listy życzeń.
2. Alternatywnie, wybierz Ustawienia Niestandardowe, jeśli wolisz pominąć szablony i użyć ręcznych selektorów kolorów.

3. Zastosuj gotowy szablon

W każdej sekcji wybierz zakładkę Użyj gotowych szablonów w opcji Tryb Konfiguracji.

1. Przeglądaj dostępne gotowe szablony (np. „Klasyczny Czerwony”, „Minimalistyczny Ciemny” lub „Nowoczesny Fioletowy”).
2. Kliknij gotowy szablon, aby go zastosować. Narzędzie automatycznie zaktualizuje kształt, obramowanie i domyślny układ przycisku.

4. Dostosuj swoje kolory

Jeśli wybierzesz Ustawienia Niestandardowe, selektor gotowych szablonów zostanie zastąpiony indywidualnymi kontrolkami projektowania. Użyj ich, aby zbudować przycisk od podstaw lub dostosować gotową „bazę”.

1. Typografia i Rozmiar: Ustaw dokładny Rozmiar Tekstu i Rozmiar Ikony.
2. Wybór kolorów: Ręcznie wybierz Kolor tła, Kolor tekstu i Kolor ikony.
3. Obramowanie i kształt: Dostosuj szerokość obramowania, kolor i zaokrąglenie rogów.
4. Wybór kolorów pozostaje otwarty podczas pracy, co przyspiesza porównywanie różnych odcieni bez wielokrotnego zamykania menu.

5. Zastosuj niezależne style

Pamiętaj, że możesz mieszać i dopasowywać style do różnych kontekstów!

1. Użyj dużego przycisku Niestandardowy na stronie produktu, aby uczynić go głównym wezwaniem do działania.
2. Zastosuj Minimalny preset na stronie sklepu, aby siatka produktów była przejrzysta i uporządkowana.
3. Wybierz Nowoczesny preset na stronie koszyka, aby zachęcić klientów do zapisywania przedmiotów na później, zamiast ich porzucania.

6. Zapisz i przejrzyj zmiany

1. Kliknij Zapisz zmiany na dole strony.
2. Odwiedź swój sklep i stronę produktu, aby zobaczyć nowe style przycisków w akcji!

Rozwiązywanie typowych problemów

⚠︎ Preset nie zmienił koloru mojego przycisku.
Presety głównie kontrolują strukturę i szablon przycisku. Jeśli wcześniej ustawiłeś „Niestandardowy kolor”, ten kolor zostanie zastąpiony. Zaktualizuj ustawienia wyboru kolorów bezpośrednio z podkarty Ustawienia niestandardowe, aby upewnić się, że kolory Twojej marki są stosowane do nowego szablonu.

⚠︎ Przycisk wygląda inaczej na moim telefonie komórkowym.
Niektóre motywy WordPress mają bardzo silne „Style globalne”, które próbują nadpisać przyciski wtyczek. Jeśli Twój przycisk wygląda na „zamknięty w ramce” lub czcionka jest za mała, wypróbuj inny preset lub sprawdź ustawienia przycisków swojego motywu.

Jeśli układ strony nie aktualizuje się po zapisaniu, wyczyść pamięć podręczną witryny. Więcej informacji na ten temat znajdziesz w oficjalnym przewodniku WooCommerce dotyczącym czyszczenia pamięci podręcznej.

FAQ

➤ Kiedy powinienem używać trybu Preset zamiast trybu Niestandardowy?
Użyj trybu Preset, jeśli chcesz szybko uzyskać gwarantowany „dobry” wygląd. Użyj trybu Niestandardowy, jeśli Twoja marka używa niestandardowych kolorów lub jeśli potrzebujesz przycisku o bardzo specyficznym rozmiarze.

➤ Czy zmiana presetu strony sklepu wpływa na stronę produktu?
Nie. Każda lokalizacja strony (Produkt, Sklep, Koszyk) jest w 100% niezależna, co pozwala zoptymalizować doświadczenie użytkownika dla każdego konkretnego obszaru Twojego sklepu.

➤ Czy wybranie nowego presetu usunie moje poprzednie niestandardowe kolory?
Tak, jeśli potwierdzisz zmianę, Twoje bieżące ustawienia zostaną zastąpione domyślnymi stylami wybranego presetu. Po zastosowaniu presetu nadal możesz aktualizować kolory z podkarty Ustawienia niestandardowe.

Przyspiesz projektowanie swojego sklepu dzięki szablonom presetów

Przeszedłeś teraz od ręcznego stylizowania do błyskawicznego projektowania! Korzystając z szablonów presetów, zapewniasz swojemu sklepowi profesjonalny i spójny wygląd, co jest kluczowym czynnikiem w konwersji przeglądających na kupujących.

Teraz, gdy Twoje przyciski wyglądają idealnie, przejdź do zakładki Ogólne i włącz Powiadomienia z zanikaniem, aby jeszcze bardziej usprawnić dodawanie do listy życzeń!