PopUps

Acceseaza sectiunea Continut si optiunea PopUps din meniul principal unde vei putea adauga PopUp-uri noi. Din acest articol vei afla cum sa:

• Alegi tipul de PopUp potrivit
• Adaugi un PopUp de Abonare la Newsletter
• Adaugi un PopUp pentru Recuperare Cos
• Adaugi un PopUp Call To Action
• Adaugi un PopUp Ghid pentru Variante
• Adaugi un PopUp Adaugare la Cos
• Adaugi un PopUp Special

Alege tipul de PopUp potrivit

• Da click pe butonul Creaza un PopUp.
• In pagina deschisa, alege tipul de PopUp pe care doresti sa il creezi si template-ul care se potriveste cel mai bine viziunii tale.

• In functie de tipul de PopUp ales, in continuare va trebui sa configurezi detaliile acestuia;

Inainte de a configura detaliile PopUp-ului, trebuie sa tii cont de cateva lucruri importante pentru ca acesta sa se afiseze corespunzator atat pe desktop cat si pe mobil.

1. In cazul in care alegi o culoare de fundal sau incarci o imagine, trebuie sa fii atent ca textul pe care il adaugi ca si continut sa aiba o culoare vizibila pe imaginea sau culoarea de fundal setata. Ai grija ca in cazul in care fundalul sau imaginea incarcata este neagra, sa nu fie si textul negru.

2. In cazul in care alegi sa incarci o imagine de fundal care contine deja text, trebuie sa ai grija ca aceasta sa fie construita in asa fel incat sa se afiseze bine atat pe desktop cat si pe mobil. Pentru a evita situatia in care pe mobil sa iti fie taiat textul, este recomandat ca acesta sa fie pozitionat in partea stanga a imagini.

3. Pentru ca PopUp-ul sa se afiseze corect atat pe desktop cat si pe mobil, ai posibilitatea de a edita atat latimea cat si inaltimea acestuia. Pentru a se afisa corespunzator indiferent de device este recomandat sa pastrezi inaltimiea si latimea din template-ul ales.

Adauga un PopUp de Abonare la Newsletter

Introdu Informatiile Generale despre PopUp:

• Denumire – introdu un nume sugestiv pentru a-l putea diferentia mai tarziu in lista cu popup-uri.
• Afisare – alege cand sa apara popup-ul: la incarcarea paginii, la iesirea din pagina, sau la derularea pana la jumatate a paginii.
• Lista newsletter – alege din serviciul tau de newsletter lista la care vor fi adaugate noile adrese de email.
• Continut – introdu continutul popup-ului.
• Dupa abonare – selecteaza ce se intampla dupa abonare: fie se afiseaza un mesaj de multumire, fie se face redirect catre o alta pagina.
• Mesaj de Succes - daca ai optat pentru afisarea unui mesaj dupa abonare, aici il vei introduce.
• Acord Client – conform GDRP, utilizatorul trebuie sa iti dea clar si explicit acordul ca tu sa ii inregistrezi datele de contact. Acest camp este precompletat cu un text care respecta Regulamentul, dar il poti modifica daca doresti.
• Buton Confirmare – scrie textul care va fi afisat pe butonul de confirmare a abonarii.
• Buton Refuz – scrie textul care va fi afisat pe butonul de refuz, in cazul in care utilizatorul nu vrea sa iti dea datele sale.

Dupa completarea informatiilor, nu uita sa dai click pe butonul Salveaza.

Stabileste Aspectul PopUp-ului:

• Latime PopUp - ai posibilitatea sa modifici latimea conform dorintelor tale. 
• In sectiunea Continut - ai posibilitatea sa modifici latimea maxima a zonei de continut, pozitionarea in popup a zonei de continut, spatiul liber in jurul zonei de continut si culoarea textului. 
• In sectiunile Fundal - ai posibilitatea sa modifici culoarea fundalului, sa incarci o imagine, sa alegi pozitionarea imaginii de fundal in popup si sa alegi daca vrei sau nu sa adaptezi fundalul la marimea popup-ului.
• In sectiunea Buton Confirmare - ai posibilitatea sa selectezi culoarea textului si culoarea fundalului butonului.
• In sectiunea Buton Refuz - ai posibilitatea sa selectezi culoarea textului si culoarea fundalului butonului.

