Public

h1. Cum faceti setarile pentru Landing page - tutorial

*Ce sunt ?*

Sunt pagini cu design personalizat, folosite pentru a promova un eveniment anume (ex: Black Friday, Craciunul, 1 Martie etc).

Modulul de landing-pages permite crearea de pagini "adiacente" cu restul site-ului, in care accentul cade pe o anume parte din magazin.

*La ce ajuta ?*

Un landing page are doua mari beneficii:

- structura cu categorii si produse, pe un design personalizat, permite promovarea unei anumite sectiuni din magazin pentru diferite campanii de vanzari.

- scurteaza drumul clientului pana pe o sectiune din site, care se vrea accentuata/promovata.

*Cum editez continutul ?*

Accesati in *Admin* -> *Marketing* -> *Pagini personalizate* -> *Modifica* sau *Pagina noua personalizata* :

!screenshot-testadminfashionstore.avanticart.ro-2021.11.02-17_23_23.png!

*Cum arata si cine face design-ul ?*

Aveti mai jos doua exemple de design implementate de echipa Avanticart (Ele s-au dezvoltat pe un design personalizat, LP pentru magazinul dumneavoastra nu va arata la fel, aceste exemple sunt strict pentru a va face o idee despre cum poate arata un LP). 

Pentru a crea un LP personalizat pentru magazinul dumneavoastra veti avea nevoia de un designer care sa creeze template-ul pe care ulterior echipa Avanticart il va implementa in platforma Avanticart. Pe baza acestuia veti putea face ultimele setari in Dashboard.

!lp1.png!

!lp2.png!

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Pentru a seta template-ul de LP Avanticart urmati instructiunile in continuare.

**Template LP Avanticart*

Template-ul LP Avanticart are configurata si o zona de *Banner* in partea de sus a paginii intre header si categoriile de produse. 

Pentru a adauga un banner aici este nevoie in primul rand ca un designer sa il creeze pentru dumneavoastra. 

Odata ce il aveti accesati *Dashboard -> Marketing ->Bannere*  pentru a configura zona de banner pentru LP. Echipa Avanticart poate face acest lucru pentru dumneavoastra, va rugam sa adaugati un ticket in Redmine.

*Pagina principala:*

In cazul in care nu aveti inca adaugat LP Black Friday accesati butonul albastru din partea de sus a paginii *Pagina nou personalizata*  si completati informatiile de la punctele 1-6:

!screenshot-testadminfashionstore.avanticart.ro-2021.11.05-17_49_10.png!

!screenshot-testadminfashionstore.avanticart.ro-2021.11.05-17_50_20.png!

Reveniti pe pagina anterioara pentru a selecta templateul *default_LP* din dropdown:

!screenshot-testadminfashionstore.avanticart.ro-2021.11.05-17_55_06.png!

Accesati apoi *Modifica* pentru a naviga in pagina de mai jos:

!screenshot-testadminfashionstore.avanticart.ro-2021.11.05-17_58_14.png!

*1. Foloseste produsele din aceasta pagina pe homepage:*

In cazul in care selectati aceasta optiune produsele din LP (landing page) vor fi afisate in Homepage. Homepage-ul nu va fi inlocuit, odata dezactivata bifa se vor afisa produsele initiale listate pe Homepage.

*2. Inlocuieste Homepage-ul:*

In cazul in care selectati aceasta optiune Homepageul va fi inlocuit cu LP, practic se face redirect catre LP. Clientul va avea optiunea de a reveni pe Homepage-ul magazinului accesand butonul aferent. Acest buton este afisat de obicei in partea de sus a paginii in magazin. Aceasta optiune este disponibila doar daca data de inceput si data de sfarsit setata in pasii urmatori pentru LP incadreaza momentul in care alegeti aceasta optiune.

*

