Sådan opretter du en destinationsside til jul og nytårskampagne med ElementsKit

hvordan man designer en landingsside med elementskit

Vidste du, at en annoncespecifik destinationsside kan overgå en generisk webside med 115%!

Ja, det er det smukke ved at bruge specifikke landingssider på forskellige festivaler.

Du ved, festlige dage er hektiske for enhver virksomhed. Det er det tidspunkt, hvor de fleste af virksomhedsejere forventer den højeste webtrafik såvel som at opnå den højeste konverteringsrate.

I dag vil vi designe en landingsside for den kommende jule- og nytårskampagne med ElementsKit!

Gå nu!

Hvad er en destinationsside i virkeligheden?

I en simpel sætning er landingssider stedet, hvor dine besøgende vil "lande". I digital markedsføring refererer en landingsside til en specifik webside, der er skabt specielt til en marketingkampagne.

Typisk er landingssiderne designet til at opmuntre brugerne til at foretage en handling såsom at købe et produkt, udfylde en formular, logge ind på et nyhedsbrev osv.

Og en landingsside vil kun få succes, når de besøgende udfører disse specifikke opgaver efter at have besøgt siden.

Har jeg brug for en destinationsside til jule- og nytårskampagne?

Åh ja!

Du skal helt sikkert have en specifik landingsside til jule- og nytårskampagnen. Hvis du planlægger at sælge et produkt eller en service på denne festivalkampagne, er det på høje tid at designe en specifik landingsside. 

Hvorfor?

På grund af "valgparadoks”. 

Det betyder, at jo flere muligheder du giver folket, jo mere problematisk bliver det at træffe en beslutning endsige handle.

Lad mig demonstrere et simpelt eksempel for bedre forståelse.

Antag, at du har planlagt at sælge et produkt på din kommende kampagne. Men destinationssidedesignet leder ikke brugerne til at købe produktet. Det kan bede de besøgende om at besøge bloggene, tjekke de sociale mediekanaler eller noget andet.

Med hver handling flytter du den besøgendes hensigt fra dit primære mål. Og jeg tror ikke, det er en klog ting at gøre!

Okay, hvad skal jeg inkludere på en landingsside?

Så du har besluttet at inkludere en destinationsside til din jul og en landing page på dit websted. I så fald skal du kende kernefunktionerne på en landingsside.

Lad mig dele disse kerneegenskaber ved en landingsside med dig. 

  • En iøjnefaldende overskrift
  • En indflydelsesrig underoverskrift
  • Et attraktivt heltebillede
  • En klar forklaring på dit tilbud
  • En effektiv FAQ-sektion
  • En kraftfuld opfordring til handling
  • Den nemmeste kontaktmetode

Disse er kerneegenskaberne på en landingsside. Sørg for, at alle disse elementer er til stede på din landingsside.

Så lad os begynde at designe en destinationsside til jul og nytårskampagne

At designe en landingsside er kun ganske nemmere, hvis du er udstyret med de relevante værktøjer. Vi vil også bruge et par værktøjer til at lette vores juledestinationssidedesign. Disse er - 

  • Elementor sidebygger og
  • ElementsKit Elementor tilføjelse

Det er det!

Lad os gå videre til trin-for-trin-processen med at designe en iøjnefaldende landingsside til jul og nytår.

Trin #1: Bliv klar med dine værktøjer

Vi har allerede nævnt, at du skal bruge Elementor sidebygger og ElementsKit-tilføjelse for at designe din landingsside. Bare installer og aktiver disse plugins på dit WordPress-websted, og du er godt i gang. 

Trin #2: Åbn en tom side

Hold musemarkøren på for at åbne en ny side Sider > Tilføj ny. Det vil oprette en tom side til dit websted. Nu vil du bemærke en fed knap, der siger "Rediger med Elementor”. Klik på den knap, og det vil fortsætte dit indlæg til Elementor-sideeditoren.

Åbner en ny side

Når du får Elementor-siden, betyder det, at dit lærred er klar til brug.

Trin #3: Tilføj et heltebillede af video

Heltebilledet er et stort billedbanner, der er placeret øverst på din webside. Dette billede repræsenterer et overblik eller en stemning af din kampagnetilbud.

De færreste vil måske inkludere en video i heltesektionen. Hvis du også beslutter dig for at tilføje en video på landingssiden, skal du sørge for, at den er kortere og tydeligt beskriver dit tilbud. 

Husk, at visuelt indhold er vigtigt for landingssiderne. Så gør det så perfekt som du kan. 

For at tilføje et element til heltesektionen skal du trække og slippe billedwidgetten på lærredet og uploade dit valgte billede på landingssiden. 

