Cum pot sa personalizez paginile din magazin?
Acesta este sectiunea de help pentru versiunea Legacy a panoului de control. Daca utilizati panoul de control Flex, puteti gasi aici sectiunea de help relevanta.
MerchantPro Next, cea mai recenta versiune de storefront disponibila pentru toate magazinele din platforma MerchantPro, iti ofera acces la Widget Studio, un sistem de proiectare vizuala a paginilor. Astfel, ai posibilitatea de a crea landing page-uri complexe pentru shop-ul tau eCommerce, intr-un mod de tip point and click, si poti reconfigura in mod vizual continutul si structura paginilor din magazin prin utilizarea unor widget-uri cu un nivel ridicat de flexibilitate.
NOTE
Sistemul MerchantPro permite inclusiv personalizarea in profunzime a paginilor unui site la nivel de cod CSS si HTML. Pentru astfel de modificari, te rugam sa ne adresezi solicitarile tale in Centrul de Asistenta Clienti.
Descopera in continuare detalii despre cum poti utiliza Widget Studio pentru personalizarea paginilor magazinului tau MerchantPro.
- Accesarea temelor magazinului
- Adaugarea unei pagini noi
- Setari aplicabile tuturor paginilor
- Widget-urile disponibile pentru paginile magazinului
- Homepage
- Catalog
- Afisare produs
- Cart
- Blog listing
- Articole blog
Accesarea temelor magazinului
Pentru a incepe personalizarea paginilor magazinului tau in Widget Studio, este necesar sa accesezi mai intai Website > Design & Tema si sa apesi butonul Personalizeaza din dreptul temei curente a magazinului; totodata, in pagina ai posibilitatea de a previzualiza si de a selecta un alt template pentru magazinul tau MerchantPro.
Ulterior, vei continua in pagina de personalizare a temei, unde poti adauga si administra widget-urile din pagini ale site-ului precum Homepage, Catalog, Afisare produs, Cart sau Blog listing; de asemenea, poti previzualiza modificarile atat in varianta de desktop, cat si in cea pentru mobil.
NOTE
Dupa aplicarea oricaror modificari pentru paginile site-ului, este obligatoriu sa accesezi la final si butonul Salveaza modificarile; in caz contrar, modificarile efectuate nu se vor reflecta si in paginile magazinului.
Adaugarea unei pagini noi
In MerchantPro Next ai posibilitatea adaugarii unei pagini noi in site, care poate fi configurata integral, in functie de preferinte; pentru a adauga o pagina noua, urmeaza pasii de mai jos:
- Din pagina de editare a temei, acceseaza meniul de tip dropdopwn si selecteaza optiunea Adauga pagina site; continua in overlayer-ul care se va deschide pe ecran;
- Mergi la Titlu si introdu denumirea dorita pentru pagina pe care vrei sa o adaugi;
- Mergi la Identificator URL, unde campul va fi completat automat pe baza titlului pe care il adaug; poti edita URL-ul in functie de preferinte;
- Mergi la Descriere meta si adauga in campul dedicat o descriere care sa favorizeze o mai buna indexare a paginii in rezultatele motoarelor de cautare; continutul introdus este recomandat sa aiba intre 50 si 160 de caractere;
- Mergi la Continutul paginii si selecteaza una dintre urmatoarele optiuni:
- Fara continut (pagina va fi construita din widget-uri) - dupa adaugare poti popula pagina cu widget-urile dorite;
- Continut html - la selectarea acestei optiuni vei putea adauga continutul .html in campul dedicat.
- Mergi la Meniu si selecteaza meniul din site caruia ii va fi asociata pagina (Main, Despre noi, Asistenta sau Cont client);
- Mergi la Status si selecteaza una dintre urmatoarele optiuni:
- Activ (se afiseaza pe site);
- Inactiv (nu se afiseaza pe site).
- Apasa butonul Salveaza dupa verificarea tuturor setarilor.
TIP
Similar, poti adauga o pagina noua pentru magazinul tau din Website > Pagini site si accesarea butonului Adauga pagina site.
Setari aplicabile tuturor paginilor
In cadrul paginii de editare a temelor exista o serie de setari comune pe care le poti aplica tuturor paginilor din site, dupa cum urmeaza:
- La selectarea unei pagini din site pe care doresti sa o editezi, vei avea acces instant la previzualizarea paginii respective atat in varianta de desktop, cat si in cea de mobil, prin accesarea butoanelor Format desktop, respectiv Format mobile;
- Ordinea widget-urilor pe care le adaugi in cadrul unei pagini poate fi modificata prin drag & drop, cu ajutorul butoanelor de ordonare din dreptul acestora;
- Activarea sau dezactivarea unui anumit widget dintr-o pagina se realizeaza prin accesarea icon-ului in forma de ochi din dreptul widget-ului respectiv;
- Adaugarea unui widget pentru oricare dintre sectiunile unei pagini din site se realizeaza prin accesarea butonului Adauga widget si selectarea din lista a widget-ului dorit.
TIP
Modificarile efectuate in cadrul sectiunilor header si footer ale unei pagini se vor reflecta si in celelalte pagini din site (Ex: modificarile efectuate in Homepage se vor regasi si in Catalog, Afisare produs, Cart etc.).
Widget-urile disponibile pentru paginile magazinului
Pentru fiecare dintre paginile magazinului ai posibilitatea de a adauga o serie de widget-uri atat in zona de continut a acestora, cat si in cea de footer, prin accesarea butonului Adauga widget; widget-urile disponibile sunt urmatoarele:
Produse (grid)
Continutul widget-ului va fi afisat in site sub forma de tabel in pagina principala (zona de continut) sau in zona de footer a paginilor din magazin pentru care este disponibil si permite:
- Selectarea continutului in functie de criterii precum categorii, produse, produse featured, produse noi sau produse marcate ca noi;
- Selectarea modului de ordonare al produselor (automat, in functie de popularitate, in functie de vanzari etc);
- Definirea numarului de produse afisate simultan in widget-ul din site.
Produse (slider)
Continutul din acest widget va fi afisat in site sub forma de carusel pagina principala (zona de continut) sau in zona de footer a paginilor pentru care este disponibil; ai la dispozitie aceleasi setari de personalizare ca in cazul widget-ului Produse (grid);
Vizualizate recent
In widget-ul din site vor fi afisate produsele recent vizualizate de catre utilizatori (in zona de continut sau in footer) si iti ofera urmatoarele posibilitati de personalizare:
- Selectarea formatului in care va fi afisat widget-ul in site (Compact/Complet);
- Definirea numarului de produse afisate pe site in cadrul widget-ului;
- Optiune de a permite in magazin stergerea de catre clienti a propriului istoric de produse recent vizualizate.
Categorii
Widget-ul iti permite sa selectezi din anumite categorii subcategoriile pe care doresti sa le evidentiezi in zona de continut sau in cea de footer a paginilor site-ului; poti adauga optional un titlu personalizat pentru widget, precum si un subtitlu in care sa introduci mai multe detalii despre selectie. Subcategoriile vor fi listate in pagina ca in exemplul de mai jos:
Branduri top (slider)
Pentru a evidentia anumite brand-uri pe care le comercializezi in magazin, poti adauga acest widget in zona principala (zona de continut) sau in zona de footer a paginilor site-ului; ai posibilitatea de:
- Selectare a brand-urilor care vor fi afisate in cadrul widget-ului - poti alege daca le afisezi pe toate sau poti defini cate dintre cele mai populare dintre acestea vor figura in homepage;
- Selectare a afisarii widget-ului in site sub forma de carusel (cu optiune aditionala de auto-derulare a slider-ului de imagini) sau sub forma de galerie, ca in exemplele de mai jos:
Afisarea brand-urilor sub forma de carusel de imagini
Afisarea brand-urilor sub forma de galerie de imagini
Articole blog
Poti folosi widget-ul pentru a evidentia in pagina principala (zona de continut) sau in zona de footer a paginilor magazinului anumite articole din blogul asociat site-ului; ai la dispozitie urmatoarele optiuni de personalizare:
- Selectarea tipului articolelor care vor fi listate in widget (Selectionate, Recomandate, Recent adaugate);
- Definirea unui numar de articole recomandate sau recent adaugate pe care le poti afisa in cadrul widget-ului;
- Optiune de permitere a afisarii in site de informatii suplimentare despre articole.
Continut HTML
Widget-ul iti permite sa adaugi in pagina principala (zona de continut) sau in zona de footer a paginilor site-ului, propriul continut sub forma de cod html pentru personalizarea paginii.
Banner
Acest tip de widget iti ofera posibilitatea de a selecta banner-ul custom dorit, dupa incarcarea in prealabil a acestuia in Website > Bannere; in functie de pagina, widget-ul poate fi adaugat atat in zona principala, cat si in cea de footer a paginilor site-ului.
Newsletter
Widget-ul iti permite sa afisezi in paginile site-ului pentru care este disponibil (in zona de continut sau in zona de footer) campul pentru abonarea la Newsletter; alaturi de denumirea pe care o setezi pentru widget va fi afisat si un text predefinit, pe care il poti edita dupa preferinte din Website > Elemente editabile.
Filtre
Prin acest widget, disponibil exclusiv pentru zona principala a site-ului, le oferi clientilor magazinului posibilitatea de a cauta produsele dorite din magazin in functie de anumite criterii pe care le definesti, precum:
- Selectarea categoriilor din magazin pentru care vrei sa permiti filtrarea;
- Selectarea atributelor in functie de care doresti sa permiti filtrarea produselor in magazin.
Homepage
Pentru pagina principala a magazinului tau ai posibilitatea de a adauga atat in zona de continut, cat si in cea de footer, widget-uri precum Produse (grid), Produse (slider), Vizualizate recent, Categorii, Branduri top (slider), Articole blog, Continut HTML, Banner, Newsletter si Filtre (disponibil doar pentru zona de continut).
Catalog
Pentru acesta pagina ai posibilitatea de a defini preferintele cu privire la paginile de catalog prin setari precum:
- Mod afisare - poti selecta ca produsele din pagina sa se afiseze in format Grid sau List;
- Permite schimbarea formatului de afisare - poti activa pentru utilizatori posibilitatea de vizualiza subcategoriile si produsele din catalog sub forma de lista sau tabel, la accesarea icon-urilor specifice din paginile respective;
- Activeaza vizualizare rapida - la activarea optiunii, sub fiecare produs din catalog va fi afisat un buton sub forma de lupa, la accesarea caruia vizitatorul va putea vedea detalii despre articolul de care este interesat (Ex: variante, costuri de livrare); de asemenea, din modul de vizualizare rapida, vizitatorul va putea inclusiv sa selecteze cantitatea dorita din produsul respectiv si sa o adauge in cos;
- Numar de produse pe rand (mobile) - poti defini numarul de produse care vor fi afisate pe un singur rand in cazul accesarii catalogului de produse de pe dispozitive mobile;
- Numar de produse pe rand (desktop) - poti defini numarul de produse care vor fi afisate pe un singur rand in cazul accesarii catalogului de produse de pe desktop;
- Numarul de produse listate pe pagina - poti defini numarul total de produse listate in cadrul paginii de catalog din site;
- Afiseaza buton de adaugare in cos - optiunea iti permite sa le oferi clientilor posibilitatea de a adauga in cos produsele dorite direct din catalog;
- Afiseaza categorie produs - la activarea optiunii, in paginile de catalog din magazin va fi afisata si categoria din care face parte un produs, sub denumirea acestuia;
- Afiseaza descriere produs - activarea optiunii iti permite sa afisezi prima parte a descrierilor asociate produselor in cadrul catalogului de produse; poti utiliza optiunea pentru a determina vizitatorul sa acceseze pagina de produs pentru detalii complete despre articolul de care este interesat;
- Afiseaza tag-uri in pagina de produs - ai la dispozitie optiunile de a activa/dezactiva afisarea tag-urilor in paginile de produs;
- Afiseaza badge produs nou - selectarea optiunii permite afisarea in catalogul de produse a unui marcaj specific in cazul articolelor nou adaugate in magazin;
- Afiseaza badge discount - selectarea optiunii permite afisarea in catalogul de produse a unui marcaj specific in cazul articolelor pentru care ai setat o reducere de pret;
- Afiseaza badge promotie - selectarea optiunii permite afisarea in catalogul de produse a marcajului specific promotiilor pe care le-ai setat in magazin.
De asemenea, poti adauga widget-urile dorite pentru zona de footer a paginii, precum Produse (grid), Produse (slider), Vizualizate recent, Categorii, Branduri top (slider), Articole blog, Continut HTML, Banner sau Newsletter.
Afisare produs
In cadrul setarii ai posibilitatea de a defini preferintele referitor la modul de afisare in cadrul paginii de produs, dar si de a personaliza zonele de sumar, continut si footer ale paginilor respective.
Setari pagina
In tab-ul Setari pagina poti defini preferintele de afisare a elementelor din cadrul paginii de produs, dupa cum urmeaza:
- Afiseaza toate variantele de produs - poti activa sau dezactiva afisarea variantelor de produs in cadrul paginilor din magazin ale articolelor cu mai multe variante;
- Preselecteaza varianta de produs - la activarea acestei optiuni, in cazul produselor cu variante, vizitatorul va vedea deja selectata o varianta a acestuia in pagina de produs; in caz contrar, va fi afisat doar tipul variantei respective (Ex: Marime, Culoare etc);
- Format de afisare pentru variantele de produs - ai posibilitatea de a selecta daca variantele de produs vor fi afisate sub forma de meniu dropdown, selectie butoane (tab-uri) sau in format tabelar;
- Locatie galerie poze - poti selecta daca imaginile asociate produsului vor fi afisate in stanga sau sub imaginea pe care ai setat-o ca principala;
- Afisare logo brand - prin activarea acestei optiuni permiti afisarea in pagina de produs din magazin a logo-ului marcii producatoare a articolului respectiv;
- Afiseaza cod produs (SKU) - la activarea optiunii, in paginile de produs va fi afisat si codul SKU al produselor respective, daca acesta este activ in magazin;
- Afiseaza campul EAN - la activarea optiunii, in paginile de produs va fi afisat si codul EAN al produselor respective (variante de produs), daca acesta este activ in magazin;
- Afiseaza selector cantitate - activarea optiunii permite afisarea in pagina de produs a unui selector cu ajutorul caruia clientii pot selecta cantitatea dorita din respectivul produs;
- Afiseaza tag-uri - prin activarea optiunii poti afisa in pagina de produs tag-urile asociate acestuia, in cazul in care le-ai definit in magazin;
- Afiseaza numar telefon - activarea optiunii iti permite sa afisezi in pagina de produs numarul de telefon la care clientii pot contacta magazinul pentru a obtine mai multe detalii despre produse;
- Afiseaza formular de contact - activarea optiunii iti permite sa afisezi in pagina de produs un link catre formularul de contact al magazinului;
- Afiseaza Whatsapp - activarea optiunii iti permite sa afisezi in pagina de produs un buton catre chat-ul de Whatsapp, in cazul in care oferi acest serviciu;
- Afiseaza Facebook Messenger - activarea optiunii iti permite sa afisezi in pagina de produs un buton catre chat-ul de Facebook Messenger, in cazul in care oferi acest serviciu.
Taburi sumar produs/zona de continut
Pentru aceasta zona ai la dispozitie widget-uri comune precum Descriere, Detalii, Produse recomandate, Continut HTML, Camp aditional categorie, Camp aditional produs, Descriere brand sau Descriere linie produs, pentru care ai optiunea de a selecta in care dintre cele doua zone sa se afiseze sau sa realizezi setari specifice acolo unde este cazul (adaugarea optionala a unei denumiri, selectarea campurilor aditionale din lista etc.); de asemenea, pentru zona de continut poti adauga si widget-uri specifice precum Ce spun clientii sau Promotii, care iti permit sa afisezi in pagina de produs marturii din partea cumparatorilor, respectiv sa semnalizezi promotiile in care se incadreaza produsele respective.
Widget-uri footer
Pentru zona de footer a paginii de produs poti seta widget-uri (pentru care poti adauga optional si denumiri in functie de preferinte) precum Produse (grid), Produse (slider), Vizualizate recent, Categorii, Branduri top (slider), Articole blog, Continut HTML, Banner sau Newsletter; pentru detalii despre acest tip de widget-uri vezi capitolul Widget-urile disponibile pentru paginile magazinului din acest topic.
Cart
Pentru cosul de cumparaturi din magazin ai posibilitatea de a personaliza modul de afisare al cosului de cumparaturi prin accesarea tab-ului Setari pagina; regasesti setari specifice precum:
- Mod afisare cos de cumparaturi - poti selecta modul de afisare al cosului de cumparaturi la accesarea butonului de cart din magazin; ai la dispozitie optiunile Drawer, Dropdown, Modal, Pagina;
- Comportament adaugare in cart - setarea iti permite sa controlezi modul de afisare al preview-ului cosului de cumparaturi, dupa adaugarea in cos a unui produs;
- Afiseaza costul de livrare in cosul de cumparaturi - poti alege sa nu afisezi costul livrarii in cart sau poti permite afisarea costului pentru toti vizitatorii - logati/nelogati sau doar pentru vizitatorii inregistrati in magazin;
- Pozitionare sumar cart - poti selecta ca sumarul cartului sa fie pozitionat la dreapta sau dedesubtul inregistrarilor cu produsele adaugate in cosul de cumparaturi;
- Ordinea de afisare a produselor - poti ordona produsele din cos incepand cu cele mai recent adaugate sau cu cele mai vechi adaugate;
- Activeaza functia de cart sharing - prin activarea setarii permiti utilizatorilor sa isi trimita prin email un link catre cosul de cumparaturi in care au adaugat produse, pentru a finaliza comanda la un moment ulterior;
- Mod actualizare cos de cumparaturi dupa logarea in cont - la selectarea optiunii Cosul vizitatorului nelogat se va adauga la cosul utilizatorului logat permiti vizitatorilor care adauga produse in cart ca utilizatori nelogati sa completeze cu acestea lista produselor din cos dupa inregistrarea in magazin; la selectarea optiunii Cosul vizitatorului nelogat va inlocui cosul utilizatorului logat, cosul de cumparaturi va pastra doar produsele adaugate de vizitatori in cart ca utilizatori neinregistrati in shop;
- Afiseaza produse recomandate in cart - setarea iti permite sa alegi ce articole vor fi afisate ca produse recomandate in cosul de cumparaturi cu scop de upsell; descopera mai multe detalii in topicul despre afisarea de recomandari de produse in cart-ul utilizatorilor in scop de Cross-Sell.
De asemenea, in zona de footer poti adauga widget-uri precum Produse (grid), Produse (slider), Vizualizate recent, Categorii, Branduri top (slider), Articole blog, Continut HTML, Banner sau Newsletter.
Blog listing
Setarea iti permite sa definesti preferintele cu privire la afisarea listing-ului de articole din blogul asociat shop-ului tau. Pentru a putea edita pagina, este necesara in prealabil instalarea in magazin a aplicatiei Blog. Ai de asemenea posibilitatea de a adauga widget-uri pentru zona de sidebar a paginii, precum si pentru zona de footer.
Setari pagina
Setarea iti permite sa alegi daca afisezi articole recomandate, sa definesti numarul acestora, numarul de randuri pe care vor fi dispuse articolele, precum si campurile afisate (Autor, Categorie, Comentarii, Data, Descriere scurta).
Sidebar widgets
In cadrul zonei de continut a listing-ului de bloguri ai la dispozitie o serie de widget-uri specifice pe care le poti adauga pentru personalizarea sidebar-ului lateral dreapta al paginii:
- Continut HTML - poti adauga propriul continut sub forma de cod html pentru personalizarea paginii;
- Banner - poti selecta banner-ul custom dorit, dupa incarcarea in prealabil a acestuia in Website > Bannere ;
- Newsletter - poti adauga in sidebar formularul de inscriere la newsletter; ai posibilitatea de a introduce optional un titlu personalizat pentru acest widget;
- Blog search - poti adauga un camp de cautare pentru a le oferi vizitatorilor posibilitatea de a cauta mai usor un anumit articol de blog;
- Categorii blog - poti lista in sidebar lista categoriilor asociate blogului din site;
- Taguri blog - activarea widget-ului iti permite sa listezi tag-urile asociate articolelor din blog;
- Link-uri blog - poti activa afisarea de link-uri catre produse similare din site in cadrul paginilor de blog; ai posibilitatea de a defini optional si un titlu personalizat pentru widget;
- Comentarii recente blog - widget-ul iti permite sa listezi in sidebar cele mai recente comentarii de pe blog; ai inclusiv optiunea de a seta numarul de comentarii afisate.
Widget-uri footer
Pentru zona de footer a paginii de produs poti seta widget-uri (pentru care poti adauga optional si denumiri in functie de preferinte) precum Produse (grid), Produse (slider), Vizualizate recent, Categorii, Branduri top (slider), Articole blog, Continut HTML, Banner sau Newsletter; pentru detalii despre acest tip de widget-uri vezi capitolul Widget-urile disponibile pentru paginile magazinului.
Articole blog
In cazul paginilor din blogul asociat site-ului tau, raman valabile setarile pe care le definesti pentru Sidebar widgets si Widget-uri footer in cadrul paginii Blog listing. In schimb, la accesarea tab-ului Setari pagina, poti efectua setari specifice paginilor de blog, precum activarea butonului de afisare a articolelor similar si definirea numarului de articole listate, selectarea modului de afisare (Lista) sau activarea butonului de permitere a raspunsului la comentariile din sectiunea dedicata a blogului.
