Krótka odpowiedź
Własny kod możesz dodać w trzech miejscach w kreatorze: w sekcji Własny kod na stronie, w ustawieniach Niestandardowy CSS i w ustawieniach Niestandardowy Javascript. Nie ma pola do wklejania kodu do sekcji head sklepu. Do tagów w head użyj odpowiedniej aplikacji (zobacz listę poniżej).
Które narzędzie do czego
- Weryfikacja sklepu w Google Search Console lub dodanie metatagu
google-site-verification: aplikacja Domain Verifier. Obsługuje też weryfikację domeny Facebook (Meta), TikTok i Snapchat. - Google Analytics, tagi Google Ads lub dowolny tag zarządzany w Google Tag Manager: aplikacja Google Tag Manager.
- Piksele Facebook, TikTok, Snapchat, ChatGPT, Pinterest, X lub Google Ads: zobacz Facebook, TikTok, Snapchat, ChatGPT, Pinterest i X albo Konwersje Google Ads.
- Feed produktowy Google Merchant Center: zobacz Google Merchant Center. Do Search Console użyj Domain Verifier.
- Mapy cieplne i nagrania sesji: zobacz Microsoft Clarity lub Contentsquare.
- Widżet lub osadzony element na stronie (formularz rezerwacji, film, mapa): sekcja Własny kod opisana poniżej.
- Style dla całego sklepu lub jednej sekcji: zobacz Niestandardowy CSS.
- Skrypt na każdej stronie: zobacz Niestandardowy JavaScript.
Dlaczego kod w kreatorze nie zweryfikuje Twojej witryny
Google, Meta i inne platformy podczas weryfikacji szukają swojego tagu w sekcji head strony. Sekcja Własny kod umieszcza kod w treści strony, tam gdzie znajduje się sekcja. Niestandardowy Javascript uruchamia się w przeglądarce klienta po załadowaniu strony. Żadne z nich nie umieszcza tagu w head tak, jak wymagają tego te platformy, więc weryfikacja się nie udaje. Domain Verifier dodaje tag we właściwym miejscu za Ciebie.
Sekcja Własny kod
Sekcja, którą dodajesz na dowolnej stronie, maksymalnie 2 na stronę. Otwórz kartę Sekcje, kliknij Dodaj nową sekcję i wybierz Własny kod. Ma trzy pola:
- HTML: kod znaczników wyświetlany w tej sekcji.
- CSS: style, które dotyczą tylko tej sekcji, więc nie mogą zepsuć reszty strony.
- JavaScript: uruchamia się za każdym razem, gdy sekcja jest wyświetlana. Twój kod otrzymuje sekcję jako
container, więc użyjcontainer.querySelector(...), aby dotrzeć do własnych znaczników.
Ustawiasz też jej szerokość, schemat kolorów i odstępy jak w każdej sekcji. Użyj Zastosuj do wszystkich stron, aby skopiować ją na inne strony, które mają już sekcję Własny kod.
Wskazówki
- Sprawdź kod w podglądzie kreatora, a potem opublikuj i przetestuj sklep na telefonie i na komputerze.
- Jeśli po zmianie strona wygląda na zepsutą, usuń kod, opublikuj i dodawaj go z powrotem kawałek po kawałku.
- Skrypty firm zewnętrznych mogą spowolnić sklep. Dodawaj tylko to, czego potrzebujesz.
- Asystent AI połączony z Twoim sklepem może zmieniać własny kod tylko wtedy, gdy właściciel sklepu na to pozwoli. Zobacz Zarządzanie dostępem asystenta.