Efter upload skal du indstille bredden på dit billede til 100. Du finder sektionen Bredde på stilfanen i Elementor-widget-panelet.

Tilføjelse af et heltebillede

Pro tips: Sørg for, at heltebilledet ser levende ud, skaber en julestemning og er i stand til at fange den besøgendes opmærksomhed på et øjeblik.

Den menneskelige hjerne kan behandle informationen fra billeder 60.000 gange hurtigere end tekstbaseret information.

Trin #4: Tilføj beskrivelse af dit produkt eller din tjeneste

Efter at have tilføjet heltebilledet, er det tid til at tilføje en detaljeret beskrivelse af det produkt eller den tjeneste, du tilbyder til dine potentielle kunder. 

Antag, at du tilbyder rabatter på to produkter. Så opret en dobbelt struktur på den nye sektion.

Tilføj nu en overskrift, tekstbeskrivelse via teksteditor-widget og en opfordring til handling-knap. For at gøre afsnittet mere attraktivt kan du tilføje en relevant baggrundsfarve til det.

Lad os se på trin-for-trin processen med at gøre det.

  1. Tilføj en passende overskrift

Først vil vi tilføje en ny sektion med en struktur med to kolonner. Derefter tilføjer vi titlen ved at bruge Overskrift-widgetten.

Tilføjelse af produktoverskriften

If kan også tilføje et relevant link til din produktoverskrift, hvis det er nødvendigt.

2. Tilføj brødtekst

Brødteksten er det sted, hvor du tilføjer beskrivelsen af dit tilbud. Sørg for, at beskrivelsen giver et komplet overblik over dit produkt eller din service.

Tilføjelse af beskrivelse

3. Inkluder en CTA-knap

En overbevisende CTA-knap øger muligheden for at konvertere besøgende til kunder. Så prøv at tilføje en iøjnefaldende CTA-knap, der fanger den besøgendes opmærksomhed ordentligt.

Tilføjelse af en CTA-knap

4. Tilføj baggrundsfarve

Tilføjelse af en kontrastrig baggrundsfarve øger muligheden for brugerkonvertering. Før du vælger en farve til dit produkt, skal du sørge for, at den passer korrekt med dit produkts farve. 

For at tilføje baggrundsfarven skal du vælge sideafsnittet og gå til fanen Stil. Klik nu på indstillingen Baggrund og vælg en af baggrundstyperne. De tilgængelige baggrundstyper er Klassisk, Gradient, Video og Slideshow.

Jeg har i øvrigt valgt den klassiske version til at designe siden. Du kan dog også ændre det samme for svæveafsnittet.

Tilføjelse af baggrundsfarve

Du kan designe så mange produktbeskrivelser, som du vil, ved at følge de samme trin. Men prøv at inkludere en iøjnefaldende header og underoverskrift på dette afsnit.

Du kan dog også tilføje en pristabel ved at sammenligne flere pakker eller dine produkter. Det giver en klar idé om dine produkter til de potentielle målgrupper og øger muligheden for at købe.

Trin #5: Tilføj en KnowledgeBase-sektion

Videnbasen aka FAQ-sektionen er stedet, hvor du skal tilføje de ofte stillede spørgsmål vedrørende dit produkt eller din kampagne. Prøv at tilføje omkring 4/5 spørgsmål og svar til dette afsnit.

Tilføjelse af vidensbase

Mens du designer videnbasen, skal du sørge for, at du inkludere en kontaktmetode derinde. Det sikrer lettere kommunikation mellem besøgende og webmastere.

Trin #6: Tilføj sidefod

Som det sidste trin tilføjer vi en sidefod på landingssiden. Sidefoden vil indeholde ophavsretssektionen, refusionspolitik, vilkår og betingelser, privatlivspolitik osv. Jeg vil dog foreslå, at du bruger en anden baggrundsfarve på sidefoden end landingssiden.

Og det handler om at designe landingssiden til jule- og nytårskampagnen.

Nå, hvordan er det endelige udseende af vores landingsside?

Ja! Vi har netop afsluttet designet af vores landingsside til jule- og nytårskampagnen. Så hvordan er det samlede endelige output?

Okay. Tag et kig –

Er det ikke fascinerende?

Ja det er!

For at få et bedre overblik, tjek liveversionen af vores landingsside.

Har du lyst til at bruge vores skabelon som din landingsside? 

Du kan gøre dette på få sekunder! Du skal blot downloade vores json-fil, importere den til Elementor-skabelonbiblioteket, og det er gjort! Lad os se på den samlede proces.

For det første, Download json-filen fra download-knappen nedenfor.

For det andet oprette et nyt indlæg eller en ny side fra WordPress-dashboard-panelet. Som standard vil den blive åbnet på Gutenberg redaktør. Men du skal åbne siden på Elementor sidebygger for at importere json-filen.