!!!FOARTE IMPORTANT, VA ROG SA NU ADAUGATI ACEASTA BIFA DECAT IN MOMENTUL IN CARE DORITI CA LANDING PAGE-UL SA DEVINA ACTIV IN MAGAZIN!*

!screenshot-testadminfashionstore.avanticart.ro-2021.11.05-17_59_49.png!

*3. Editare continut:*

Aici urmeaza sa adaugati titlul paginii, numele si foarte important *data de inceput* si *data se sfarsit* , practic perioada in care va fi activat LP, datele completate aici trebuie sa fie valide adica sa nu fie din trecut.

*Produse pagina principala:* cu optiunea de afisare produse din prima categorie sau produse din toate categoriile pe care le adaugati in LP. Ordinea categoriilor afisate in LP va fi setata in pasul urmator.

*4. Editeaza produse:*

!screenshot-adminedenboutique.avanticart.ro-2021.10.05-20_17_22.png!

* In aceast tab puteti ordona categoriile cu drag&drop, categoria selectata in partea de sus fiind considerata prima categorie.

* Cu un click pe sageata din dreptul fiecarei categorii puteti vizualiza produsele din acea categorie, le puteti sterge si seta ordinea - drag&drop.

* Folosind butonul *Adauga o categorie noua*, puteti adauga noi categorii de produse in LP selectand in campul alaturat categoria pe care doriti sa o adaugati.

 Odata ce ati adaugat o categorie va trebuie sa o populati cu produse si apoi sa accesati butonul *Salveaza*  pentru ca ea sa fie afisata in LP si salvata.

In cazul in care in pasul *3. Editeza produse* , campul *Produse din pagina principala*, ati optat pentru *Produse din toate categoriile* va aparea un camp suplimentar in care trebuie sa specificati numarul de produse pentru fiecare categorie ce va fi afisat in LP.

Revenind la *Pagini personalizate* aveti aici niste optiuni, numele butoanelor consideram ca este suficient de sugestiv:

!screenshot-testadminfashionstore.avanticart.ro-2021.11.02-17_19_44.png!

2. Incarcati produse prin CSV si accesati butonul *Load products*

3. Selecteaza un template: odata ce templateul designerului a fost implementat in platforma se poate selecta de aici templateul dorit pentru LP ce urmeaza sa fie activat sau asa cum am specificat mai sus selectati templateul LP Avanticart.

4. Copy products form LP: aveti optiunea de a lista in LP-ul in curs de adaugare, produsele din alte pagini personalizate deja create.

*5.Incarca logo:*

Adaugati logo-ul magazinului.

!screenshot-testadminfashionstore.avanticart.ro-2021.11.02-16_13_16.png!

*6. Alte setari:*

* Puteti schimba culoarea de fundal adaugand una dintre urmatoarele variante: cod hexa ( #000000 ), text (black, blue, red, pink etc), rgb, hsl etc

* Mai puteti schimba si fontul selectand din dropdown una dintre optiunile disponibile.

!screenshot-testadminfashionstore.avanticart.ro-2021.11.02-17_06_25.png!

Dupa ce ati facut toate aceste setari puteti avea un *Preview*  asupra Landing Page-ului configurat accesand butonul albastru pe pagina *Pagini personalizate*:

*Foarte important!* : Dupa editerea unui landing page (adaugare , stergere produse / categorii) este necesar sa accesati  butonul 'Resetare cache' pentru ca modificarile sa intre in vigoare pe LP.

!screenshot-testadminfashionstore.avanticart.ro-2021.11.02-17_12_48.png!

*ATENTIE* Dupa cum am mentionat si in prima parte a acestui tutorial LP-ul este o oportunitate pentru magazinele online in a promova anumite produse( cele cu discount, produsele pe care aveti mai putine vanzari etc.) De aceea nu va recomandam sa incarcati un numar foarte mare de produse, acest lucru poate afecta performanta atat tehnica, cat si comerciala a LP si in final scopul initial poate fi diminuat.