Share
Pagewiz a fost conceput pentru a permite comercianților profesioniști, proprietarilor de afaceri și afiliaților să lanseze campanii de pagini de destinație de la zero, în câteva minute, și să le optimizeze cu ușurință spre o rată de conversie ridicată. Acest tutorial vă va ghida prin proiectarea paginilor de destinație cu Pagewiz, ajutându-vă în cele din urmă să vă împachetați și să vindeți șabloanele Pagewiz pe Envato Market.
Când veniți să creați șabloane de pagini de destinație, trebuie să vă asigurați că respectă cunoștințele empirice de marketing online, adunate prin mii de campanii de succes și / sau eșuate ale paginilor de destinație.
Dacă ați dori cu adevărat să sari pe acest vagon de marketing online și doriți să creați șabloane de pagini de destinație orientate pe conversii - ar trebui să citiți mai departe:
Există cinci elemente de bază care trebuie să fie stabilite pe fiecare pagină de destinație:
(1 - 2) Cele două elemente cele mai proeminente de pe pagina dvs. ar trebui să fie titlul + sub Titlul și CTA dvs. Primul îi ia pe vizitatori în ușă, iar al doilea le dă (și campaniei) salariul.
"Deasupra ori" - pe o pagină online este tot ceea ce poate fi văzut fără a trebui să derulați în jos. În acest domeniu, vizitatorul dvs. ar trebui să vă afișeze titlul + sub Titlul; aceasta este copia care le atrage cu o promisiune și oferă beneficiul cheie al ofertei dvs..
Dacă oferta dvs. nu este complexă și / sau cititorul tipic este deja foarte familiarizat cu oferta dvs., este probabil util să plasați primul buton / formular CTA chiar lângă linia de titlu + subcapitol de deasupra ori. Cu alte cuvinte, tot ceea ce un vizitator motivat trebuie să-și valideze decizia de a veni la pagina dvs. de destinație este în primul rând frontul și centrul. Ei nu au nevoie să caute în jur pentru a lua măsuri suplimentare. Au venit. Ei au văzut. Au făcut clic.
Reduceți frecarea - ușurați-le.
Cât de ușor pot găsi vizitatorii paginii dvs. de destinație butonul dvs. de chemare la acțiune (CTA)? Dacă răspunsul dvs. nu a fost "Cum pot fi dor de ea ?!" - atunci este posibil să aveți ceva de făcut.
culoare din butonul CTA trebuie să stea în evidență de restul schemei de culori a paginii. Deci, un buton portocaliu CTA poate funcționa bine pe o pagină alcătuită din nuanțe de albastru, dar mai puțin pe o pagină în care este dominantă roșu. Uită-te la ecranul în care ai pus un buton CTA. Care este primul lucru care vă atrage ochii? Dacă nu este butonul dvs. CTA, schimbarea culorii poate fi o îmbunătățire bună de făcut în varianta pe care o oferiți cu pachetul dvs. de șablon.
(3 - 5) Modul în care alegeți să configurați lista de caracteristici și avantajele paginii dvs. de destinație, constructorii de credibilitate și rezumatul liniei de fund sunt în întregime în funcție de dvs. Va trebui să găsești o modalitate de a le amesteca în designul tău, în timp ce ai grijă să nu distrugi cele două elemente cele mai proeminente ale tale. Adu-ți aminte de cei doi de la câteva propoziții înapoi?
Firește, persoanele care achiziționează șablonul dvs. vor avea nevoie de loc pentru copiere pentru a elabora caracteristicile ofertei. De asemenea, vor trebui să poată pune în evidență o dovadă socială, cum ar fi:
Dacă șablonul dvs. devine brusc peste ambalat, amintiți-vă: dezordinea de proiectare a paginii de destinație este confuză și îi dă vizitatorilor nicăieri să se concentreze. Spațiul alb este prietenul tău și te va ajuta să îți faci șablonul mai clar și mai orientat spre conversie.
Fără navigare!
Scopul creării unei pagini de destinație se opune includerii unei bare de navigare.
Amintiți-vă: Nu proiectați un site web.
Singurul scop asupra căruia ar trebui să vă concentrați asupra paginii de destinație este convertirea vizitatorilor.
Dacă le oferiți opțiuni de a vă plimba, obiectivul dvs. principal este împiedicat. Atunci când canalul de conversie are mai multe opțiuni, un potențial client este mai puțin probabil să acționeze în funcție de ce îi este direcționat directorul campaniei. Aceasta este logica simplă din spatele motivului pentru care nu trebuie să amplasați un meniu de navigare pe designul paginii dvs. de destinație.
Odată ce ați creat contul Pagewiz și doriți să începeți să exportați designul de șablon pe pagina Pagewiz - conectați-vă la contul dvs. și faceți clic pe roșu mare + Creați o nouă pagină de destinație butonul din partea dreaptă sus:
Apoi vi se va solicita să alegeți tipul de campanie pentru pagina de destinație: Desktop sau Mobil.
Tipul de campanie pe care îl selectați va influența lățimea paginii șablonului: Șabloanele de pagini de destinație pentru desktop sunt de obicei de 960 de pixeli în pagină, în timp ce șabloanele mobile sunt la o lățime recomandată de 320 de pixeli (chiar dacă poți oricând să o schimbe mai târziu).
Este important să începeți proiectarea personalizată a șabloanelor selectând șablonul gol pentru a avea cel mai ușor început și nu trebuie să eliminați nimic înainte de a începe:
Acum este momentul să utilizați secțiunile pentru a împărți în mod inteligent șablonul de pagină de destinație, astfel că este mai ușor să controlați și să personalizați:
Odată ce am o nouă secțiune în loc pot stabili o textură, culoare de fundal sau o imagine ca fundal. Voi folosi una din multele texturi disponibile în Pagewiz:
Apoi, dau clic pe Extinde pentru a se întinde la lățimea completă a ecranului (dincolo de lățimea paginii mele, care este de 960 pixeli):
De asemenea, aș putea seta o imagine ca fundal pentru acea secțiune dacă aș fi vrut, selectând secțiunea pe care aș dori să o aplic o imagine de fundal și făcând clic pe Textură> Utilizați o imagine ca o textură.
Când adăugați un element la pagina dvs., acesta este poziționat absolut, oriunde ați alege să îl plasați. Pagewiz nu vă va cere să plasați un element pe altul sau să îl plasați într-un mod nealiniat. Pur și simplu o va plasa.
Spunând asta, Pagewiz are câteva instrumente de poziționare avansate pentru a vă asigura că totul este poziționat exact, așa cum vă place:
Coordonatele de poziționare sunt disponibile pentru a personaliza multe lucruri. Fiecare element pe care îl plasați pe pagina dvs. are valori Top (y) și Stânga (x), pe care le puteți personaliza din meniul de sus, în funcție de măsurătorile din fișierul Photoshop / Illustrator.
În acest fel, desenele dvs. sunt păstrate exact la pixelul foarte.
O altă modalitate excelentă de a vă asigura că elementele pe care le poziționați pe pagina dvs. sunt aliniate cu exactitate unul altuia este să utilizați instrumentele de aliniere built-in Pagewiz. Aceste instrumente sunt afișate atunci când selectați elemente multiple prin Ctrl + Dând clic pe ele. După ce ați selectat mai multe elemente, puteți utiliza instrumentele de aliniere pentru a alinia marginile sau centrele elementelor selectate.
Vedeți videoclipul:
Puteți să adăugați un element de formular în șablonul de pagină de destinație pentru ao transforma într-o pagină de destinație de generare principală, prin glisarea unui Formă element din bara de instrumente din stânga:
Particularizați câmpurile și setările formularului dorite:
Proiectați un șablon de pagină de destinație prin clicuri? Apoi nu ar trebui să aibă o formă pe ea, ci doar un buton CTA pentru a face clic pe. În acest scop, trageți un element de buton pe designul paginii dvs. de destinație și personalizați-l după preferințele dvs..
Pentru anteturile dvs., vă rugăm să utilizați Titlu element și pentru textul paragrafelor vă rugăm să utilizați elementul de text îmbogățit - ambele sunt în bara de instrumente din stânga, gata pentru a le trage la design.
Întreaga bibliotecă Fonturi Google vă stă la dispoziție atunci când alegeți tipul de font pe care doriți să îl utilizați în șabloanele dvs.:
Pagina de creare a paginii de destinație Pagewiz are o imagine mare previzualizare pentru a vă permite să verificați constant aspectul designului dvs. de șablon. Este important să aruncați o privire la previzualizare înainte de a publica de fapt șablonul dvs. deoarece puteți găsi că diferite browsere fac redarea paginii dvs. în mod diferit și probabil că doriți să aveți grijă de orice imprecizie posibilă.
Important: nu lăsați șablonul să aibă o versiune de pagină mobilă de destinație. Clienții de șablon din pagina de destinație se așteaptă la acest lucru și se pot abține de la achiziționarea designului dvs. (oricât de atrăgător ar fi acesta), doar pentru că ați neglijat includerea versiunii pentru mobil.
Sa dovedit din când în când că mulți potențiali conducători care aterizează pe o pagină de destinație fie vor sări sau pur și simplu nu vor converti dacă nu se afișează corect pe dispozitivul mobil.
Dacă asta nu te convinge de importanța în proiectarea unei pagini de destinație mobile - nu te gândești încă la un marketer online ...
Există două moduri de a face acest lucru:
# 1 Creați o altă pagină de destinație goală și alegeți Pagina de bază a paginii mobile de destinație pentru un șablon optimizat pentru toate tipurile de browsere de dispozitive mobile.
Acest lucru vă va permite să proiectați versiunea mobilă de la zero. Puteți apoi să îmbinați pagina de destinație optimizată pentru mobil împreună cu pagina de destinație obișnuită (lățime 960px) pe care ați creat-o.
# 2 Celălalt mod (mai rapid) este de a duplica pagina pe care ați creat-o pentru browserele desktop.
După ce ați dublat designul, puteți stabili apoi o lățime nouă (mobilă). Lățimea recomandată pentru paginile mobile este de 320 pixeli.
Odată ce ați setat noua lățime a paginii la 320 px - trebuie să vă asigurați că niciun element nu este lăsat în afara limitelor de lățime de 320 pixeli glisându-le în interior și modificându-le dimensiunea conform cerințelor designului:
Eforturile pentru o mare campanie nu se încheie în ziua lansării. Odată ce campania este în desfășurare, se poate efectua testarea A / B nelimitată pe Pagewiz pentru a maximiza conversia și puteți crește satisfacția cumpărătorilor șablonului oferindu-le versiuni diferite ale șablonului paginii dvs. de destinație sau cu alte cuvinte: variantele pe care trebuie să le testați.
Puteți să îmbinați împreună câteva pagini diferite, oferind astfel cumpărătorilor dvs. culori diferite sau diferite tipuri de metode de conversie pe șablonul dvs., adică o pagină de clic și o pagină generatoare de plumb (care include un formular). Poate îmbina o altă versiune care concentrează atenția asupra unui videoclip?
Când îmbraciți șablonul de pagină de destinație cu câteva variante bine gândite pentru cumpărătorii dvs. de pe piață pentru a le utiliza în campania lor - reputația dvs. ca designer de șablon orientată pe conversie ar trebui să se răspândească și este posibil ca agenții de marketing să vor să facă afaceri mai des cu dvs.!
Imaginile eroului cu o lățime totală au devenit foarte frecvente și sunt adesea folosite pe paginile de destinație. Ele pot ajuta designul să comunice un anumit sentiment în timp ce vizitează pagina.
Pentru a crea o imagine de fundal de erou pe toată lățimea, trebuie să aveți o imagine largă și de înaltă calitate, pe care vă recomandăm să o optimizați pentru web, înainte de ao încărca pe serverele Pagewiz.
Pentru a-l folosi efectiv la design, creați mai întâi o nouă secțiune prin glisarea elementului secțiunii din meniul elementelor din stânga:
Pentru a seta imaginea de fundal a secțiunii:
Apoi, puteți controla poziția imaginii de fundal, pe care o puteți face din partea de jos a ecranului Textură meniul:
Un ultim lucru pe care trebuie să-l faceți este să extindeți secțiunea la lățime maximă făcând clic pe Extinde buton:
Secțiunea dvs. are acum o imagine de fundal cu o lățime totală.
În partea superioară a coordonatelor de poziționare a elementelor X și Y, constructorul de pagini de destinație Pagewiz vă oferă, de asemenea, conducători și ghiduri, astfel încât să puteți crea o rețea (la fel ca în Photoshop sau orice alt software orientat spre design) poate turna designul.
Apasă pe Riglele pictograma din interiorul constructorului de pagini de destinație pentru a activa conducătorii:
Trageți cât mai multe ghidaje de riglă de care aveți nevoie (din partea dreaptă / stângă) pentru a vă crea grila:
Pentru a vă mări vânzările pe Envato Market, vă recomandăm să creați un șablon cu mai multe versiuni incluse în pachet:
Fiecare versiune trebuie exportată separat și arhivată ca fișier .zip. Pagewiz vă permite să exportați pagina dvs. de destinație în ThemeForest Marketplace. Pentru a utiliza funcția de export, va trebui să aveți un cont de autor Envato pe pagina Pagewiz. Puteți aplica pentru unul prin înregistrarea pe această pagină de înregistrare.
Pentru a exporta o pagină de destinație, navigați mai întâi la pagini de destinație, apoi faceți clic pe setări link sub numele paginii pe care doriți să o exportați:
Apasă pe Export buton.
Un fișier Pagewiz va fi descărcat pe computer.
Sperăm că acest tutorial vă va furniza informațiile necesare despre obiectivele principale ale campaniilor de destinație și o introducere în modul Pagewiz al creării acestora. De asemenea, acum știți cum să împachetați pachetele de șabloane Pagewiz de vânzare pe ThemeForest.
Accentsconagua