Ce este constructorul
Constructorul de vitrine este un editor vizual care îți permite să proiectezi fiecare pagină a magazinului fără să scrii cod. Modificările se previzualizează live în centrul ecranului. Nimic nu ajunge la clienți până nu dai click pe Publică.
Structura constructorului
Constructorul are trei zone:
- Bara laterală stângă: cinci taburi afișate ca pictograme pe marginea stângă. De sus în jos: Piete (steag de țară), Pagini, Secțiuni, Setări (rotiță), iar asistentul AI (Amed) este fixat în partea de jos.
- Panoul de control: se deschide când selectezi o secțiune sau un bloc și arată toate setările pentru acesta.
- Fereastra de previzualizare: o vizualizare live a magazinului exact cum o văd clienții.
Schimbarea paginilor și piețelor
Deschide tabul Pagini pentru a naviga între paginile pe care le poți edita: Acasă, Produs, Landing, Colecție, Coș, Finalizare, Mulțumim, Căutare, Politică, Contact și 404. Pentru o descriere a fiecărei pagini vezi Paginile pe care le poți edita. Deschide tabul Piete (primul, pictograma steag) pentru a schimba între piețele tale. Fiecare piață are propriul șablon și propria istorie de anulare pentru fiecare pagină, astfel încât modificările într-o piață nu afectează alta.
Previzualizare, viewport și Inspector
Un comutator de viewport îți permite să previzualizezi la diferite lățimi cu butoanele Ecran complet, Desktop și Mobil. Comutatorul afișează doar opțiunile care încap în fereastra curentă, deci pe un ecran îngust unele butoane dispar. Bara de sus are și un buton Previzualizare (pictograma ochi) care deschide magazinul live într-un tab nou, și un buton Ieși din constructor.
Modul Inspector este activat implicit (pictograma cursor din bara de sus este evidențiată). Cât timp este activ, click pe orice element din previzualizare selectează instant acea secțiune sau bloc și îl deschide în panoul de control, fiind cea mai rapidă cale de a ajunge la ceva fără să derulezi bara laterală. Dă click pe butonul Inspector pentru a-l dezactiva.
Adăugarea unei secțiuni
- Deschide tabul Secțiuni pentru pagina curentă.
- Dă click pe butonul Adaugă secțiune (pictograma plus-cerc) din listă sau deschide meniul unei secțiuni și alege Adaugă secțiune înainte sau Adaugă secțiune după.
- Se deschide un selector cu toate tipurile de secțiuni pe care le poți adăuga pe această pagină. Dă click pe una pentru a o adăuga.
Fiecare tip de secțiune are un maxim per pagină. Când un tip ajunge la limită, dispare din selector, iar când slotul este plin, butonul Adaugă secțiune este dezactivat cu un mesaj că s-a atins maximul. Tipurile de secțiuni sunt specifice paginii (de exemplu, un hero sau newsletter este doar pentru Acasă). Catalogul complet de tipuri și limitele lor este în Secțiuni și blocuri.
Adăugarea unui bloc într-o secțiune
Selectează o secțiune, apoi în panoul ei de control dă click pe Adaugă bloc. Blocurile sunt elementele din interiorul unei secțiuni: text, imagini, butoane, grupuri de layout, separatoare și altele. Tipurile de blocuri disponibile și câte poți adăuga depind de secțiune.
Meniul secțiunii (copiere, duplicare și altele)
Pentru a accesa toate acțiunile unei secțiuni, selecteaz-o și dă click pe pictograma meniu din partea de sus a panoului de control sau click dreapta pe secțiune în bara laterală. Meniul conține:
- Copiază: copiază întreaga secțiune (conținut și stil).
- Copiază doar stilul: copiază doar stilizarea vizuală.
- Lipește: lipește o secțiune copiată. Indicația arată unde va fi plasată (După, În interior sau Suprascrie). Este dezactivat cu motiv dacă nu ai nimic copiat, s-a atins limita sau tipul nu este permis acolo.
- Lipește doar stilul: aplică stilul copiat pe secțiunea selectată. Dezactivat dacă tipul nu se potrivește sau nu ai nimic copiat.
- Duplică: creează o copie direct sub original, doar pe pagina curentă. Dezactivat dacă s-a atins limita pentru acea secțiune.
- Ascunde / Afișează: comută vizibilitatea. Secțiunile ascunse rămân în șablon dar nu sunt afișate clienților.
- Șterge: elimină secțiunea. Anularea o readuce.
Rândurile din bara laterală au și o pictogramă ochi (Ascunde/Afișează) și o pictogramă coș (Șterge). Secțiunile obligatorii nu pot fi ascunse sau șterse, astfel că Info produs pe pagina Produs și Info landing pe pagina Landing nu au pictograma coș.
Reordonarea secțiunilor și blocurilor
În lista Secțiuni, trage un rând de secțiune în sus sau în jos pentru a-i schimba locul pe pagină. Previzualizarea se actualizează imediat. Blocurile se reordonează la fel, prin tragere în panoul de control.
Aplică o secțiune pe toate paginile
Header, Footer, Bara de anunțuri și Cod personalizat apar pe fiecare pagină. Pentru a aplica o copie editată peste tot, deschide meniul acelei secțiuni și alege Aplică pe toate paginile. Aceasta suprascrie secțiunea corespunzătoare pe fiecare pagină din piața curentă care o include deja (paginile fără ea sunt sărite). Modificarea este scrisă direct în magazinul live, deci este ireversibilă. Constructorul îți cere confirmarea înainte. Asistentul AI poate face și el această acțiune, detalii în Acțiuni AI builder.
Anulare, refacere și salvare
Bara de sus are butoane Anulează și Refă. Istoricul este separat pe fiecare piață și pagină, deci anularea pe Acasă nu afectează pagina Produs. Scurtături tastatură: Cmd/Ctrl + Z pentru anulare, Cmd/Ctrl + Shift + Z sau Cmd/Ctrl + Y pentru refacere, și Cmd/Ctrl + S pentru publicare.
Dă click pe Publică (dreapta sus) pentru a trimite modificările live. Butonul este dezactivat dacă nu există modificări nesalvate. Publicarea este separată pe fiecare piață și pagină, deci publicarea pentru Acasă nu publică și pagina Produs.
Ce să verifici înainte de publicare
- Comută pe vizualizarea Mobil și derulează toată pagina, deoarece majoritatea clienților folosesc mobilul.
- Verifică contrastul textului față de culoarea de fundal a fiecărei secțiuni.
- Asigură-te că fiecare bloc de imagine are un fișier media selectat, deoarece spațiile goale apar ca zone albe pe magazinul live.
- Confirmă că butoanele și elementele de meniu duc către destinațiile corecte.
Pentru a lăsa asistentul AI să construiască și să editeze secțiuni pentru tine, vezi Construirea cu asistentul AI.