Share
Pagewiz ble utviklet for å gjøre det mulig for profesjonelle markedsførere, bedriftseiere og tilknyttede selskaper å starte landingssidekampanjer fra grunnen, i løpet av minutter, og enkelt optimalisere dem mot en høy konverteringsfrekvens. Denne opplæringen vil veilede deg gjennom å utforme destinasjonssider med Pagewiz, som til slutt hjelper deg med å pakke og selge Pagewiz-maler på Envato Market.
Når du kommer til å lage destinasjonssidemaler, må du sørge for at de overholder empirisk kunnskap på Internett, samlet gjennom tusenvis av vellykkede og / eller mislykkede destinasjonskampanjer.
Hvis du virkelig vil gjerne hoppe på denne varme online markedsføringsvognen, og håper å kunne designe konverteringsorienterte destinasjonssidemaler - bør du lese på:
Det er fem grunnleggende elementer som må legges ut på hver destinasjonsside:
(1 - 2) De to mest fremtredende elementene på siden din skal være overskriften + underoverskrift og din CTA. Den første får dine besøkende i døren, og den andre gir dem (og kampanjen) avslaget.
"Over fold" - På en nettside er alt som kan ses uten å måtte rulle nedover. I dette området bør din besøkende se overskriften + under overskrift; Dette er kopien som trekker dem inn med et løfte og leverer nøkkelen til tilbudet ditt.
Hvis tilbudet ditt ikke er komplekst og / eller den typiske leseren allerede er godt kjent med tilbudet ditt, er det sannsynligvis nyttig å plassere din første CTA-knapp / skjema rett nær overskriften + underrubrikk over folden. Med andre ord, alt som en motivert besøkende trenger for å validere sin beslutning om å komme til destinasjonssiden, er i første omgang foran og senter. De trenger ikke å søke rundt for å ta ytterligere tiltak. De kom. De så. De klikket.
Reduser friksjonen - gjør det enkelt for dem.
Hvor lett kan besøkende på destinasjonssiden finne din CTA-knapp? Hvis svaret ditt ikke var "Hvordan kan de savne det ?!" - da har du kanskje litt arbeid å gjøre.
De farge av CTA-knappen må skille seg ut fra resten av fargeskjemaet på siden. Så en oransje CTA-knapp kan fungere godt på siden som består av nyanser av blått, men mindre på en side hvor rød er dominerende. Se på skjermen der du har plassert en CTA-knapp. Hva er det første som tiltrekker øynene dine? Hvis det ikke er din CTA-knapp, kan endring av fargen være en god tweak å lage i variant du gir med malpakken.
(3 - 5) Måten du velger å opprette destinasjonssidens liste over funksjoner og fordeler, dens troverdighetsbyggere og bunnlinjeoppsummering, er helt opp til deg. Du må finne en måte å blande dem inn i ditt design, mens du tar ekstra forsiktighet for ikke å fade ut de to mest fremtredende elementene. Husk de to fra noen få setninger tilbake?
Selvfølgelig vil folk som kjøper malen din, trenge å få plass til kopi for å utdype om tilbudene sine. De skal også kunne sette noen sosiale bevis som:
Hvis malen din plutselig blir over pakket, husk: Landingsside design rot er forvirrende og gir dine besøkende ingen steder å fokusere. Hvit plass er din venn, og vil hjelpe deg med å gjøre malen klarere og mer konverteringsorientert.
Ingen navigasjon!
Hensikten med å opprette en destinasjonsside står mot inkluderingen av en navigeringslinje.
Husk: Du designer ikke et nettsted.
Det eneste målet din destinasjonsside skal fokusere på er konvertere sine besøkende.
Hvis du tilbyr dem muligheter til å vandre rundt, er ditt primære mål hindret. Når konverteringstrattet har flere valg, er en potensiell kunde mindre sannsynlig å handle etter hva han / hun er rettet til av kampanjens regissør. Dette er den enkle logikken bak hvorfor du ikke bør plassere en navigasjonsmeny på destinasjonssiden din.
Når du har opprettet din Pagewiz-konto og vil begynne å eksportere maldesignen din til Pagewiz - logg inn på kontoen din og klikk på den store røde + Opprett ny destinasjonsside knappen øverst til høyre:
Deretter blir du bedt om å velge kampanjetypen for destinasjonsside: skrivebord eller mobil.
Kampanjetypen du velger, vil påvirke sidens bredde på malen: Skrivebordets destinasjonsside er vanligvis 960px bred på Pagewiz, mens mobilmaler har en anbefalt bredde på 320px (selv om du alltid kan endre den senere).
Det er viktig at du starter din tilpassede maledesign ved å velge den tomme malmen for å få den enkleste starten, og du må ikke fjerne noe før du begynner:
Det er nå på tide å bruke seksjoner for å fornuftig dele opp destinasjonssiden din, så det er enklere å kontrollere og tilpasse:
Når jeg har en ny seksjon på plass, kan jeg sette en tekstur, bakgrunnsfarge eller bilde som bakgrunn. Jeg bruker en av de mange teksturene som er tilgjengelige i Pagewiz:
Deretter klikker jeg på Utvide knappen for å strekke seg til skjermens fulle bredde (utover sidens bredde, som er 960px):
Jeg kunne også sette et bilde som en bakgrunn for den delen hvis jeg ville, ved å velge delen jeg vil gjerne bruke et bakgrunnsbilde til og klikke på Tekstur> Bruk et bilde som en tekstur.
Når du legger til et element på siden din, er det plassert helt, uansett hvor du velger å plassere det. Pagewiz vil ikke spørre deg om å plassere ett element på toppen av en annen, eller om å plassere det på en ikke-tilpasset måte. Det vil ganske enkelt plassere det.
Når det er sagt, har Pagewiz noen avanserte posisjoneringshjelpverktøy for å sikre at alt er nøyaktig plassert akkurat slik du liker det:
Posisjonskoordinater er tilgjengelige for å tilpasse mange ting. Hvert element du plasserer på siden din har topp (y) og venstre (x) -verdier, som du kan tilpasse fra toppmenyen, i henhold til målingene i Photoshop / Illustrator-filen.
På denne måten blir designene dine nøyaktige til selve piksel.
En annen flott måte å sikre at elementer du plasserer på siden din, er nøyaktig tilpasset hverandre, er å bruke Pagewiz innebygde tilpasningsverktøy. Disse verktøyene vises når du velger flere elementer med Ctrl + Klikk på dem. Når du har valgt mer enn ett element, kan du bruke justeringsverktøyene til å justere de valgte elementernes kanter eller sentre.
Se video:
Du kan legge til et skjemaelement på målsiden for destinasjonssiden din for å gjøre den til en Lead Generation Landing Page, ved å dra en Form element fra verktøylinjen til venstre:
Tilpass skjemafeltene og innstillingene dine, men du vil:
Designer du en klikk-through destinasjonsside-mal? Da skal det ikke ha et skjema på det, men bare en CTA-knapp for å klikke på. For det formålet, dra et knappelement på destinasjonssiden din, og tilpass det til din smak.
For topptekstene, bruk Overskrift element, og for avsnittene 'tekst, bruk det rike tekstelementet - begge er på verktøylinjen til venstre, klar for at du skal dra dem over til designen din.
Hele Google Fonts-biblioteket står til din disposisjon når du kommer til å velge skrifttypen du vil bruke på malene dine:
Pagewiz landingssidebyggeren har en stor Forhåndsvisning knappen for å la deg konstant kontrollere hva maledesignet ser ut. Det er viktig å ta en titt på forhåndsvisningen før du faktisk publiserer malen din, fordi du kanskje finner ut at forskjellige nettlesere gjør siden din annerledes, og du vil sannsynligvis ta vare på noen presisjon som kan ha oppstått.
Viktig: Ikke la malen mangle en mobil landingsside-versjon. Månedskjøpere på destinasjonssiden forventer det, og kan veldig godt avstå fra å kjøpe designet ditt (uansett tiltalende det kan være), bare fordi du forsømte å inkludere den mobile versjonen for det.
Det har blitt bevist gang på gang at mange potensialer fører som lander på en destinasjonsside, vil enten hoppe eller rett og slett ikke konvertere hvis den ikke vises riktig på mobilenheten.
Hvis det ikke overbeviser deg om viktigheten av å designe en mobilvennlig destinasjonsside, tenker du fortsatt ikke som en online markedsfører ...
Det er to måter å gjøre dette på:
# 1 Opprett en annen blank destinasjonsside og velg Mobile Landing Page Template Base for en mal optimalisert for alle typer nettlesere av mobilenhet.
Dette vil tillate deg å designe mobilversjonen fra bunnen av. Du kan deretter pakke den mobile optimaliserte destinasjonssiden sammen med den vanlige (960px bredde) destinasjonssiden du har opprettet.
# 2 Den andre (raskere) måten er å duplisere siden du har opprettet for nettlesere.
Når du har duplisert ditt design, kan du deretter sette en ny (mobil) bredde til den. Den anbefalte bredden for mobilsider er 320 piksler.
Når du har satt sidens nye bredde til 320px, må du sørge for at ingen elementer blir igjen utenfor grensen på 320 pixelbredde ved å dra dem inn og endre størrelsen i henhold til designens krav:
Innsats mot en stor kampanje slutter ikke på lanseringsdagen. Når kampanjen er kjørt, kan ubegrenset A / B-testing utføres på Pagewiz for å maksimere konverteringen, og du kan øke tilfredsheten til malkjøpene ved å gi dem forskjellige versjoner av målsiden for malingssiden din, eller med andre ord: varianter som skal testes med.
Du kan kombinere flere forskjellige sider sammen, og dermed gi kjøperne forskjellige farger eller forskjellige typer måter å konvertere på malen din, dvs. en klikk-side og en generasjonsside (som inneholder et skjema). Kanskje pakke en annen versjon som sentrerer oppmerksomhet på en video?
Når du bunter destinasjonssiden din med noen gjennomtenkte varianter for markedsføringshandlerne dine å bruke på kampanjen din - Omdømmet ditt som en konverteringsorientert maldesigner skal spre seg, og markedsførere vil sannsynligvis ønske å gjøre forretninger med deg oftere!
Fullbrede heltebilder er blitt svært vanlige, og brukes ofte på destinasjonssider. De kan bidra til at design kommuniserer en viss følelse mens du besøker siden.
For å skape et helt breddehelte-bakgrunnsbilde må du ha et bredt bilde av høy kvalitet, som vi anbefaler at du optimaliserer for Internett, før du laster opp den til Pagewiz-serverne.
For å faktisk bruke den på design, må du først opprette en ny seksjon ved å dra seksjonen fra menyen til venstre på elementets venstre side:
Slik setter du avsnittets bakgrunnsbilde:
Deretter kan du kontrollere bakgrunnsbildets posisjon, som du kan gjøre fra bunnen av Tekstur Meny:
En siste ting du trenger å gjøre er å utvide seksjonen til full bredde ved å klikke på Utvide knapp:
Din seksjon har nå et fullverdig bakgrunnsbilde.
På toppen av elementets X- og Y-posisjoneringskoordinater gir Pagewiz-landingsbygger også deg linjaler og veiledninger, slik at du kan opprette et rutenett (akkurat som i Photoshop eller andre designorienterte programmer) der du kan helle designen din.
Klikk på linjaler ikonet i byggemålsbyggeren for å aktivere linjaler:
Dra så mange linjalførere som du trenger (fra høyre / venstre side) for å lage nettverket ditt:
For å øke salget på Envato Market anbefaler vi på det sterkeste at du oppretter en mal med mer enn én versjon som følger med i pakken:
Hver versjon skal eksporteres separat, og arkiveres som en .zip-fil. Pagewiz lar deg eksportere destinasjonssiden din til ThemeForest Marketplace. For å kunne bruke eksportfunksjonaliteten må du ha en Envato Author-konto på Pagewiz. Du kan søke om en ved å registrere deg på denne registreringssiden.
For å eksportere en destinasjonsside, naviger først til destinasjonssider, klikk deretter på innstillinger lenke under navnet på siden du vil eksportere:
Klikk på Eksport knapp.
En Pagewiz-fil lastes ned til datamaskinen.
Forhåpentligvis har denne opplæringen gitt deg den nødvendige informasjonen om de viktigste målene for landingssidekampanjer, og en introduksjon til Pagewiz-måten å opprette dem. Nå vet du også hvordan du pakker dine Pagewiz-malbunter til salgs på ThemeForest.
Accentsconagua