• Funktioner
  • Skabeloner
  • Prisfastsættelse
  • Danish
  • Funktioner
  • Skabeloner
  • Prisfastsættelse
  • Danish
Ups! Din søgte widget blev ikke fundet! Har du nogen idé? Hvis ja, har jeg en, Indsend her

Hej alle sammen, i denne artikel skal vi lære om, hvordan man opretter en landingsside i WordPress ved hjælp af Element Pack og Elementor Page builder. Dette handler ikke om eksempler, men en gennemgang med tips og tricks til at opbygge den perfekte side efter dit ønske.

Der er flere måder, du kan oprette en landingsside på. For eksempel:

  • Brug et plugin til landing page builder i WordPress.
  • Tredjeparts hosted solution funnel-software som Click funnels eller lignende.
  • Brug et program, der er bygget til at lave landingssider.
  • Og på mange flere måder.

Et ekstra plugin betyder ekstra overhead, mens elementor med Element Pack kan bringe funktionen af 100'er af plugin bare i 2 plugins. Tredjepartsløsningen kan give nogle ekstra funktioner, men kan igen begrænse dig med ubegrænsede muligheder, der kan opnås gennem Element Pack og Elementor. I denne artikel vil vi beskrive den nemmeste måde at oprette landingssider på, ekstra design fra elementpakken, der gør en landingsside endnu bedre. Vi guider dig gennem processen.

Hvad er en landingsside?

Intet er bedre, når du skal i gang med at bygge din landingsside, end hurtigt at gennemgå dens vigtigste mål og funktioner.

Landingsside: nøgleelementet for konvertering på dit website

Landingssiden er en webside, som brugeren lander på for at komme ind på et website. Handlingsmæssigt adskiller den sig fra en hjemmeside, en blog eller en artikel, fordi disse sider normalt linkes fra eksterne sider og næsten aldrig er hjemmesidens startside.

Landingssider adskiller sig klart i deres funktion fra andre typer websider, da de har et meget enkelt mål, som regel orienteret mod en enkelt handling. Når en bruger lægger mærke til en hjemmesides startside, kan han eller hun se, at der er for mange links, og at der er forskellige handlinger, der skal udføres på siden. Hjemmesidernes startsider er ikke designet til, at brugeren skal udføre en enkelt specifik handling. Selv mange virksomhedshjemmesider ligner mere en brochure med fokus på envejskommunikation. På den anden side er blogs designet til at give information om forskellige emner, der interesserer brugerne. Blogs har også forskellige links, og der er forskellige måder, hvorpå en bruger kan bevæge sig gennem den.

Målet med landingssiden

Landingssiderne har som regel et mål: at opnå en konvertering eller et lead. Disse sider er normalt effektive, når trafikken kommer fra annoncer eller specifikke områder på en webside eller blog, der er relateret til det, brugeren leder efter.

Det kan ganske enkelt defineres som en enkelt webside, der vises som svar på et klik på et optimeret søgeresultat i en søgemaskine eller en onlineannonce.

Når du får trafik på din landingsside, kan du promovere:

  • Dine produkter eller tjenester;
  • Indhold, der kan downloades, f.eks. en e-bog eller et white paper, hvis du har en indholdsmarkedsføringsstrategi;
  • Tilmeld dig dit nyhedsbrev.
  • Og så videre.

Faktisk er målet med landingssiden at konverter dine besøgendeDet giver dem bevis for, at dit tilbud har værdi for dem. Hvis dit websted fungerer godt, vil dine besøgende efterlade oplysninger om dem ved at udfylde formularen der.

Grundlæggende om en landingsside, der virker

Selv om alle landingssider er forskellige, er der alligevel nogle elementer, der optræder på en uundgåelig måde. En landingsside har i de fleste tilfælde ikke nogen navigationslinje eller sidefod. Formålet med denne side er at holde dine besøgende på den, uden at distrahere dem fra resten af webstedet, for at udfylde din formular eller klikke på din opfordring til handling. I nogle tilfælde kan vi have en header eller footer eller begge dele. Det afhænger af hjemmesidens krav/målsætninger.

En landingsside præsenterer også et klart etableret værditilbud. I form af tekstblokke og eventuelt tabeller med priser forklarer du dine besøgende, hvad de får, hvis de udfylder din formular eller køber dit tilbud.

Et andet vigtigt element på en landingsside: tilstedeværelsen af en formular eller en opfordring til handling, afhængigt af formatet på det promoverede tilbud.

Så den landingsside, vi vil bygge, vil have følgende segmenter.

Den landingsside, vi bygger

Den landingsside, vi skal oprette, vil have:

  • Øverste del af helten
  • Om sektionen
  • Sektion for funktioner
  • Sektion for udtalelser
  • Sektion for prissætning
  • Lead form

Ting, der kræves for at lave denne landingsside:

For at lave en vellykket landingsside skal du bruge:

Lad os bygge landingssiden ved hjælp af Element Pack og Elementor

Første skridt: Indledende opsætning

Før det egentlige design af vores landingsside skal vi opsætte standardindstillingerne for vores landingsside. Med standard mener jeg de primære og sekundære farver, skrifttyper osv.

For at gøre det skal vi vælge elementor canvas-sidelayoutet.

Elementor Canvas

Canvas-layout giver os en meget ren struktur til vores indhold. Når du har valgt lærredet, skal du klikke på knappen Gem udkast. Klik derefter på knappen "Rediger med Elementor".

Fra de primære indstillinger opsætter vi nu farver og skrifttyper til vores landingsside. Du kan vælge de skrifttyper og farver, der passer til dine behov.

Landing Page in WordPress Default fonts

