ℹ️ 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.

Sekcja Design & Styling daje pełną kontrolę nad tym, jak twój baner cookie consent pojawia się w całym sklepie.

Od szablonów i pozycjonowania do kolorów, typografii, ikon i stylizacji guzików, prawie każdy wizualny aspekt banera może być dostosowane do marki sklepu i stworzyć bardziej profesjonalne doświadczenie zgody.

⚠️ Zanim zaczniesz

Aby uzyskać dostęp do ustawień Design & Styling:

→ Otwórz GDPR EU Cookie Banner

→ Otwórz Ustawienia bannera

→ Przejdź do Projekt tab

💡 Podgląd na żywo aktualizuje się automatycznie podczas dokonywania zmian, co pozwala dokładnie zobaczyć, jak baner pojawi się przed zapisaniem.

🎨 Szablony

Szablony zapewniają szybki sposób zastosowania kompletnej konstrukcji banera bez ręcznej konfiguracji każdego ustawienia.

Co to robi?

Stosuje się wstępnie zdefiniowaną kombinację:

• Kolory tła
• Kolory tekstu
• Kolor przycisku
• Kolory ikon

Umożliwia to kupcom szybkie uruchomienie polerowanego projektu banera.

Dostępne szablony

Przykłady obejmują:

• Las
• Aqua
• Alarm
• Fioletowy
• Niebieski
• Ocean
• Żółty
• Czarny
• Marynarka

Niestandardowy szablon

Szablon Custom zapewnia neutralny punkt wyjścia dla kupców, którzy wolą budować własny projekt od zera.

💡 Jest to często najlepsza opcja przy dopasowywaniu istniejącego przewodnika stylu marki.

👀 Widoczność

Kontrola widoczności, które urządzenia wyświetlają baner zgody Cookie.

Dostępne opcje

Desktop & Mobile

Wyświetla baner na wszystkich urządzeniach.

Tylko pulpit

Wyświetla baner tylko na pulpicie.

Tylko mobilne

Wyświetla baner tylko na urządzeniach mobilnych.

Może to być przydatne podczas testowania lub tworzenia specyficznych doświadczeń.

📍 Ustawienia pozycji

Sterowanie ustawieniami pozycji, gdzie baner pojawia się na pulpicie i urządzeniach mobilnych.

💻 Typ wyświetlacza pulpitu

Określa ogólny styl układu stosowany na urządzeniach pulpitu.

Pełny pasek

Wyświetla baner rozciągnięty na szerokość ekranu.

Powszechnie używane do tradycyjnych banerów zgody cookies.

Karta float

Wyświetla baner jako mniejszą pływającą kartę.

Tworzy to bardziej kompaktowy wygląd i zmniejsza zasięg ekranu.

📌 Pozycja pulpitu

Dostępne pozycje zależą od wybranego typu wyświetlacza.

Pełna pozycja paska

• Góra
• Dół

Pozycja karty pływającej

• Górna lewa
• Prawa górna
• Środkowy
• Lewa dolna
• Dolny prawy

📱 Pozycja mobilna

Steruje, gdzie baner pojawia się na urządzeniach mobilnych.

Dostępne opcje obejmują:

• Góra
• Środkowy
• Dół

💡 Dolne umieszczenie jest często preferowane, ponieważ wydaje się mniej inwazyjne na mniejszych ekranach.

🎨 Styling kart

Karta Styling kontroluje wygląd samego pojemnika banera.

🖼️ Kolor tła

Kontroluje kolor tła banera.

Możesz:

• Wybierz kolor wizualnie
• Wprowadź ręcznie kod Hex

Pomaga to dostosować baner do marki sklepu.

⭕ Promień rogu

Steruje jak zaokrąglone narożniki banerów pojawiają się.

Niższe wartości tworzą ostrzejsze narożniki, podczas gdy wyższe wartości tworzą łagodniejszy wygląd.

📐 Ustawienia granic

Dostosuj obrys banera.

Rozmiar granic

Kontroluje grubość granicy.

Kolor granic

Kontroluje kolor granicy.

Subtelna granica może pomóc baner wyróżniać bez uczucia rozpraszania.

✍️ Typografia

Ustawienia typograficzne kontrolują, w jaki sposób tekst pojawia się na banerze zgody Cookie.

🔠 Rodzina czcionek

Steruje czcionką używaną we wszystkich tekstach transparentów.

Użyj czcionki motywu

Automatycznie pasuje do typografii używanej przez użytkownika Shopify Motyw.

Czcionki własne

Wybierz z obsługiwanego systemu i Google Fonts.

Przykłady obejmują:

• Roboto
• Otwarte kanały
• Montserrat
• Poppins Przewodniczący

Korzystanie z tej samej czcionki co twój sklep często tworzy najbardziej bezproblemowe doświadczenie.

📝 Tytuł Styling

