Secțiunea Benefits arată un rând de carduri, fiecare cu o pictogramă, un titlu și un text scurt. Folosește-o pentru promisiunile pe care le faci fiecărui cumpărător, cum ar fi livrarea gratuită, plata la livrare, plata sigură sau retururile ușoare.
Adaugă secțiunea
- Deschide the builder și alege Home page în fila Pages.
- În fila Sections, apasă Add new section și alege Benefits din grupul Marketing.
- Selectează secțiunea și apasă Add new block ca să adaugi un card Benefit. Trage cardurile ca să le schimbi ordinea.
Este oferită doar pe pagina principală, una pe pagină, cu până la 8 carduri.
Setările secțiunii
- Desktop columns: câte carduri stau unul lângă altul pe calculatoare (de la 1 la 6). Cardurile în plus trec pe un rând nou.
- Mobile columns: câte carduri stau unul lângă altul pe telefoane (de la 1 la 3). Cu unul, fiecare text se citește ușor.
- Surface: Card pune fiecare avantaj pe propriul panou, Plain le pune direct pe fundalul secțiunii, iar Divider trage o linie subțire între carduri. Colțurile, chenarele și umbra vin din tema ta.
- Section width, Color scheme, Gap între carduri, Padding și fila Custom CSS.
Fiecare card de avantaj
- Icon: alege o pictogramă, cum ar fi o dubiță de livrare, un scut sau un lacăt. Alege None pentru un card doar cu text.
- Image: folosește o imagine proprie în locul pictogramei, doar pentru acest card. Este afișată la mărimea pictogramei.
- Alignment: Start sau Center, pentru pictogramă și linia de accent. Titlul și textul au propria aliniere în blocurile lor de text.
- Icon size: mărimea pictogramei sau a imaginii.
- Accent line: o linie scurtă sub text, care încheie cardul. Pornită implicit.
- Hover effect: Lift ridică pictograma și Scale o mărește când mouse-ul e deasupra cardului, iar ambele lungesc linia de accent. None lasă cardul nemișcat.
Fiecare card are până la 2 blocuri Text: primul este titlul, al doilea este textul scurt. Le poți stiliza ca pe orice bloc de text, vezi Blocurile Group, Text, Button și Divider: cum funcționează setările componentelor de aranjare? Mărimea pictogramei, alinierea, linia de accent și efectul la hover se setează card cu card, așa că le poți combina pe același rând.
Idei
- Livrare și plată: „Livrare gratuită”, „Plata la livrare”, „Retururi ușoare” și „Asistență 7 zile din 7”, cu 4 Desktop columns și 2 Mobile columns.
- Promisiunile brandului: „Lucrat manual”, „Ingrediente naturale”, „Produs local”, cu propriile tale imagini desenate.
Bine de știut
- Cardurile nu sunt linkuri, așa că efectul la hover mișcă doar pictograma și linia, niciodată cardul.
- Cumpărătorii care au activat reducerea mișcării pe dispozitiv văd cardurile fără mișcare.
- Pentru mesaje mici de încredere lângă butonul de cumpărare de pe pagina de produs, folosește în schimb blocul Badges. Vezi Cum adaug pe pagina de produs file pliabile, date de livrare, un ghid de mărimi, insigne sau imagini înainte și după?
- Promite doar ce oferi cu adevărat. Cumpărătorii au încredere în aceste carduri.