Dupa completarea informatiilor, nu uita sa dai click pe butonul Salveaza.

Alege Conditiile de Afisare a PopUp-ului:

• Activ – Alege daca popup-ul va fi activ, inactiv sau activ doar intr-un anumit interval de timp.
• Afisare – Alege unde sa fie afisat popup-ul: in toate paginile magazinului, doar intr-o anumita categorie, doar intr-o anumita pagina de produs, doar in paginile produselor cu pret redus sau insectiunea cont client. Ai de asemenea posibilitatea bifand casuta Exclude pagini, sa alegi paginile din magazinul tau in care sa nu fie afisat popup-ul. 
• Utilizatori - Alege daca vrei ca popup-ul sa se afiseze in functie de utilizator. Ai optiunea de a afisa popup-ul tuturor utilizatorilor, doar utilizatorilor autentificati sau doar utilizatorilor neautentificati.
• Prioritate – completeaza acest camp doar daca ai mai multe popup-uri active, pentru a stabili ordinea lor de afisare in pagina.

Dupa completarea informatiilor, nu uita sa dai click pe butonul Salveaza.

 

                   Afisare PopUp pe desktop                                           Afisare PopUp pe mobil

 

Adauga un PopUp pentru Recuperare Cos

Introdu Informatiile Generale despre PopUp:

• Denumire – introdu un nume sugestiv pentru a-l putea diferentia mai tarziu in lista cu PopUp-uri.
• Voucher – pentru a putea folosi acest tip de popup, va trebui sa creezi mai intai un voucher special pentru cosul de cumparaturi.
• Continut – introdu textul care va aparea pe popup.
• Buton Confirmare – scrie textul care va fi afisat pe butonul de confirmare a recuperarii cosului.
• Buton Refuz – scrie textul care va fi afisat pe butonul de refuz, in cazul in care utilizatorul nu vrea sa finalizeze comanda.

Dupa completarea informatiilor, nu uita sa dai click pe butonul Salveaza.

Stabileste Aspectul PopUp-ului:

• Latime PopUp - ai posibilitatea sa modifici latimea conform dorintelor tale. 
• In sectiunea Continut - ai posibilitatea sa modifici latimea maxima a zonei de continut, pozitionarea in popup a zonei de continut, spatiul liber in jurul zonei de continut si culoarea textului. 
• In sectiunile Fundal - ai posibilitatea sa modifici culoarea fundalului, sa incarci o imagine, sa alegi pozitionarea imaginii de fundal in popup si sa alegi daca vrei sau nu sa adaptezi fundalul la marimea popup-ului.
• In sectiunea Buton Confirmare - ai posibilitatea sa selectezi culoarea textului si culoarea fundalului butonului.
• In sectiunea Buton Refuz - ai posibilitatea sa selectezi culoarea textului si culoarea fundalului butonului.

Dupa completarea informatiilor, nu uita sa dai click pe butonul Salveaza.

Alege Conditiile de Afisare a PopUp-ului:

• Activ – alege daca popup-ul va fi activ, inactiv sau activ doar intr-un anumit interval de timp.
• Ai posibilitatea bifand casuta Exclude pagini, sa alegi paginile din magazinul tau in care sa nu fie afisat popup-ul. 
• Prioritate – completeaza acest camp doar daca ai mai multe popup-uri active, pentru a stabili ordinea lor de afisare in pagina.

Dupa completarea informatiilor, nu uita sa dai click pe butonul Salveaza.

Adauga un PopUp Call to Action

Introdu Informatiile Generale despre PopUp:

• Denumire – introdu un nume sugestiv pentru a-l putea diferentia mai tarziu in lista cu popup-uri.
• Continut – introdu textul care va aparea pe popup.
• Buton Confirmare – scrie textul care va fi afisat pe butonul de confirmare.
• Pagina Confirmare - alege pagina in care sa fie redirectionat utilizatorul in cazul in care da click pe butonul de confirmare.
• Buton Refuz – scrie textul care va fi afisat pe butonul de refuz.
• Pagina Refuz - alege pagina in care sa fie redirectionat utilizatorul in cazul in care da click pe butonul de refuz.
• Retine actiunea utilizatorului - introdu numarul de zile inainte de a afisa din nou acest popup utilizatorului care a interactionat cu el.

