Wróć na Shoper.pl ✅ Poznaj 100+ nieoczywistych pomysłów na sklep i wystartuj z własnym →
pomoc@shoper.pl +48 501 509 509 Zaloguj się
Zaloguj się do panelu
Wróć na Shoper.pl
Sklep internetowy, systemy płatności, kampanie reklamowe, sprzedaż wielokanałowa, integracje learn
Wróć na Shoper.pl ✅ Poznaj 100+ nieoczywistych pomysłów na sklep i wystartuj z własnym →
pomoc@shoper.pl +48 501 509 509 Zaloguj się
Zaloguj się do panelu
Wróć na Shoper.pl
Data publikacji: 12 lutego 2017 Aktualizacja: 22 czerwca 2026

Jak dodać Favicon (ikonkę na karcie w przeglądarce) do sklepu?

Gdzie wyświetla się favicon strony internetowej?

Podgląd strony sklepu internetowego > Favicon w pasku adresu
Sprawdź, w którym miejscu znajduje się ikona sklepu (favicon).
Podgląd strony sklepu internetowego > Favicon w pasku adresu
Sprawdź, w którym miejscu znajduje się ikona sklepu (favicon).

Jak w sklepie Shoper dodać ikonę favicon w edytorze Storefront?

Zaloguj się do panelu administracyjnego sklepu, a następnie:

Przejdź do zakładki: Wygląd i treści > Wygląd sklepu > Edycja szablonu graficznego.

W poprzedniej wersji panelu: Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny

Przeczytaj więcej na temat nowej wersji panelu administracyjnego sklepu Shoper

Miejsce edycji aktywnego szablonu używanego w sklepie
Aktualnie wyświetlany szablon dla klientów sklepu

Kliknij: Edytuj układ i styl szablonu.

Przycisk uruchamiający edytor szablonu
Przycisk uruchamiający edytor szablonu

Z głównego menu edytora szablonu wybierz: Ustawienia.
W sekcji: Ikona w pasku adresu (tzw.favicon) możesz wybrać grafikę, która będzie widoczna na otwartych zakładkach (kartach) w przeglądarce internetowej.
Ustawienia favicon dla szablonu Storefront
Ustaw ikonkę sklepu w pasku adresu w edytorze stron Shoper Storefront.
Ustawienia favicon dla szablonu Storefront
Ustaw ikonkę sklepu w pasku adresu w edytorze stron Shoper Storefront.

Po załadowaniu pliku graficznego w polu: Favicon możesz wybrać przycisk: Edytuj w prawym górnym rogu miniatury. W nowym oknie zostanie wyświetlony edytor, który pozwala zmodyfikować grafikę bez wychodzenia z Shoper Visual Editor (np. kadrowanie, filtry i dostosowanie kolorów czy dodanie ramki).

Po wybraniu ikony favicon dla swojego sklepu, kliknij przycisk: Zapisz i opublikuj, aby zastosować zmiany.

Ustawienie ikony w pasku adresu – favicon w szablonie typu RWD

Aby ustawić ikonkę sklepu na karcie w przeglądarce podążaj za następującymi krokami:

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki: Wygląd i treści (A) > Wygląd sklepu (B) > Obecny szablon graficzny (C). Pozostając w zakładce: Szczegóły szablonu (D) w sekcji dotyczącej favicon naciśnij przycisk dodawania zdjęcia (E). Wybierz plik z dysku i naciśnij przycisk: ZAPISZ (F).

Panel Twojego sklepu może różnić się kolorystycznie od panelu zaprezentowanego na zrzucie ekranu. Dowiedz się więcej na temat zmian w panelu administracyjnym.

Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Favicon
Wybierz plik graficzny z ikoną i dodaj go do bieżącego szablonu sklepu Shoper.
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Favicon
Wybierz plik graficzny z ikoną i dodaj go do bieżącego szablonu sklepu Shoper.

Google rekomenduje, by dla przeglądarki Chrome rozmiar favicony (ICO lub PNG) wynosił: 512×512 px.

Wideo: jak zmienić wygląd sklepu Shoper?

Zagadnienie konfiguracji wyglądu sklepu Shoper omówiliśmy w naszym filmie instruktażowym na YouTube.

Panel Twojego sklepu może różnić się kolorystycznie od panelu zaprezentowanego w materiale wideo. Dowiedz się więcej na temat zmian w panelu administracyjnym.

Wideo poradnik: modyfikacja szablonu graficznego sklepu według własnych potrzeb

Chcesz, aby Twój sklep internetowy osiągnął wysokie pozycje w wyszukiwarkach? Wykorzystaj moc Shoper SEO i już dziś umów się na bezpłatną konsultację dotyczącą pozycjonowania strony.

Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • W którym miejscu widać ikonę sklepu na pasku adresu?
  • Jak dodać favicon w szablonie w technologii Storefront?
  • Jak dodać favicon w szablonie w technologii RWD?
  • Wideo poradnik: podstawowe działania wprowadzające zmiany w szablonie graficznym sklepu Shoper
