Przejdź do treści
Pomoc
Sekcje i bloki kreatora

Jak dodać ikony mediów społecznościowych do sklepu (Instagram, TikTok, Facebook, WhatsApp)?

Dodaj sekcję Ikony mediów społecznościowych: połącz Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp i Telegram, wybierz wygląd ikon lub aplikacji, w linii lub przy krawędzi ekranu, kształt, rozmiar, kolory i efekt najechania.

3 minuty czytania

Sekcja Ikony mediów społecznościowych pokazuje linki do Twoich profili społecznościowych. Może znajdować się na stronie albo pozostawać przyklejona z boku ekranu, gdy klienci przewijają.

Dodaj ją

W kreatorze otwórz kartę Sekcje, kliknij Dodaj nową sekcję i wybierz Ikony mediów społecznościowych w grupie Marketing. Jedna na stronę, na dowolnej stronie. Stopka ma blok Ikony mediów społecznościowych z tymi samymi kontami i ustawieniami ikon, zobacz Jak skonfigurować stopkę sklepu (o nas, menu, ikony społecznościowe, ikony płatności, linki do polityk, prawa autorskie)?.

Konta społecznościowe

Wypełnij tylko platformy, z których korzystasz. Puste nie są wyświetlane, a jeśli nie wypełnisz żadnego konta, sekcja w ogóle się nie pokaże.

  • Dla Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr i Telegram wpisz tylko nazwę użytkownika, a nie pełny link. Na przykład mystore. Niektóre platformy, takie jak Instagram, TikTok i X, akceptują też @mystore.
  • W przypadku strony firmowej na LinkedIn wpisz company/, a potem nazwę strony, na przykład company/mystore.
  • Dla WhatsApp wpisz numer telefonu w formacie międzynarodowym, same cyfry, na przykład 212600000000.

Na stronach produktu i stronach docelowych link WhatsApp otwiera czat z gotową wiadomością zawierającą nazwę produktu, więc wiesz, o co pyta klient. Działa to też w bloku stopki.

Układ

  • Tryb: W linii pokazuje ikony jako wiersz na stronie. Stały przykleja je w kolumnie z boku ekranu.
  • Pozycja (tylko Stały): krawędź Lewo lub Prawo.
  • W linii na urządzeniach mobilnych (tylko Stały): na małych ekranach ikony wracają na stronę, więc nie zasłaniają treści.
  • Szerokość sekcji i Wyrównanie (tylko W linii): szerokość Strona lub Pełny oraz ikony po lewej, na środku lub po prawej.

Wygląd

  • Wygląd: Ikony daje Ci wszystkie poniższe ustawienia stylu. Aplikacja pokazuje każdą platformę jako okrągły przycisk w kolorze jej marki, jak ikony aplikacji. W wyglądzie Aplikacja ustawienia kształtu, stylu, palety, efektu najechania i schematu kolorów są ukryte, bo nie mają zastosowania.
  • Rozmiar ikony: od 12 do 64 pikseli.
  • Kształt: Brak (sama ikona), Koło, Zaokrąglony lub Kwadrat. Z kształtem dostajesz też Styl (Płaski wypełniony lub Kontur) i Rozmiar kształtu. Kształt zawsze jest co najmniej tak duży jak ikona.
  • Paleta kolorów: Marka (własny kolor każdej platformy), Mono (kolor tekstu Twojego schematu) lub Niestandardowy z ustawieniem Niestandardowy kolor.
  • Efekt najechania: Brak, Marka (zmiana na kolor marki), Skalowanie, Uniesienie lub Przezroczystość.
  • Schemat kolorów: tło sekcji i kolor Mono.
  • Odstęp między ikonami, Wypełnienie wewnętrzny i karta Niestandardowy CSS.

Przepisy

  • Ikony, które podążają za klientem: ustaw Tryb na Stały i Pozycję na Prawo oraz włącz W linii na urządzeniach mobilnych. Ikony pozostają z boku ekranu, gdy klienci przewijają na komputerach.
  • Kolorowe przyciski aplikacji: ustaw Wygląd na Aplikacja. Każda platforma zachowuje swój kolor marki, niezależnie od kolorów sklepu.
  • Spokojne ikony pasujące do sklepu: Wygląd Ikony, Kształt Brak, Paleta kolorów Mono i Efekt najechania Marka, więc kolor marki pojawia się dopiero po najechaniu.

Warto wiedzieć

  • Link otwiera złą stronę: sprawdź, czy wpisałeś tylko nazwę użytkownika. Pełny adres lub dodatkowe znaki nie są akceptowane.
  • Stałe ikony zasłaniają przycisk na telefonach: włącz W linii na urządzeniach mobilnych.

Nadal potrzebujesz pomocy?

Napisz do nas, a odpowiemy.

Kontakt