Dupa completarea informatiilor, nu uita sa dai click pe butonul Salveaza.

Stabileste Aspectul PopUp-ului:

• Latime PopUp - ai posibilitatea sa modifici latimea conform dorintelor tale. 
• In sectiunea Continut - ai posibilitatea sa modifici latimea maxima a zonei de continut, pozitionarea in popup a zonei de continut, spatiul liber in jurul zonei de continut si culoarea textului. 
• In sectiunile Fundal - ai posibilitatea sa modifici culoarea fundalului, sa incarci o imagine, sa alegi pozitionarea imaginii de fundal in popup si sa alegi daca vrei sau nu sa adaptezi fundalul la marimea popup-ului.
• In sectiunea Buton Confirmare - ai posibilitatea sa selectezi culoarea textului si culoarea fundalului butonului.
• In sectiunea Buton Refuz - ai posibilitatea sa selectezi culoarea textului si culoarea fundalului butonului.

Dupa completarea informatiilor, nu uita sa dai click pe butonul Salveaza.

Alege Conditiile de Afisare a PopUp-ului:

• Activ – alege daca popup-ul va fi activ, inactiv sau activ doar intr-un anumit interval de timp.
• Afisare – alege unde sa fie afisat popup-ul: in toate paginile magazinului, doar intr-o anumita categorie, doar intr-o anumita pagina de produs, doar in paginile produselor cu pret redus sau insectiunea cont client. Ai de asemenea posibilitatea bifand casuta Exclude pagini, sa alegi paginile din magazinul tau in care sa nu fie afisat popup-ul. 
• Utilizatori - alege daca vrei ca popup-ul sa se afiseze in functie de utilizator. Ai optiunea de a afisa popup-ul tuturor utilizatorilor, doar utilizatorilor autentificati sau doar utilizatorilor neautentificati.
• Prioritate – completeaza acest camp doar daca ai mai multe popup-uri active, pentru a stabili ordinea lor de afisare in pagina.

Dupa completarea informatiilor, nu uita sa dai click pe butonul Salveaza.

                   Afisare PopUp pe desktop                                           Afisare PopUp pe mobil   

Adauga un PopUp Ghid pentru Variante

Adauga Informatiile Generale despre PopUp:

• Denumire – introdu un nume sugestiv pentru a-l putea diferentia mai tarziu in lista cu popup-uri.
• Afisare - alege evenimentul care declansaza afisarea acestui popup.
• Atribut - selecteaza atributul pe care trebuie sa il aiba produsele pentru ca popup-ul sa fie afisat.
• Continut – introdu continutul care va aparea in popup.
• Link - introdu textul pe care utilizatorii trebuie sa dea click pentru a deschide popup-ul.

Dupa completarea informatiilor, nu uita sa dai click pe butonul Salveaza.

Stabileste Aspectul PopUp-ului:

• Latime PopUp - ai posibilitatea sa modifici latimea conform dorintelor tale. 
• Latime - selectarea maxima a zonei de continut.
• Pozitie - alege pozitionarea in popup a zonei de continut.
• Margini - seteaza marimea spatiului liber din jurul zonei de continut.
• Culoare text - seteaza culoarea textului.
• Culoare fundal - seteaza culoarea fundalului.
• Imagine - ai posibilitatea sa incarci o imagine.
• Pozitie - alege pozitionarea inmaginii de fundal in popup.
• Fundal fluid - alege daca vrei sau nu sa adaptezi fundalul la marimea popup-ului.
• In sectiunea Link - ai posibilitatea sa selectezi culoarea textului si culoarea de fundal.

Dupa completarea informatiilor, nu uita sa dai click pe butonul Salveaza.

Alege Conditiile de Afisare a PopUp-ului:

• Activ – alege daca popup-ul va fi activ, inactiv sau activ doar intr-un anumit interval de timp.
• Afisare – alege unde sa fie afisat popup-ul: in toate paginile magazinului, doar intr-o anumita categorie, doar intr-o anumita pagina de produs, doar in paginile produselor cu pret redus sau insectiunea cont client. Ai de asemenea posibilitatea bifand casuta Exclude pagini, sa alegi paginile din magazinul tau in care sa nu fie afisat popup-ul. 
• Utilizatori - alege daca vrei ca popup-ul sa se afiseze in functie de utilizator. Ai optiunea de a afisa popup-ul tuturor utilizatorilor, doar utilizatorilor autentificati sau doar utilizatorilor neautentificati.
• Prioritate – completeaza acest camp doar daca ai mai multe popup-uri active, pentru a stabili ordinea lor de afisare in pagina.

Dupa completarea informatiilor, nu uita sa dai click pe butonul Salveaza.

                   Afisare PopUp pe desktop                                               Afisare PopUp pe mobil

   

Adauga un PopUp de Adaugare la Cos

Introdu Informatiile Generale despre PopUp:

• Denumire – introdu un nume sugestiv pentru a-l putea diferentia mai tarziu in lista cu popup-uri.
• Afisare – alege evenimentul care declansaza afisarea acestui popup.
• Afiseaza Recomandari - alege produsele care vor fi afisate in PopUp. Ai posibilitatea sa alegi produsele prin optiunea Selecteaza produse, unde va trebuie sa alegi manual produsele care sa apara in acest popup sau alegand optiunea Produse "Cross-Sell" astfel afisandu-se produsele complementare produsului adaugat in cos. 
• Continut – introdu continutul popup-ului.

Alege Conditiile de Afisare a PopUp-ului:

• Activ – alege daca popup-ul va fi activ, inactiv sau activ doar intr-un anumit interval de timp.
• Afisare – alege unde sa fie afisat popup-ul: in toate paginile magazinului, doar intr-o anumita categorie, doar intr-o anumita pagina de produs, doar in paginile produselor cu pret redus sau insectiunea cont client. Ai de asemenea posibilitatea bifand casuta Exclude pagini, sa alegi paginile din magazinul tau in care sa nu fie afisat popup-ul. 
• Prioritate – completeaza acest camp doar daca ai mai multe popup-uri active, pentru a stabili ordinea lor de afisare in pagina.

Dupa completarea informatiilor, nu uita sa dai click pe butonul Salveaza.

       Afisare PopUp pe desktop                                               Afisare PopUp pe mobil

   

Adauga un PopUp Special

PopUp-ul Special este afisat in functie de anumite evenimente care au loc in magazinul tau, cum ar fi abonarea cu succes la newsletter sau finalizarea unei comenzi.

Introdu Informatiile Generale despre PopUp:

• Denumire – introdu un nume sugestiv pentru a-l putea diferentia mai tarziu in lista cu popup-uri.
• Afisare – alege evenimentul care declanseaza afisarea acestui PopUp. Ai posibilitatea sa alegi intre La abonarea la Newsletter sau La finalizarea comenzii.
• Continut – introdu continutul popup-ului.
• Buton Confirmare – scrie textul care va fi afisat pe butonul de confirmare.

Dupa completarea informatiilor, nu uita sa dai click pe butonul Salveaza.

Stabileste Aspectul PopUp-ului:

• Latime PopUp - ai posibilitatea sa modifici latimea conform dorintelor tale. 
• Latime - ai posibilitatea sa modifici latimea maxima a zonei de continut.
• Pozitie - ai posibilitatea sa modifici pozitionarea in popup a zonei de continut.
• Margini - ai posibilitatea sa modifici spatiul liber din jurul zonei de continut.
• Culoare text - ai posibilitatea sa modifici culoarea textului. 
• Culoare fundal - ai posibilitatea sa modifici culoarea fundalului.
• Imagine - ai posibilitatea sa adaugi o imagine de fundal. 
• Pozitie - alege pozitionarea imaginii de fundal in popup. 
• Fundal fluid - alege daca vrei sau nu sa adaptezi fundalul la marimea popup-ului.
• In sectiunea Buton Confirmare - ai posibilitatea sa selectezi culoarea textului si culoarea fundalului butonului.

Dupa completarea informatiilor, nu uita sa dai click pe butonul Salveaza.

Alege Conditiile de Afisare a PopUp-ului:

• Activ – alege daca popup-ul va fi activ, inactiv sau activ doar intr-un anumit interval de timp.

Dupa completarea informatiilor, nu uita sa dai click pe butonul Salveaza.