Czy ten artykuł był pomocny?
Tak
Nie
Dziękujemy za odpowiedź!
Udostępnij artykuł:
Przeczytaj także:

  • Jak zarządzać modułami w Shoper Visual Editor?

    Instrukcje jak zarządzać dostępnymi modułami na stronie sklepu internetowego Shoper przy użyciu nowego oraz starego edytora wyglądu.

  • Obsługa i konfiguracja bloga w Shoper

    W Panelu administracyjnym sklepu Shoper można w łatwy sposób prowadzić blog związany z asortymentem sklepu. Sprawdź, w jaki sposób dodać wpis

  • Jak dodać Produkt dnia?

    Sprawdź, jak krok po kroku włączyć możliwość wyświetlania Produktu dnia na głównej stronie sklepu Shoper poprzez edycję stylu graficznego.

  • Facebook w sklepie

    Sprawdź jak po integracji sklepu Shoper z Facebook dodać widget z przyciskami Lubię to! i Udostępnij oraz sekcją komentarze na stronę główną.

Najpopularniejsze SŁOWA KLUCZOWE
sklep internetowy porady prowadzenie e-biznesu aplikacja konfiguracja produkty instalacja inspiracje jak dodać sprzedaż integracja program księgowo-magazynowy Shoper Faktury i Magazyn jak założyć Google marketing ustawienia faktury asortyment reklama jak utworzyć wygląd kampanie reklamowe edycja metody płatności jak włączyć zamówienia aktywacja ADS zarządzanie

Przetestuj sklep internetowy
przez 14 dni za darmo

Korzystaj ze wszystkich funkcji oprogramowania za darmo i bez zobowiązań.

Dane kontaktowe

Testuj wszystkie funkcje przez 14 dni bez zobowiązań. Zakładając sklep poprzez podanie
adresu e-mail akceptujesz nasz Regulamin i Politykę Prywatności

Czego dzisiaj szukasz?
Wyczyść
Znaleziono 0 artykułów
Zobacz wszystkie wyniki dla frazy: “”
Brak wyników dla zapytania “”
historia wyszukiwania
Najczęściej wyszukiwane frazy
krok 1 / 2 Testuj sklep internetowy Shoper przez 14 dni za darmo

Twoje dane są u nas w pełni bezpieczne. Potrzebujemy ich, aby wysłać ci dane logowania do sklepu.

Dane kontaktowe
+48
Zgoda na otrzymywanie informacji handlowych

Podając dane kontaktowe, akceptujesz Regulamin i Politykę Prywatności 

Informacja Administratora Danych Osobowych Pokaż więcej o ochronie danych

Możesz wycofać zgody w każdym czasie poprzez wysłanie żądania na następujący adres e‑mail: bok@shoper.pl. Wycofanie zgody nie wpływa na zgodność z prawem przetwarzania dokonanego przed jej wycofaniem. Administratorem Twoich danych osobowych jest Shoper S.A. z siedzibą w Krakowie (31-154), przy ul. Pawiej 9. Więcej informacji na temat przetwarzania danych osobowych, w tym o przysługujących Ci prawach znajduje się w Politykę Prywatności.

krok 2 / 2 Załóż sklep w 1 minutę i korzystaj przez 14 dni za darmo
Opcje sklepu
Shoper Standard w promocji 3249 zł 420 zł zł netto / pierwszy rok
Dane kontaktowe
+48
Dane osobowe lub dane firmy
Dane adresowe
Umów się z nami
na darmowy audyt

Wypełnij formularz kontaktowy i umów się na spotkanie!

Dane kontaktowe
+48
Informacje dodatkowe

Wysyłając wiadomość, potwierdzasz zapoznanie się z informacją na temat przetwarzania twoich danych osobowych.

Informacja Administratora Danych Osobowych Pokaż więcej o ochronie danych

Możesz wycofać zgody w każdym czasie poprzez wysłanie żądania na następujący adres e‑mail: bok@shoper.pl. Wycofanie zgody nie wpływa na zgodność z prawem przetwarzania dokonanego przed jej wycofaniem. Administratorem Twoich danych osobowych jest Shoper S.A. z siedzibą w Krakowie (31-154), przy ul. Pawiej 9. Więcej informacji na temat przetwarzania danych osobowych, w tym o przysługujących Ci prawach znajduje się w Politykę Prywatności.

Wiadomość została wysłana!

Dziękujemy za kontakt, nasz zespół niezwłocznie zajmie się twoim zgłoszeniem i odpowie na nie najszybciej, jak to możliwe.

Wróć do strony głównej
Umów się z nami
na darmową konsultację

Wypełnij formularz kontaktowy i umów się na spotkanie!

Dane kontaktowe
+48
Informacje dodatkowe

Wysyłając wiadomość, potwierdzasz zapoznanie się z informacją na temat przetwarzania twoich danych osobowych.

Informacja Administratora Danych Osobowych Pokaż więcej o ochronie danych

Możesz wycofać zgody w każdym czasie poprzez wysłanie żądania na następujący adres e‑mail: bok@shoper.pl. Wycofanie zgody nie wpływa na zgodność z prawem przetwarzania dokonanego przed jej wycofaniem. Administratorem Twoich danych osobowych jest Shoper S.A. z siedzibą w Krakowie (31-154), przy ul. Pawiej 9. Więcej informacji na temat przetwarzania danych osobowych, w tym o przysługujących Ci prawach znajduje się w Politykę Prywatności.

Wiadomość została wysłana!

Dziękujemy za kontakt, nasz zespół niezwłocznie zajmie się twoim zgłoszeniem i odpowie na nie najszybciej, jak to możliwe.

Wróć do strony głównej