Această publicație îți va spune ce este de fapt Web Layer și îți va oferi exemple. De asemenea, îți vom arăta cum să îl creezi, pas cu pas.
Hai să începem!
Vei găsi panoul de configurare Web Layer în Mission Control. În meniul din dreapta, fă click pe ONSITE. Îți vor fi afișate soluțiile disponibile, iar pe locurile 2 și 3 vei vedea că sunt Web Layer Slider și Web Layer Banner.
Web Layer Slider
Pentru început, îți vom arăta cum să creezi un slider! Atunci când faci click pe opțiunea pe care o dorești din meniu, ecranul de pornire îți va arăta 4 pași - pentru că asta este tot ceea ce te desparte de a o afișa pe pagina magazinului tău!
Pasul 1 - alegerea unui șablon
Ai la dispoziție diferite șabloane din care poți alege. Fă click pe cel care se potrivește cel mai bine nevoilor tale. Vei trece automat la următorul pas, care este editarea și personalizarea.
Pasul 2 - dă-i slider-ului un stil
Acum este timpul să particularizezi sliderul și să îl faci să se potrivească cu site-ul tău. În partea stângă vei vedea două meniuri din care poți alege. În secțiunea "Content" (Conținut), poți seta textul pe care dorești să apară pe fila cu Call To Action (Slider BAR), din care alunecă întregul slider, precum și tot restul conținutului care va apărea pe acesta (Slider BODY).
În secțiunea " General settings", poți pregăti designul grafic al sliderului. Preferi o fotografie, o singură culoare sau un gradient ca fundal? Alegerea îți aparține! Tot aici vei ajusta fontul și vei seta linkul către pagina către care butonul CTA ar trebui să ducă utilizatorul.
Cu previzualizarea deja în design, poți vedea în timp real cum va arăta sliderul pe site-ul tău pe desktop și pe mobil.
Pasul 3 - alegerea locației
Odată ce sliderul arată așa cum trebuie, este timpul să decizi unde ar trebui să fie plasat și pe ce dispozitive ar trebui să fie afișat.
Pasul 4 - este timpul pentru detaliile finale
La finalul procesului de creare a sliderului, trebuie să stabilești când, pentru ce perioadă de timp și pe ce pagini ar trebui să fie afișat. Există mai multe opțiuni din care poți alege:
Trigger pentru ca sliderul să apară - decizi dacă creația ar trebui să apară imediat, după o perioadă de timp selectată sau când se derulează până la 50% din pagină.
Locația în care ar trebui să se afișeze creația - aici se indică pe ce pagini va fi afișat sliderul.
Perioada de timp în care va fi afișat sliderul - poți decide dacă designul va fi afișat imediat sau într-o zi specificată de tine. Aici poți specifica și de câte ori va fi vizibil sliderul, de exemplu, o dată pe oră.
În sfârșit, denumește întregul proiect, verifică previzualizarea și... publică!
Web Layer Banner
Acum vom trece la proiectarea de Web Layer Banner. Fă clic pe opțiunea dorită din meniul din dreapta. Ecranul principal va afișa 3 pași.
Pasul 1 - alegerea unui șablon
Alege tipul de banner care se potrivește cel mai bine nevoilor tale. Cu un buton CTA sau un text sub-linkat? Tu decizi!
Pasul 2 - personalizează bannerul
Aici vei modifica aspectul și poziția bannerului. În partea stângă vei vedea un meniu detaliat în care poți alege:
Poziție - fie în partea de sus, fie în partea de jos a paginii.
Stil - decizi dacă bannerul trebuie să fie ancorat într-un singur loc sau, de exemplu, să se deplaseze pe măsură ce parcurgi pagina.
Culoare - la fel ca și în cazul sliderului, poți decide dacă bannerul trebuie să fie de o singură culoare sau să fie umplut cu o imagine?
Content - introdu un slogan atractiv și un CTA, alege o culoare a fontului și inserează un link către care bannerul ar trebui să indice.
Pasul 3 - setarea finală a afișajului bannerului
Acesta este exact același meniu pe care îl asociezi cu setările sliderului. Alege pe ce dispozitive vrei să se afișeze creația ta, pe ce pagini și la ce oră. Salvează proiectul și ai terminat!
Hai să încheiem:
Acum știi cum să treci la crearea de Web Layers. Nu uita să testezi tu însuți toate configurațiile! Adesea, cele mai bune idei se nasc în procesul de creație!
În caz de confuzie, nu uita că îți stăm la dispoziție! Scrie-ne la hello@edrone.me. Vom fi bucuroși să îți răspundem la orice întrebare despre Web Layers (și nu numai)!
Ai nevoie de mai mult ajutor?
Dacă ai întrebări suplimentare cu privire la crearea de Pop-up-uri personalizate, nu ezita să ne contactezi la hello@edrone.me