Secțiuni și blocuri în editor

38 de articole

Secțiuni și blocuri: cum le adaug și le reordonez și ce secțiuni poate avea fiecare pagină? Diferența dintre secțiuni și blocuri în constructorul magazinului, cum le adaugi și le reordonezi, ce secțiuni oferă fiecare pagină, ce secțiuni sunt obligatorii și câte de fiecare tip poate avea o pagină.
Cum configurez antetul, subsolul și bara de anunțuri (secțiunile globale)? Prezentare a secțiunilor care apar de obicei pe fiecare pagină: antetul, subsolul și bara de anunțuri, plus pictogramele de social media, newsletterul și butonul înapoi sus. Cum își păstrează fiecare pagină propria copie și cum copiezi una pe toate paginile.
Cum configurez antetul magazinului (logo, meniu, căutare, coș, antet fix și transparent)? Configurează secțiunea Header: dimensiunea și poziția logoului, tipul de meniu (mega, dropdown, drawer) și bara de navigare pe mobil, pictograma de căutare, coșul ca drawer sau dropdown, selectorul de țară cu steaguri, antetul fix la derulare și antetul transparent peste un hero.
Cum adaug o bară de anunțuri cu mesaje care se schimbă sau defilează? Adaugă o bară de anunțuri pentru promoții, livrare gratuită sau anunțuri: până la 7 mesaje, alege Slider (câte un mesaj) sau Ticker (un rând care defilează) și setează timpul dintre mesaje, separatorul, direcția, mărimea fontului, lățimea, culorile și spațierea.
Cum configurez subsolul magazinului (despre noi, meniu, pictograme sociale, pictograme de plată, linkuri către politici, drepturi de autor)? Configurează secțiunea Footer și blocurile ei: despre noi cu logo și informații de contact, meniul din subsol, pictograme de social media, pictograme de plată, linkuri de confidențialitate și politici, drepturi de autor cu Powered by, text, separator și grupuri pentru coloane.
Ce secțiuni pot adăuga pe pagina principală (hero, produse recomandate, slideshow, indicator, colecții)? O prezentare a secțiunilor paginii principale din constructor: bannerul Hero, Slideshow, Featured products, Collections, Indicator (numere animate) și Benefits, plus cardurile de produs și de colecție, cu link către ghidul complet al fiecăreia.
Cum configurez bannerul Hero de pe pagina principală? Configurează bannerul Hero de pe pagina principală: una sau două imagini sau videoclipuri, înălțimea (mică, ecran complet, după imagine, personalizată), text și butoane deasupra, poziție și aliniere, strat de culoare pentru un text lizibil și de ce un videoclip hero poate să nu pornească.
Cum adaug un slideshow cu mai multe slide-uri pe pagina principală? Adaugă un Slideshow (carusel, slider de imagini) pe pagina principală: până la 7 slide-uri cu imagini sau videoclipuri, text și butoane pe fiecare, modurile Frame, Inset sau Layer, înălțimea media, viteza rotirii automate, săgeți, puncte, contor și buton de pauză.
Cum afișez produse recomandate (cele mai vândute, noutăți, la reducere) pe pagina principală? Afișează o grilă sau un carusel de produse pe pagina principală cu secțiunea Featured products: cele mai noi, cele mai vechi, cele mai vândute, cele la reducere sau cele mai bine notate, limitează la o colecție, setează numărul de produse, coloanele, butonul Show more și caruselul pe mobil.
Cum îmi afișez colecțiile pe pagina principală sau pe pagina de colecții? Afișează colecțiile (categoriile) ca niște carduri cu secțiunea Collections pe pagina principală sau pe pagina de colecții: ordine personalizată, cele mai noi, cele mai vândute, cele mai bine notate sau alfabetic, grilă, carusel sau bento, numărul de colecții și linkuri spre subcolecții.
Cum afișez subcolecțiile pe o pagină de colecție? Afișează colecțiile copil (subcolecții, subcategorii) ale colecției vizualizate cu secțiunea Sub collections pe pagina de colecție: ordinea, numărul de colecții, aranjarea grilă, carusel sau bento, cardurile și de ce secțiunea nu apare la unele colecții.
Cum adaug carduri cu avantaje, cum ar fi livrarea gratuită sau plata sigură? Adaugă secțiunea Benefits pe pagina principală: carduri de încredere cu o pictogramă sau o imagine proprie, un titlu și un text scurt, pentru livrare gratuită, plata la livrare sau retururi ușoare. Coloane, stil card, simplu sau separator, mărimea pictogramei, linia de accent și efectul la hover.
Cum afișez numere și statistici animate (secțiunea Indicator)? Afișează cifre importante, cum ar fi clienți mulțumiți, comenzi livrate sau ani de activitate, cu secțiunea Indicator: numere care cresc când cumpărătorii ajung la ele, prefix și sufix (+, %, K), etichete deasupra sau dedesubt, elemente pe rând, mărimea fontului, aldine și separatoare.
Cum adaug o secțiune FAQ cu întrebări și răspunsuri? Adaugă o secțiune FAQ (întrebări frecvente) pe paginile tale: întrebări care se deschid la clic, mod acordeon sau independent, deschise implicit, stil cu separator, card sau simplu, un titlu lângă sau deasupra întrebărilor și date FAQ pentru motoarele de căutare.
Cum adaug un slider de imagini înainte și după? Adaugă secțiunea Before and after (slider de comparare a imaginilor) pe paginile tale: imaginea dinainte și cea de după, etichetele, una lângă alta sau una sub alta, proporția, poziția separatorului, un indiciu la apariție, urmărirea mouse-ului pe desktop și un titlu alături sau deasupra.
Ce secțiuni sunt pe paginile de produs și landing (informații produs, recenzii, produse similare)? O prezentare a secțiunilor de pe pagina de produs și pagina landing: Product info (galerie, titlu, descriere, formular de comandă, buton fix), Landing info, formularul de comandă, Reviews, Related products și blocurile suplimentare, cu linkuri către fiecare ghid detaliat.
Cum configurez secțiunea Product info de pe pagina de produs (imagini, titlu, descriere, buton fix)? Configurează secțiunea Product info de pe pagina de produs: galeria de imagini și videoclipuri (grilă sau carusel, miniaturi, zoom, galerie fixă), blocurile de titlu și descriere, separatoarele, coloanele egale și butonul sau bara de cumpărare fixă.
Cum configurez secțiunea Landing info și formularul de comandă (butoane, numărătoare inversă, WhatsApp)? Configurează secțiunea Landing info a paginii landing și formularul de comandă folosit pe paginile de produs și landing: formular în pagină sau pop-up, marcajul {{form}}, insigna de economie, numărătoarea inversă, textul cadoului, rezumatul, butoanele de cumpărare și butonul WhatsApp.
Cum adaug pe pagina de produs file pliabile, date de livrare, un ghid de mărimi, insigne sau imagini înainte și după? Blocurile paginii de produs din constructor: file pliabile (acordeon) pentru informații despre livrare și retur, o cronologie cu data estimată de livrare și ora limită, un tabel de mărimi în fereastră pop-up, insigne de încredere și un slider de imagini înainte și după.
Cum afișez recenziile clienților pe pagina de produs (secțiunea Reviews)? Configurează secțiunea Reviews pe paginile de produs și landing: rezumatul notelor și distribuția stelelor, butonul și formularul Write review, cardul de recenzie cu zoom pe imagini, grilă sau carusel, recenzii pe pagină, sortare și ce apare când nu există recenzii.
Cum afișez produse similare pe pagina de produs? Adaugă o secțiune Related products pe paginile de produs și landing: alege sursa (cele mai noi, cele mai vândute, cele la reducere, cele mai bine notate, aceeași colecție sau produse alese pentru fiecare produs), setează numărul, grila sau caruselul, coloanele și cardul de produs.
Cum schimb aspectul cardurilor de produs și de colecție? Schimbă cardul de produs (proporția imaginii, titlul, prețul și insigna de economie, stelele, butonul de cumpărare: add to cart, buy now sau view product, mostrele de variante) și cardul de colecție (stil standard sau overlay, imagine, titlu, număr de produse, buton).
Ce secțiuni pot adăuga pe orice pagină și ce conțin paginile de coș, checkout și contact? O prezentare a secțiunilor pe care le poți adăuga pe orice pagină (text, imagine, separator, pictograme sociale, newsletter, cod personalizat) și a secțiunii principale a paginilor de colecție, căutare, coș, checkout, mulțumire, contact, politică și 404, cu linkuri către fiecare ghid.
Cum personalizez pagina coșului și pagina de checkout? Personalizează secțiunea Cart de pe pagina coșului (proporția și mărimea imaginii, densitatea, bara de transport gratuit, coșul gol) și secțiunea Checkout de pe pagina de checkout (formularul de comandă, opțiunile de livrare și plată, rezumatul comenzii) și află când văd cumpărătorii fiecare pagină.
Cum personalizez pagina de mulțumire (confirmarea comenzii) de după o comandă? Personalizează pagina de mulțumire pe care o văd clienții după comandă: secțiunea Order confirmation, rezumatul comenzii, informațiile comenzii (ID sau număr, dată, metodă de plată și livrare), datele clientului, mesajul tău cu {{first_name}} și alte variabile, butoane și imagini.
Cum configurez pagina de contact și formularul ei? Configurează secțiunea Contact de pe pagina de contact: adresa de e-mail care primește mesajele, câmpurile formularului (nume, e-mail, subiect, mesaj), mesajul de succes, captcha împotriva spamului, textul și stilul butonului, aranjarea și de ce mesajele pot să nu ajungă.
Cum personalizez pagina cu rezultatele căutării? Personalizează pagina de căutare care arată rezultatele când cumpărătorii caută în magazin: secțiunea Search products, coloanele, coloanele pe mobil, cardul de produs, textul de deasupra rezultatelor, cum sunt găsite produsele și butonul show more.
Cum personalizez grila de produse de pe pagina de colecție (Collection products)? Personalizează pagina de colecție: grila Collection products, coloanele, coloanele pe mobil, spațiul dintre carduri, cardul de produs, un titlu cu {{collection_name}}, {{collection_description}} și {{products_count}}, subcolecțiile, ordinea produselor și butonul show more.
Cum schimb aspectul paginilor de politici (secțiunea Policy)? Stilizează pagina care arată politica de confidențialitate, termenii și condițiile și politicile de rambursare, livrare și cookie-uri: secțiunea Policy, timpul de citire, lățimea, culorile, spațierea, CSS-ul personalizat și unde editezi textul politicilor.
Cum personalizez pagina 404 (pagina nu a fost găsită)? Personalizează pagina 404 pe care o văd cumpărătorii când un link nu există: secțiunea 404, textul, butoanele, separatoarele și grupurile, butonul implicit Return to Homepage, lățimea, culorile și spațierea.
Cum adaug pictograme de social media în magazin (Instagram, TikTok, Facebook, WhatsApp)? Adaugă secțiunea Social media icons: leagă Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp și Telegram, alege aspectul de pictograme sau de aplicație, în pagină sau fixate pe marginea ecranului, forma, mărimea, culorile și efectul la hover.
Cum adaug în magazin un formular de abonare la newsletter? Adaugă secțiunea Newsletter ca să strângi abonați prin e-mail: formular în pagină sau pop-up fix în colț, titlu, mesaj de succes, câmp de e-mail cu etichetă, text de exemplu și frază de confidențialitate, buton cu săgeată sau text, buton integrat, grupuri, culori și unde ajung abonările.
Cum folosesc secțiunile și blocurile Text, Image și Divider? Setările secțiunilor și blocurilor Text, Image și Divider: editorul de text, titlurile presetate, mărimea, înălțimea rândului, spațierea literelor, lățimea și alinierea, proporția, potrivirea, colțurile și linkul imaginii, grosimea și lungimea separatorului, culorile și spațierea.
Blocurile Group, Text, Button și Divider: cum funcționează setările componentelor de aranjare? Prezentarea blocurilor Group, Text, Button și Divider folosite în tot constructorul, cu toate setările blocului Button: eticheta, tipul de link (URL, e-mail, telefon, ancoră), stilul și lățimea pe desktop și pe mobil. Linkuri către ghidurile Group și Text, imagine, separator.
Cum folosesc blocurile Group ca să pun conținut unul lângă altul sau pe coloane? Cum funcționează blocul Group: blocuri unul lângă altul sau unul sub altul, grupuri în grupuri, direcția, așezarea pe verticală pe mobil, poziția și alinierea, spațiul dintre, lățimea fill, fit sau personalizată, spațierea, schema de culori, chenarul, colțurile, stratul de culoare și padding.
Cum adaug imagini înainte și după, valuri animate, particule sau un buton înapoi sus? Prezentarea secțiunilor suplimentare pentru paginile tale: un slider de comparare a imaginilor înainte și după, benzi cu valuri animate, particule plutitoare (zăpadă, bule, stele) și un buton înapoi sus, cu linkuri către ghidul complet al fiecăreia.
Cum adaug în magazin valuri animate sau particule plutitoare (zăpadă, bule, stele)? Adaugă secțiunile Animated waves și Animated particles: stilul valurilor, înălțimea, straturile, viteza, direcția, întoarcerea, suprapunerea și îmbinarea cu antetul, plus forma particulelor (punct, bulă, stea, zăpadă), numărul, mărimea, viteza, direcția, opacitatea și culorile.
Cum adaug în magazin un buton înapoi sus? Adaugă secțiunea Back to top: un buton rotund cu săgeată într-un colț de jos, care apare după derulare și îi duce pe cumpărători înapoi sus. Setează colțul, mărimea, inelul de progres al derulării și schema de culori și afișează-l pe fiecare pagină.