Share
Pagewiz utformades för att göra det möjligt för professionella marknadsförare, företagare och affiliates att starta målsidan kampanjer från början, inom några minuter och enkelt optimera dem mot en hög konverteringsfrekvens. Denna handledning guidar dig genom att utforma målsidor med Pagewiz, vilket hjälper dig att paketera och sälja dina Pagewiz-mallar på Envato Market.
När du kommer att skapa målsidor för målsidor måste du se till att de överensstämmer med empirisk kunskap om online-marknadsföring, samlad genom tusentals framgångsrika och / eller misslyckade målsidekampanjer.
Om du verkligen skulle vilja hoppa på den här heta marknadsföringsvagnen online, och strävar efter att kunna utforma omvandlingsorienterade målsidor för mallar - bör du läsa på:
Det finns fem grundläggande element som måste läggas ut på varje målsida:
(1-2) De två mest framträdande elementen på din sida ska vara rubriken + underrubrik och din CTA. Den första får dina besökare i dörren och den andra ger dem (och kampanjen) lönen.
"Ovanför veckan" - På en webbsida är allt som kan ses utan att behöva rulla ner. I detta område ska din besökare se din rubrik + underrubrik; Detta är den kopia som drar in dem med ett löfte och levererar nyckeln till ditt erbjudande.
Om ditt erbjudande inte är komplext och / eller den typiska läsaren redan är mycket bekant med ditt erbjudande, är det troligen till hjälp att placera din första CTA-knapp / formulär rätt nära rubriken + underrubriken ovanför veckan. Med andra ord, allt som en motiverad besökare behöver för att validera sitt beslut att komma till din målsida är i första hand främre och centrala. De behöver inte söka för att vidta ytterligare åtgärder. De kom. De såg. De klickade på.
Minska friktionen - gör det enkelt för dem.
Hur enkelt kan besökare på din målsida hitta din CTA-knapp? Om ditt svar inte var "Hur kan de sakna det?" - då kan du ha lite arbete att göra.
De Färg av CTA-knappen måste stå ut från resten av sidans färgschema. Så en orange CTA-knapp kan fungera bra på sidan som består av nyanser av blått, men mindre på en sida där röd dominerar. Titta på skärmen där du har placerat en CTA-knapp. Vad är det första som lockar dina ögon? Om det inte är din CTA-knapp kan det hända att färgen kan vara en bra tweak att göra i en variant som du ger med din mallbunt.
(3-5) Det sätt på vilket du väljer att layouta din målsidans funktionslista och fördelar, dess trovärdighetsbyggare och sammanfattande sammanfattning är helt upp till dig. Du måste hitta ett sätt att blanda dem i din design, samtidigt som du tar extra försiktighet för att inte blekna dina två mest framträdande element. Kom ihåg de två från några få meningar tillbaka?
Naturligtvis kommer människor som köper din mall att behöva ha plats för kopiering för att utarbeta om deras erbjudande s funktioner. De kommer också att behöva kunna lägga vissa sociala bevis som:
Om din mall plötsligt blir överpackad, kom ihåg: Designblod på landningssidan är förvirrande och ger dina besökare ingenstans att fokusera. Vitt utrymme är din vän och hjälper dig att göra din mall tydligare och mer omvandlingsorienterad.
Ingen navigering!
Syftet med att skapa en målsida står emot införandet av en navigeringsfält.
Kom ihåg: Du utformar inte en webbplats.
Det enda syftet med din målsida är att fokusera på är konvertera sina besökare.
Om du erbjuder dem möjligheter att vandra runt, är ditt primära mål hämmat. När omvandlingstrattet har flera val, är en potentiell kund mindre benägen att reagera på vad han / hon riktas till av kampanjens regissör. Det här är den enkla logiken bakom varför du inte ska placera en navigeringsmeny på din målsidesdesign.
När du har skapat ditt Pagewiz-konto och vill börja exportera din malldesign över till Pagewiz - logga in på ditt konto och klicka på den stora röda + Skapa ny målsida knappen längst upp till höger:
Du blir då uppmanad att välja kampanjstyp för landningssida: Skrivbord eller Mobil.
Den kampanjtyp du väljer kommer att påverka din malls sidbredd: Mallar för mallar för mallar på skrivbordet är vanligtvis 960px breda på Pagewiz, medan mobilmallar har en rekommenderad bredd på 320px (även om du alltid kan ändra den senare).
Det är viktigt att du startar din anpassade malldesign genom att välja den tomma mallen för att få den enklaste starten och behöver inte ta bort någonting innan du börjar:
Det är dags att använda sektioner för att klokt dela upp din målsida mall, så det är lättare att kontrollera och anpassa:
När jag har en ny sektion på plats kan jag ställa in en textur, bakgrundsfärg eller bild som bakgrund. Jag använder en av de många texturer som finns i Pagewiz:
Sedan klickar jag på Bygga ut knappen för att få den att sträcka sig till skärmens fulla bredd (bortom sidans bredd, vilket är 960px):
Jag kunde också ställa in en bild som bakgrund för den sektionen om jag ville, genom att välja avsnittet jag skulle vilja tillämpa en bakgrundsbild till och klicka på Textur> Använd en bild som en textur.
När du lägger till ett element på din sida placeras det absolut, vart du än väljer att placera det. Pagewiz kommer inte att uppmana dig att placera ett element ovanpå en annan eller om att placera det på ett olikt sätt. Det kommer helt enkelt att placera det.
Med detta sagt har Pagewiz några avancerade verktyg för positioneringshjälp för att se till att allt är korrekt placerat, precis som du gillar det:
Positioneringskoordinater är tillgängliga för att du ska kunna anpassa många saker. Varje element du placerar på din sida har Top (y) och Left (x) värden, som du kan anpassa från toppmenyn, enligt mätningarna i din Photoshop / Illustrator-fil.
På så sätt hålls dina mönster noggranna till själva pixeln.
Ett annat bra sätt att se till att elementen du placerar på din sida är korrekt anpassade till varandra är att använda Pagewiz inbyggda anpassningsverktyg. Dessa verktyg visas när du väljer flera element med Ctrl + Klicka på dem. När du har valt mer än ett element kan du använda justeringsverktygen för att anpassa de valda elementenes kanter eller centra.
Se video:
Du kan lägga till ett formulärelement på din målsidor för målsida för att göra det till en landningssida för blygenerering genom att dra en Form element från verktygsfältet till vänster:
Anpassa dina formulärfält och inställningar men du vill:
Ska du utforma en genomskinlig målsida för målsidor? Då borde det inte ha en blankett på den, men bara en CTA-knapp för att klicka på. Dra i så fall ett knappelement på din målsidesdesign och anpassa den till din smak.
För dina rubriker använd den Rubrik element, och för dina stycken text, använd det rika textelementet - båda finns på verktygsfältet på vänster sida, redo för att du ska dra dem över till din design.
Hela biblioteket i Google Fonts står till ditt förfogande när du kommer att välja den typsnitt du vill använda på dina mallar:
Pagewiz målsida byggare har en stor Förhandsvisning knappen för att låta dig ständigt kolla vad din malldesign ser ut. Det är viktigt att ta en titt på förhandsgranskningen innan du faktiskt publicerar din mall eftersom du kan upptäcka att olika webbläsare gör din sida annorlunda och du kommer noga att vilja ta hand om eventuell oriktighet som kan ha inträffat.
Viktig: Lämna inte din mall saknad en mobil målsidesversion. Kunder med målsidans mall väntar på det och kan mycket väl avstå från att köpa din design (dock tilltalande det kan vara), bara för att du försummade att inkludera den mobila versionen för den.
Det har bevisats gång på gång att många potentiella leder som landar på en målsida antingen kommer studsa eller helt enkelt inte konvertera om den inte visas korrekt på sin mobila enhet.
Om det inte övertygar dig om vikten av att utforma en mobilvänlig målsida - tänker du fortfarande inte som en online-marknadsförare ...
Det finns två sätt att göra detta:
# 1 Skapa en annan blank målsida och välj Mobil målsidans mallbas för en mall optimerad för alla typer av mobila enheter webbläsare.
Detta gör att du kan designa mobilversionen från början. Du kan sedan kombinera den mobila optimerade målsidan tillsammans med den vanliga (960px breda) målsidan du skapat.
# 2 Det andra (snabbare) sättet är att duplicera den sida du har skapat för skrivbords webbläsare.
När du har duplicerat din design kan du sedan ställa in en ny (mobil) bredd till den. Den rekommenderade bredden för mobilsidor är 320 pixlar.
När du har ställt in sidans nya bredd till 320px måste du se till att inget element lämnas utanför gränserna för 320 pixlar bredd genom att dra in dem och ändra storlek enligt designens krav:
Ansträngningar mot en bra kampanj slutar inte på lanseringsdagen. När kampanjen är igång kan obegränsad A / B-testning utföras på Pagewiz för att maximera omvandlingen och du kan öka din mallköpares tillfredsställelse genom att ge dem olika versioner av målsidan för målsidan, eller med andra ord: varianter att testa med.
Du kan kombinera flera olika sidor tillsammans, så att dina köpare får olika färger eller olika typer av sätt att konvertera på din mall, dvs en klick-sida och en generationssida (som innehåller en blankett). Kanske buntar en annan version som fokuserar uppmärksamhet på en video?
När du buntar din målsidans mall med några väl genomtänkta varianter för dina marknadsförare att använda på sin kampanj - ditt rykte som en omvandlingsorienterad malldesigner ska sprida sig och marknadsförare kommer sannolikt att vilja göra affärer med dig oftare!
Fullbredd hjältebilder har blivit mycket vanliga och används ofta på målsidor. De kan hjälpa designen att kommunicera en viss känsla samtidigt som man besöker sidan.
För att skapa en fullbredd hjälte bakgrundsbild måste du ha en bred bild av hög kvalitet, som vi rekommenderar att du optimerar för webben innan du laddar upp den till Pagewiz-servrarna.
För att faktiskt använda den på din design, skapar du först en ny sektion genom att dra sektionselementet från menyn till vänster sida:
Så här ställer du in avsnittets bakgrundsbild:
Därefter kan du styra bakgrundsbildens position, som du kan göra längst ner på sidan Textur meny:
En sista sak du behöver göra är att expandera sektionen till full bredd genom att klicka på Bygga ut knapp:
Din sektion har nu en bakgrundsbild med full bredd.
Utöver elementens X- och Y-positioneringskoordinater ger Pagewiz-målsidan byggare dig också linjaler och guider, så att du kan skapa ett rutnät (precis som i Photoshop eller någon annan designorienterad programvara) där du kan hälla din design.
Klicka på linjaler ikon inuti målsidan byggare för att aktivera linjaler:
Dra så många linjalguider som du behöver (från höger / vänster sida) för att skapa ditt rutnät:
För att öka din försäljning på Envato Market rekommenderar vi starkt att du skapar en mall med mer än en version som ingår i paketet:
Varje version ska exporteras separat och arkiveras som en .zip-fil. Pagewiz kan du exportera din målsida till ThemeForest Marketplace. För att kunna använda exportfunktionaliteten måste du ha ett Envato Author-konto på Pagewiz. Du kan ansöka om en genom att registrera dig på denna registreringssida.
För att exportera en målsida, navigera först till målsidor, klicka sedan på inställningar länk under namnet på den sida du vill exportera:
Klicka på Exportera knapp.
En Pagewiz-fil laddas ned till din dator.
Förhoppningsvis kommer denna handledning att ha gett dig den nödvändiga informationen om målsidor för målsida kampanjer och en introduktion till Pagewiz-sättet att skapa dem. Nu vet du också hur du ska paketera dina Pagewiz-mallpaket till salu på ThemeForest.
Accentsconagua