Åbning af en ny side via Elementor

For det tredje, klik på 'Tilføj skabelon'-knappen og importer din downloadede json-fil via Importer skabelon knap.

Importer skabelonen

Klik nu på Indsæt knappen, og den indsætter skabelonen sammen med designs og tekster på din side.

Skabelonindsættelse

Advarsel: Det kan tage lidt tid at indsætte skabelonen. Tiden afhænger for det meste af ressourcemængden og hukommelsesgrænsen på din server. 

Til sidst, tilpas teksten og designet til dit tilbud og publicer på din hjemmeside.

10 dødbringende landingssidefejl, du bør undgå for enhver pris

Vi ved alle, at landingssider er designet med én handling i tankerne: at konvertere en besøgende til en betalende kunde eller kundeemne. Men at drive din værdifulde trafik ind på en uoptimeret destinationsside er intet andet end spild af tid. 

I dette afsnit vil jeg fokusere på 10 dødbringende landingssidefejl, som alle bør undgå.

1. Bruger for mange CTA-knapper

CTA alias Call To Action-knappen er en kritisk komponent i alt, hvad du har bygget online. Det eneste formål med CTA-knappen er at konvertere de besøgende til betalende kunder. Det er det eneste sted, hvor du kan overbevise din kunde om at blive konverteret. 

Så hvorfor genere de besøgende ved at præsentere for mange CTA-knapper? Det gør ikke andet end at reducere chancerne for at nå dit mål.

Udover at reducere knapmængden, bør du også overveje knapteksten. Du kan blive overrasket over at vide, at de fleste mennesker kun bruger traditionelle knaptekster som "klik her", "download" eller "send"-knappen.

Det kan virke som en mindre detalje for dig, men det påvirker virkelig brugeradfærden. I stedet for at bruge de generiske knaptekster, prøv at skrive noget andet. For eksempel -

  • ● Få fat i handlen
  • ● Tag mig derhen
  • ● Få din gratis kopi
  • ● Oplev programmet
  • ● Få din guide

Prøv at give en variation af din knaptekst i stedet for at bruge de traditionelle tekster.

2. Slå rundt i bushen

Selvom besøgende konverteres via CTA-knappen, bør du også overveje den skriftlige kopi. Sørg for, at din destinationssidekopi er klar, kortfattet og let forståelig for brugerne. 

Undersøgelse viser, at folk beslutter sig for at handle på en hjemmeside "på et øjeblik". For at være mere præcis tager det omkring 50 millisekunder at træffe den beslutning.

Så du har denne lille del af tid til at overbevise besøgende på dit websted om at købe dit produkt eller din tjeneste. Hvis du bare slår rundt uden at fokusere på dit eksemplar, så vil det ikke være andet end at spilde din tid.

Det betyder, at du skal overbevise brugerne om at komme helt til sagen inden for et øjeblik. Præsentér dit tilbud på en sådan måde, hvor de besøgende finder noget værdifuldt for dem. 

3. Rodet sidelayout

Vi ved, at det er vigtigt at inkludere værdifuld information på landingssiden. 

Men det betyder ikke at fylde landingssiden med information. Prøv kun at inkludere de vigtigste, mens du designer en side. Overvæld ikke brugerne med information.

Hvis landingssiden ligner en endeløs mur af tekst, vil brugerne helt sikkert forlade din webside i stedet for at konvertere. 

Jeg ved godt, det er vigtigt at informere brugerne om dit tilbud. Men prøv at holde det kort og præcist. Hvis du roder landingssiden med masser af unødvendig information, vil chancerne for at konvertere brugerne reduceres drastisk.

Husk, du har 5 sekunder (max) til at konvertere en kunde. Så sørg for, at kunden kan have overblik over denne tid. Ellers vil dine potentielle kunder blive afsluttet på dine konkurrenters hjemmeside.

Vil du have det?

4. Ikke nok information

I det foregående afsnit har vi talt om at rense din destinationssidekopi. Men lad være med at rydde op på en sådan måde, at det ikke formår at levere det faktiske budskab til de besøgende.

Hvis kopien af dit produkt- eller servicetilbud er for vag eller ikke udtrykker handlen korrekt, vil de fleste besøgende ikke konvertere til kunder.

Sæt blot en opmærksomhedsskabende overskrift efterfulgt af en underoverskrift og et par kontekstuelle tekster. Du skal placere dine tilbudsrelaterede oplysninger inden for disse steder.

Sørg for, at de besøgende får et klart koncept om dit produkt og ikke behøver at bekymre sig om noget for at træffe købsbeslutningen.

5. Dårlig typografi

