--- title: Kody i widżety: niestandardowy CSS i skrypty description: Jak dodać niestandardowy kod CSS, kod do nagłówka i treści (liczniki, czaty, piksele), ograniczenia i zabezpieczenia. section: account keywords: Niestandardowy CSS, kod nagłówka, kod treści, licznik, Google Analytics, piksel, widżet czatu updated: 2026-09-16 --- Sekcja „Kody i widżety” w Ustawieniach umożliwia wstawianie własnego kodu na Twoją stronę internetową: liczników, pikseli reklamowych, widżetów czatu, banerów plików cookie, a także własnego kodu CSS w celu udoskonalenia wyglądu. ![Blok kodów i widżetów](/wiki/img/settings-code.webp "Kod w nagłówku i na końcu ciała") ## Kod w głowie i ciele - **Kod nagłówka** — wstawiany w `` każdej strony witryny. Dotyczy tagów meta Google Analytics, Meta Pixel i weryfikacyjnych. - **Kod na końcu treści** jest wstawiany przed ``. Dotyczy to widgetów czatu, banerów plików cookie i skryptów wymagających załadowania strony. Wklej cały kod dostarczony przez usługę i kliknij „Zapisz”. Limit znaków wynosi 20 000 znaków na pole. Kod działa tylko w witrynie publicznej, a nie na Twoim koncie. Przykłady: - Google Analytics 4 - fragment `gtag.js` w nagłówku. - Meta Pixel to fragment piksela w głowie. - Widget czatu (Tawk, Crisp, JivoChat) - skrypt w treści. - Weryfikacja uprawnień Google/Bing/Yandex jest wygodniejsza poprzez blok SEO → „Weryfikacja uprawnień”. ## Niestandardowy CSS Niestandardowy kod CSS jest dodawany za pośrednictwem asystenta AI lub połączonego czatu AI: „Dodaj CSS: spraw, aby przyciski były całkowicie okrągłe”. Asystent sprawdza kod i stosuje go na stronie. Aby precyzyjnie dostosować kod, użyj atrybutów elementów witryny, takich jak `[data-asd="card"]` dla karty, `[data-asd="header"]` dla nagłówka i `[data-asd="block-hero"]` dla bloku bohatera. Asystent zasugeruje listę. Twój kod CSS jest przechowywany oddzielnie od stylu CSS z katalogu: gdy zmieniasz styl, Twoje edycje są zachowywane. ## Ograniczenia i bezpieczeństwo - W Twoim arkuszu stylów CSS znaczniki i wyrażenia `