Secțiunea Social media icons arată linkuri către profilurile tale sociale. Poate sta în pagină sau poate rămâne fixată pe marginea ecranului cât timp cumpărătorii derulează.
Adaug-o
În the builder, deschide fila Sections, apasă Add new section și alege Social media icons din grupul Marketing. Una pe pagină, pe orice pagină. Subsolul are un bloc Social media icons cu aceleași conturi și aceleași setări pentru pictograme, vezi Cum configurez subsolul magazinului (despre noi, meniu, pictograme sociale, pictograme de plată, linkuri către politici, drepturi de autor)?.
Conturile sociale
Completează doar platformele pe care le folosești. Cele goale nu apar, iar dacă nu e completat niciun cont, secțiunea nu apare deloc.
- Pentru Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr și Telegram, scrie doar numele de utilizator, nu linkul complet. De exemplu
mystore. Unele platforme, cum ar fi Instagram, TikTok și X, acceptă și@mystore. - Pentru o pagină de companie pe LinkedIn, scrieți
company/și apoi numele paginii, de exemplucompany/mystore. - Pentru WhatsApp, scrie numărul de telefon în format internațional, doar cifre, de exemplu
212600000000.
Pe paginile de produs și landing, linkul WhatsApp deschide o conversație cu un mesaj pregătit care numește produsul, ca să știi despre ce întreabă cumpărătorul. Funcționează și pentru blocul din subsol.
Aranjare
- Mode: Inline arată pictogramele pe un rând în pagină. Fixed le fixează într-o coloană pe marginea ecranului.
- Position (doar Fixed): marginea Left sau Right.
- Inline on mobile (doar Fixed): pe ecrane mici, pictogramele revin în pagină, ca să nu-ți acopere conținutul.
- Section width și Alignment (doar Inline): lățime Page sau Full și pictogramele la stânga, în centru sau la dreapta.
Aspect
- Look: Icons îți dă toate controalele de stil de mai jos. App arată fiecare platformă ca un buton rotund în culoarea brandului ei, ca pictogramele aplicațiilor. În aspectul App, controalele pentru formă, stil, paletă, efect la hover și schemă de culori sunt ascunse, pentru că nu se aplică.
- Icon size: de la 12 la 64 de pixeli.
- Shape: None (doar pictograma), Circle, Rounded sau Square. Cu o formă primești și Style (Flat plin sau Outline) și Shape size. Forma rămâne mereu cel puțin cât pictograma.
- Color palette: Brand (culoarea proprie a fiecărei platforme), Mono (culoarea textului din schema ta) sau Custom cu o Custom color.
- Hover effect: None, Brand (trece la culoarea brandului), Scale, Lift sau Opacity.
- Color scheme: fundalul secțiunii și culoarea Mono.
- Gap între pictograme, Padding și fila Custom CSS.
Rețete
- Pictograme care îl urmează pe cumpărător: setează Mode pe Fixed și Position pe Right și pornește Inline on mobile. Pe calculatoare, pictogramele rămân pe marginea ecranului cât timp cumpărătorii derulează.
- Butoane colorate de aplicație: setează Look pe App. Fiecare platformă își păstrează culoarea brandului, oricare ar fi culorile magazinului.
- Pictograme discrete, potrivite cu magazinul: Look pe Icons, Shape pe None, Color palette pe Mono și Hover effect pe Brand, ca culoarea brandului să apară doar la hover.
Bine de știut
- Un link deschide o pagină greșită: verifică dacă ai scris doar numele de utilizator. O adresă completă sau caractere în plus nu sunt acceptate.
- Pictogramele fixe acoperă un buton pe telefoane: pornește Inline on mobile.