Wygląd banera
Dostosuj wygląd banera cookie do swojej strony
Gdzie skonfigurować wygląd
Wygląd banera cookie możesz skonfigurować w panelu Consentio, w sekcji Kreator swojej strony. Zmiany są widoczne na stronie natychmiast.
Dostępne układy
Wybierz jeden z kilku predefiniowanych układów:
Box (okno modalne)
Klasyczne okno modalne na środku ekranu. Odpowiednie dla stron, które chcą mieć pewność, że użytkownicy zauważą baner.
Bar (pasek)
Poziomy pasek u dołu lub u góry ekranu. Mniej inwazyjna opcja, która nie zasłania przeglądanej treści.
Cloud (unoszący się)
Kompaktowe, unoszące się okienko w rogu ekranu. Minimalistyczna opcja dla stron, które preferują dyskretny wygląd.
Pozycja
W zależności od wybranego układu możesz ustawić pozycję:
| Układ | Dostępne pozycje |
|---|---|
| Box | Środek ekranu |
| Bar | Góra, Dół |
| Cloud | Dół lewo, Dół prawo, Góra lewo, Góra prawo |
Schemat kolorów
Dostosuj kolory banera do swojej marki:
Predefiniowane motywy
- Jasny - Jasne tło, ciemny tekst
- Ciemny - Ciemne tło, jasny tekst
- Automatyczny - Automatycznie na podstawie ustawień systemowych użytkownika
Kolory niestandardowe
Ustaw niestandardowe kolory dla poszczególnych elementów:
- Tło - Kolor tła banera
- Tekst - Kolor głównego tekstu
- Przycisk główny - Kolor przycisku „Zaakceptuj wszystkie”
- Przycisk drugorzędny - Kolor przycisku „Odrzuć”
- Linki - Kolor linków
Typografia
Ustaw czcionki dla tekstu banera:
- Rodzina czcionek - Wybierz z Google Fonts lub użyj czcionki systemowej
- Rozmiar tekstu - Rozmiar głównego tekstu
- Rozmiar nagłówka - Rozmiar nagłówka banera
Animacje
Ustaw animację wyświetlania i ukrywania banera:
- Fade - Stopniowe pojawianie się/znikanie
- Slide - Wsunięcie od krawędzi ekranu
- Brak - Bez animacji
Zaokrąglenie krawędzi
Ustaw zaokrąglenie krawędzi banera i przycisków:
- Brak - Ostre krawędzie (0px)
- Małe - Niewielkie zaokrąglenie (4px)
- Średnie - Średnie zaokrąglenie (8px)
- Duże - Wyraźne zaokrąglenie (16px)
- Pełne - Maksymalne zaokrąglenie (999px)
Ograniczenia planu
Niektóre opcje dostosowywania są dostępne tylko w planach płatnych:
| Funkcja | Free | Pro |
|---|---|---|
| Układy | Tylko Bar | Wszystkie |
| Motywy kolorystyczne | Jasny/Ciemny | Kolory niestandardowe |
| Czcionki | Systemowa | Google Fonts + niestandardowe |
| Odznaka „Powered by” | Wymagana | Opcjonalna |
Tekst banera
Edytuj tekst wyświetlany na banerze:
- Nagłówek - Główny nagłówek banera
- Opis - Tekst wyjaśniający dotyczący cookies
- Przycisk akceptacji - Tekst przycisku akceptacji wszystkich cookies
- Przycisk odrzucenia - Tekst przycisku odrzucenia
- Link do ustawień - Tekst otwierający preferencje
Podgląd zmian
W kreatorze widzisz podgląd banera na żywo. Możesz:
- Przełączać się między widokiem na komputer i urządzenia mobilne
- Testować różne stany (pierwsze wyświetlenie, centrum preferencji)
- Sprawdzić wygląd w trybie jasnym/ciemnym
Dostosowywanie CSS
Do zaawansowanego dostosowywania możesz użyć własnego CSS. Widget wykorzystuje zmienne CSS:
/* Przykładowa nadpisana stylizacja */
.consentio-banner {
--consentio-bg: #ffffff;
--consentio-text: #1a1a1a;
--consentio-primary: #10b981;
--consentio-primary-hover: #059669;
--consentio-border-radius: 12px;
}