Efter at have designet en fantastisk destinationssidekopi, skal du sørge for, at kopien er let at forstå for de besøgende. For at gøre kopien af destinationssiden let at læse og forståelig, skal du bruge passende skrifttyper, skriftstørrelse, farve, design osv. på dit design.

Al denne typografi har en enorm effekt på læsbarheden og brugeroplevelsen. Desuden gør brug af for tykke eller for lette skrifttyper teksterne svære at læse. Brug af legitim typografi øger chancerne for besøgendes konvertering.

6. Bruger intet billede / billede i lav kvalitet

Når en besøgende lander på en webside, så prøv at tilslutte den besøgende med noget unikt. Og den bedste måde at gøre det på er at bruge et overbevisende billede. Du ved, en landingsside med kun tekst ser ret kedelig og uinspirerende ud.

Men det betyder ikke, at du kan bruge et hvilket som helst billede på landingssiden. Når du designer en landingsside, skal du sørge for, at du har tilføjet det bedste billede der.

Omtrent 65% af mennesker er grundlæggende visuelle elever

Hvis du tilbyder et produkt eller en service, bør du overveje at tilføje en smilende person sammen med produktet. Forskning viser, at kun en smilende person kan øge konverteringsraten med 102.5%. 

Det smilende ansigt repræsenterer, at brugerne er tilfredse med det produkt eller den tjeneste, du tilbyder. Det påvirker konverteringen positivt.

7. Tjek farverne

Et andet stort problem med at bruge billeder er valg af farver. Prøv at gøre billedet så attraktivt som muligt ved at bruge en unik farvekombination.

Et andet stort problem er farven på CTA-knappen. Mens du designer en CTA-knap, skal du sørge for, at den skiller sig ud fra baggrunden.

Hvis CTA-knappen blander sig med din baggrund som camouflage, vil det ikke blive bemærket, mens en bruger går gennem din landingsside. 

Antag, at baggrunden på din landingsside for det meste er hvid. I dette tilfælde skal du prøve at bruge knappen i sort.

Designet bliver kun vellykket, hvis farven kan fange dine besøgendes opmærksomhed. Ellers skift farverne hurtigst muligt.

8. Brug af længere formularer

Design af en webformular er bestemt vigtigt at øge antallet af leads. Det meste af tiden bliver webformularer brugt til at få vigtig information fra brugerne. 

Men en destinationssideformular burde ikke føles som at udfylde skatteformularen. Det betyder, at du ikke skal sætte for mange indtastningsfelter på formularen. Prøv at holde det så enkelt som muligt.

At stille for mange spørgsmål fra de besøgende kan irritere brugerne. Forskning viser, at brug af tre inputbokse maksimerer muligheden for at få kundeemner. Jo flere inputfelter du har, jo mindre respons får du fra den pågældende destinationsside.

Nå, du kan have brug for forskellige data fra brugerne. Så hvad gør du så?

I dette tilfælde kan du bruge flertrinsformularerne. I første omgang skal du kun indsamle de nødvendige oplysninger fra brugerne. Følg derefter op for mere information.

Det er sådan, du kan indsamle information fra dine leads.

9. Dårlig mobiloplevelse

Omkring 48% af mennesker surfer på internettet via deres smartphone. Så hvis din hjemmeside ikke er mobil responsiv, mister du automatisk halvdelen af dine potentielle kunder.

Hvis en smartphone-gæst ikke kan se landingssiden korrekt, hvordan kan du forvente, at han vil konvertere? Så sørg for, at din hjemmeside er fuldstændig mobiloptimeret og indlæses problemfrit på smartphones og tablets.

Husk, at dine besøgende ikke er så tålmodige, som du tror, de er. Så optimer din landingsside til mobile enheder og få dine besøgende.

10. Langsom læssehastighed

47% af mennesker forventer, at en webside indlæses inden for 2 sekunder. Og hvis siden ikke indlæses selv efter 5 sekunder, forlader brugerne din landingsside. 

Hvis du fjerner hvert eneste sekund, vil du medføre et tab på 7% på din samlede omsætning. Så prøv at reducere indlæsningssiden på nogen måde.

Slip for eksempel af med skyderne eller unødvendige JS-filer for at fremskynde indlæsningsprocessen. Du kan dog også bruge CDN aka Content Delivery Network til fremskynde din hjemmeside.

Sidste Ord

Det handler om de detaljerede trin, værktøjer og bearbejdning af destinationssidedesignet. Brug af et kampagnespecifikt landingssidedesign er en væsentlig del af digital markedsføring. 

Design en perfekt landingsside i dag, og se din konverteringsrate stige!

Kommentarer

Skriv et svar

Din e-mailadresse vil ikke blive offentliggjort. Krævede filt er markeret med *