Du kan vælge den ønskede farve via Color Picker-indstillingerne. På den måde kan du hurtigt vælge den ønskede farve, når du har brug for det på din landingsside.

Andet trin: Landingssidens øverste heltesektion

Vores øverste hero-sektion vil indeholde baggrundsbillede, tekst, ikoner og knapper for at tiltrække den besøgendes opmærksomhed.

Det særlige ved dette afsnit vil være et baggrundsbillede for hele afsnittet, SVG-ikoner/billeder for afsnittet med en overskrift. Og en flot beskrivelse med 2 opfordringsknapper.

Hvordan designer vi det?

Vi tager en sektion med 3 kolonner 25/50/25

Derefter giver vi en baggrund for afsnittet.

I den midterste kolonne placerer vi nogle indre kolonner, der passer til vores design på følgende måde.

Landing Page Hero Section

Hele dette design er tilgængeligt som en klar blok i element pack pro-plugin. Tag et kig her:

Hvordan bruger du den færdige blok fra elementpakken?

Når du har købt og downloadet. Tjek mappen med demoindhold. Gå derefter til mappen med færdige blokke. Gå til helteblokken, og importer den ønskede blok til vores elementor-skabelon. 


Hvis du ikke ved, hvordan du importerer en skabelon, Se venligst denne video.

Tredje trin: Landingssidens afsnit om os

Vores Om os-sektion vil indeholde 2 kolonner. En af dem har en overskrift med et afsnit og en knap til kontaktformularen. Den næste kolonne vil have et billede.

Hvordan designer vi det?

Vi tager en sektion med 2 kolonner 50/50

I den første kolonne tager vi en overskrift og en indholdsblok.


I den sidste kolonne sætter vi et billede for at få det til at se godt ud. Billedet skal afspejle teamwork.

Vores endelige design kommer til at se ud som følger:

Landing Page About Section

Dette design er sammen med nogle andre seje, attraktive design tilgængelige i Element Pack Pro-klare blokke. Hent det nu. Se demoen her:

Vil du optimere din hjemmeside endnu mere?

Læs derefter denne artikel på Sådan fremskynder du et WordPress-site . Du bør også læse om De bedste backup-plugins til WordPress i tilfælde af, at du ødelægger ting, mens du optimerer.

Fjerde trin: Landingssidens sektion med funktioner

Vores feature-sektion vil indeholde 2 kolonner. Den første kolonne vil have et design baseret på en statuslinje, og den næste kolonne vil have funktioner med ikoner og en enkel beskrivelse.

Hvordan skal vi designe det?

Vi tager en sektion med 24 kolonner 50/50

Vores endelige design kommer til at se ud som følger:

Landing Page Features Section

Dette design er sammen med nogle andre seje, attraktive færdige blokke tilgængelige i Element Pack Pro færdige blokke. Hent det nu. Se demoen her:

Femte trin: Landingssidens sektion med udtalelser

Vi vil have en overskrift, før den egentlige udtalelse begynder. Vores sektion med udtalelser vil indeholde 2 kolonner. Hver kolonne vil have et billede og en beskrivelse. Dette vil være et avanceret boksdesign

Hvordan designer man det?

Vi tager en sektion med 2 kolonner 50/50

Vores endelige design kommer til at se ud som følger:

Landing Page Testimonials Section

Find ud af nogle andre fantastiske færdige sider og færdige blokke, der tilbydes af Element Pack - Ultimate addons, som du får brug for. Se på demoen her:

Sjette trin: Landingssidens prissektion

I vores prissektion vil vi have 2 planer. Til det vælger vi pristabelmodulet. Vi importerer først designet fra element pack pro-demoindholdet. Derfra designer vi prisplanen efter vores behov.

Hvordan opnår vi designet?

Gå til siden med demoindhold i dine Element Pack Pro-downloads, som du har fået fra kontoadministratoren. Importer derefter skabelonen, og tilføj den til et afsnit.

Vores endelige design kommer til at se ud som følger:

Landing Page Pricing Section

Find ud af nogle andre fantastiske færdige sider og færdige blokke til prisplaner, der tilbydes af Element Pack - Ultimate addons, som du har brug for. Se på demoen her:

Syvende trin: Landingssidens sektion med lead-formularer

Lead-delen er meget vigtig. Vi har indsat en kontaktformular i dette afsnit. Du kan indsætte en hvilken som helst leadmagnet som MailChimp eller andre.

Hvordan designer vi det?

Gå til siden med demoindhold i dine Element Pack Pro-downloads, som du har fået fra kontoadministratoren. Importer derefter skabelonen Kontaktformular, og tilføj den til et afsnit. Når den er importeret, skal du tilføje Element Pack Pro-kontaktformularwidgeten i højre kolonne.

Og opdateret skrifterne i venstre kolonne. Vi glemte at nævne, at vi har tilføjet et baggrundsbillede til den overordnede sektion.

Vores endelige design kommer til at se ud som følger:

Find ud af nogle andre fantastiske færdige sider og færdige blokke til kontaktformular og blysider, der tilbydes af Element Pack - Ultimate addons, som du får brug for. Se på demoen her:

Det endelige design

Her er vores endelige design.

Besøg venligst for at se den fungerende demo:
 
 

Vi har kun vist nogle få af vores færdige blokke i denne artikel. Vi har masser! Vi har en enorm samling af færdige sider, der også indeholder landingssider.

Tjek dem ud i vores Element Pack Demo sider. Hav det sjovt med dine kreative ideer gennem landingssider. 

Del denne blog:

Ophavsret © 2025 BdTemaer. Alle rettigheder forbeholdes.

Money Transfer Logo