Dostosuj tytuł transparentu.

Rozmiar tytułu

Kontroluje rozmiar czcionki tytułu.

Kolor tytułu

Kontroluje kolor tekstu tytułu.

📄 Opis

Dostosuj tekst ciała wyświetlany wewnątrz banera.

Opis

Kontroluje rozmiar czcionki.

Kolor opisu

Kontroluje kolor tekstu.

🔗 Polityka prywatności Link

Dostosuj wygląd łącza Polityka prywatności.

Rozmiar powiązania

Kontroluje rozmiar czcionki.

Kolor odnośnika

Kontroluje kolor łącza.

Wybierz kolor, który pozostaje zauważalny przy jednoczesnym dopasowaniu ogólnego projektu.

🔘 Projekt przycisku

Te ustawienia kontrolują wygląd przycisków zgody.

🎨 Kolor przycisku

Kontroluje kolor tła przycisku.

Jest to zazwyczaj jeden z najbardziej widocznych elementów konstrukcyjnych na banerze.

🔤 Stylizacja tekstu przycisku

Dostosuj wygląd tekstu przycisku.

Rozmiar tekstu

Kontroluje rozmiar czcionki przycisku.

Kolor tekstu

Kontroluje kolor czcionki przycisku.

⭕ Promień rogu

Steruje jak zaokrąglone narożniki guzików pojawiają się.

Można to skonfigurować niezależnie od pojemnika na banery.

🎯 Ustawienia ikon

Ikony pomagają uczynić baner bardziej rozpoznawalnym wizualnie i angażującym.

🍪 Pokaż ikonę cookie banner

Włącza lub wyłącza wyświetlanie ikony obok zawartości banera.

Po włączeniu, biblioteka ikon staje się dostępna.

🖼️ Wybór ikon

Wybierz jeden z różnych built- w ikonach.

Przykłady obejmują:

• Cookie
• Tarcza
• Zablokuj
• Bezpieczeństwo
• Informacje
• Ustawienia
• Powiadomienie
• Ostrzeżenie
• Lista kontrolna

Różne ikony mogą pomóc podkreślić prywatność, bezpieczeństwo, zgodność lub ogólne informacje.

🎨 Kolory ikon

Dostosuj wygląd ikon banerów.

Zamknij kolor ikon

Kontroluje kolor przycisku zamykania.

Kolor ikon strzałek

Kontroluje kolor ikony strzałki.

Korzystanie z kolorów uzupełniających pomaga utrzymać spójny projekt.

📏 Dostosowanie tekstu

Kontroluje jak zawartość jest wyrównana wewnątrz banera.

Dostępne opcje

Lewo

Dopasowuje zawartość do lewej strony.

Centrum

Centra treści wewnątrz banera.

Racja.

Dopasowuje zawartość do prawej strony.

💡 Regulacja osiowania środka jest często najbardziej zrównoważoną opcją zarówno na pulpicie, jak i na urządzeniach mobilnych.

⚠️ Ważne uwagi

Szablony Zastąp istniejące kolory

Wybór nowego szablonu automatycznie zastępuje aktualne ustawienia kolorów.

Dla najlepszych wyników:

1. Wybierz najpierw szablon
2. Następnie zastosuj niestandardowe korekty kolorów

Opcje pozycji Zmień dynamicznie

Dostępne pozycje pulpitu zależą od wybranego typu wyświetlacza.

Jeśli wybór pozycji zmienia się niespodziewanie, należy sprawdzić, czy wybrana jest karta Full Bar czy Float Card.

Ikony muszą być włączone

Biblioteka ikon pojawia się tylko wtedy, gdy:

Pokaż ikonę cookie banner jest włączona.

Kontrola widoczności Urządzenia do wyznaczania celów

Jeśli baner pojawia się na jednym urządzeniu, ale nie na innym, weryfikuj wybrane ustawienia widoczności.

Podgląd na żywo Aktualizacje automatycznie

Panel podglądu odświeża się wraz ze zmianami, pomagając przeglądać projekt przed zapisaniem.

🚀 Wynik końcowy

Po skonfigurowaniu:

✅ Baner Cookie Consent pasuje do marki sklepu

✅ Kolory, typografia i przyciski są zgodne z tematem

✅ Umieszczenie bannera jest zoptymalizowane dla pulpitu i mobilnego

✅ Ikony i stylizacja poprawiają jasność widzenia

✅ Odwiedzający otrzymują bardziej polerowane doświadczenie zgody

✅ Messaging zgodności wydaje się profesjonalny bez zakłócania doświadczenia w zakupach

Dobrze zaprojektowany baner cookie Consent pomaga utrzymać zgodność przy jednoczesnym tworzeniu bardziej godnego zaufania i płynnego doświadczenia dla odwiedzających. 🍪

Aktualizowane na: 10/09/2026