Jak ustawić bloki ikon
ℹ️ Note: Ten artykuł został automatycznie przetłumaczony za pomocą AI i może zawierać nieścisłości. Jeśli coś wygląda źle, skontaktuj się z naszym zespołem wsparcia.
Dowiedz się, jak dodawać i konfigurować bloki ikon, aby podkreślić kluczowe propozycje dotyczące wartości sklepu, takie jak bezpłatna wysyłka, bezpieczne wymeldowanie, łatwe zwroty, szybka dostawa i więcej.
Bloki ikon pomagają zwiększyć zaufanie klientów, czyniąc ważne informacje o sklepach bardziej wizualnie angażujące.
✅ Krok 1: Otwórz ustawienia bloków ikon
1 Shopify Admin → Aplikacje → Hoppy Trust Badges aplikacja.
Kliknij na Utwórz nową odznakę.
✅ Krok 2: Wybierz miejsce
Z dostępnych opcji umieszczenia wybierz, gdzie chcesz, aby bloki ikon się pojawiły.
📍 Dostępne typy miejsc
Strona produktu
- Pokaż bloki ikon bezpośrednio na stronach produktu
- Pomaga klientom czuć się bardziej pewnie przed zakupem
Footer
- Wyświetl bloki ikon w sekcji stóp
- Utrzymuje wiadomości zaufania widoczne w całym sklepie
Ikony pływające
- Wyświetl pływające bloki ikon podczas przewijania klientów
- Zazwyczaj umieszczane w rogach ekranu dla lepszej widoczności
Drawer w koszyku
- Pokaż bloki ikon wewnątrz mini koszyka lub wyślizg koszyka
- Wzmacnia zaufanie podczas treningu koszyka
Strona koszyka
- Wyświetl ikonę Bloki bezpośrednio na stronie koszyka przed wymeldowaniem
- Pomaga zmniejszyć wahania przed zakupem
Strona odprawy
- Wyświetl bloki ikon podczas Shopify proces sprawdzania
- Pomaga wzmocnić zaufanie przed zakończeniem zamówienia
- Dostępne tylko dla Shopify Plus handlowcy
Niestandardowe położenie
- Ręcznie umieścić bloki ikon dokładnie tam, gdzie trzeba
- Pozycjonowanie można dostosować za pomocą Shopify Edytor motywów
✅ Krok 3: Ustawienie bloków ikon
Wewnątrz Zawartość tab, zlokalizuj Typ odznaki rozwijane i wybierane:
Bloki ikon
📝 Konfiguracja zawartości bloku
Wewnątrz Zawartość bloku sekcja:
- Dodaj wewnętrzną nazwę bloku dla łatwiejszego zarządzania wewnątrz deski rozdzielczej admin
- Nazwa ta jest widoczna tylko w obszarze administracyjnym i nie jest pokazywana odwiedzającym sklep
✍️ Konfiguracja tekstu promocyjnego
Możesz dostosować wiadomości wyświetlane obok ikon.
Dostępne pola
Tytuł
Dodaj główną wiadomość dla bloku ikon.
Przykładowe tytuły
- Darmowa wysyłka
- Bezpieczne wymeldowanie
- Łatwe zwracanie
- Szybka dostawa
Podpozycja
Dodaj wiadomość wspierającą pod tytułem.
Przykład Podnagłówki
- Brak dodatkowych kosztów
- 100% bezpiecznych płatności
- Hassle- Free Returns
- Statki w ciągu 24 godzin
🎨 Wybierz & zarządzaj ikonami
Możesz dostosować ikony wyświetlane wewnątrz bloku ikon.
Dostępne działania
- Wybierz ikony z budynku w bibliotece ikon
- Zastąp istniejące ikony
- Usuń niechciane ikony
- Dodaj wiele ikon bocznie
Obsługiwane przykłady
- Wiza
- Mastercard
- PayPal
- Pasek
- Ikony wysyłki
- Ikony bezpieczeństwa
📤 Wyślij własne ikony
Oprócz built- w bibliotece ikon, można również przesłać własne ikony bezpośrednio z urządzenia.
Pozwala to na większą elastyczność w sklepach przy użyciu własnej marki lub unikalnych zasobów wizualnych.
➕ Dodaj więcej ikon
Kliknij Dodaj nową ikonę do włączenia dodatkowych ikon wewnątrz tego samego bloku ikon.
💡 Wiele ikon można wyświetlić razem, aby wzmocnić zaufanie.
🔗 Konfiguracja zaproszenia do działania (CTA)
Każdy blok ikon może opcjonalnie obejmować klikalne zachowanie.
Dostępne typy CTA
Brak zaproszenia do działania
Ikony pozostają statyczne i nie można kliknąć.
Jest to przydatne, gdy ikony przeznaczone są tylko do wizualnego budowania zaufania.
Dodaj przycisk z linkiem
Wytworzy oddzielny przycisk klikalny obok ikon lub poniżej.
Jest to przydatne przy kierowaniu klientów w kierunku:
- Strony FAQ
- Polityka transportowa
- Polityka powrotowa
- Strony informacyjne o bezpieczeństwie
Dodaj link do całego bloku
Sprawia, że cały blok ikon staje się klikalny.
Dzięki temu klienci mogą kliknąć w dowolnym miejscu wewnątrz bloku.
💡 Działa to szczególnie dobrze do łączenia klientów do zaufania, wysyłki lub strony polityki.
📌 Dostępne lokalizacje odnośników
Po wybraniu typu CTA można wybrać, gdzie klienci powinni być przekierowani.
Strona produktu
Przekierować odwiedzających bezpośrednio do Shopify produkt.
Strona kolekcji
Przekierować odwiedzających do Shopify Kolekcja.
Własny adres URL
Przekierować odwiedzających do:
- Warunki świadczenia usług
- Strona o nas
- Polityka transportowa
- Strony zewnętrzne
🛒 Łączenie produktów
Jeśli wybrano powiązanie strony produktu:
→ Stosowanie Wybierz produkt wybrać produkt docelowy bezpośrednio z Twojego Shopify sklep.
🔄 Ustaw ikony
Możesz łatwo zarządzać układem ikon i układem.
Dostępne działania
- Dodaj wiele ikon
- Usuń poszczególne ikony
- Rearrange kombinacji ikon dla czystszych układów
⚠️ Zbyt wiele ikon razem może wpływać na odstępy na mniejszych ekranach mobilnych.
✅ Krok 4: Dostosuj ustawienia projektu
Otwórz Projekt zakładka do stylizacji bloków ikon.
Dostępne kontrole projektu
Widoczność
Wybierz:
- Desktop & Mobile
- Tylko pulpit
- Tylko mobilne
Typografia i kolory
Dostosuj:
- Czcionki
- Rozmiary tekstu
- Kolory tła
- Granice
- Odstęp
⚠️ Ważne:
Niestandardowa edycja kolorów jest dostępna tylko dla obsługiwanych ikon built- in.
Wysłane obrazy i niektóre standardowe logo płatności mogą zachować swoje oryginalne kolory.
Animacje
Wybierz style animacji, aby bloki ikon czuły się bardziej dynamiczne i zauważalne.
💡 Subtelne animacje często osiągają najlepsze wyniki bez rozpraszania.
✅ Krok 5: Konfiguracja położenia i widoczności
Przejdź do Położenie i widoczność Tab.
Dostępne kontrole
Strony
Wybierz, gdzie powinny pojawić się bloki ikon:
- Wszystkie strony
- Tylko strona domowa
- Strony produktu
- Kolekcja stron
Urządzenia
Widoczność sterowania dla:
- Desktop
- Mobile
- Oba
Pozycja
Ustawienie położenia, takie jak:
- Lewa część dna
- Dolny prawy
- Pozycja wewnątrz
Schemat
Opcjonalnie skonfigurować:
- Data rozpoczęcia
- Data końcowa
- Tymczasowa widoczność kampanii
✅ Krok 6: Zapisz & publikuj
Po pełnym skonfigurowaniu bloków ikon:
- Kliknij Zapisz
- Następnie kliknij Publikuj
Po publikacji:
→ Odwiedź swój sklep i sprawdzić, czy bloki ikon pojawiają się poprawnie w wybranej lokalizacji.
💡 Szybkie rozwiązywanie problemów
Jeśli bloki ikon nie pojawią się na Twoim sklepie po opublikowaniu:
Twój Shopify motyw może blokować osadzenie aplikacji.
Aby to naprawić
- Idź do Shopify Admin → Sklep internetowy → Tematy
- Kliknij Edytuj motyw na żywo temat
- Otwórz Name z paska bocznego
- Włączenie / wyłączenie Hoppy Trust Badges (Odznaki i ikony) → PL
- Kliknij Zapisz
✅ Wynik końcowy
Po skonfigurowaniu z powodzeniem, bloki ikon pomagają uczynić twój sklep bardziej wiarygodnym, pouczającym i zorientowanym na konwersję.
Z odpowiednią konfiguracją:
✅ Klienci zyskują większą pewność siebie przed zakupem
✅ Ważna polityka sklepu staje się bardziej widoczna
✅ Poufność wiadomości wydaje się czystsza i bardziej profesjonalna
✅ Zaangażowanie sklepowe poprawia
✅ Wahania checkout można zmniejszyć
✅ Wiarygodność marki staje się silniejsza
Bloki ikon działają najlepiej, gdy są połączone z czystymi układami, wyważonym odstępem i znaczącymi komunikatami skoncentrowanymi na zaufaniu.
Aktualizowane na: 10/09/2026
Dziękuję!