Elementor Prissætning Tabel Widget: Gratis Tutorial + 5 Layouts

En prisside er, hvor besøgende beslutter, om de vil udlevere deres penge. Tabellen skal læse ren, gøre planer sammenlignelige med et blik og pege læseren på hvilken mulighed du rent faktisk vil have dem til at vælge. Den Elementor Prissætning Tabel widget fra Master Addons til Elementor dækker alt det, gratis, ingen kode.

Denne vejledning dækker hele opbygningen: installation af plugin, droppe widget i en sektion og arbejde gennem de 6 paneler, der styrer indholdet (layout, overskrift, pris, funktioner, CTA-knap og båndbadge til den fremhævede plan). Du får også 5 indbyggede layouts, værktøjstip pr. funktion, Easy Digital Downloads på knappen og fuld typografikontrol.

Når du har fulgt med, vil du have en prissætningstabel, der ser rigtigt ud på ethvert WordPress-tema, stables korrekt på mobilen og konverteres bedre end Elementors standardprisblok.

Hvad denne vejledning dækker:

• Hvad Elementor Pricing Table-widgetten er
• Hvorfor en god prissætning tabel betyder noget
• Sådan tilføjes en prissætningstabel i Elementor (trin for trin)
• De 6 konfigurationspaneler forklaret
• Styling din prissætning tabel
• Design tips, der rent faktisk konverterer
• 5 use cases til widgetten
• Gratis vs Pro: hvad du får
• Ofte stillede spørgsmål

Hvad er Elementor Pricing Table Widget?

Det er en træk-og-slip widget, der bygger en WordPress prissætning tabel inde Elementor editor. Du får en plan header, prisen med valuta og faktureringsperiode, en funktion liste, en call-to-action knap, og en valgfri bånd badge for den fremhævede plan. Ingen brugerdefineret kode, ingen kortkoder, ingen HTML skænderier.

Master Addons Pricing Table-widgetten er i det gratis plugin. De 5 layouts, bånd, per-funktions værktøjstip og Easy Digital Downloads understøtter alt arbejde uden en Pro-licens. Installer plugin'et, og widget'en vises i Elementor-panelet under Master Addons-sektionen, mærket “MA Pricing Table.”

Hvorfor en god prissætning Tabel Matters

Din prissætning side er høj-intent trafik. De mennesker, der lander på det, tænker allerede på at købe. En sjusket prissætning tabel koster dig stille og roligt reelle indtægter. De sædvanlige årsager:

• Sammenligningsfriktion. Hvis besøgende ikke kan sammenligne planer på et øjeblik, de hopper tilbage til Google.
• Intet visuelt hierarki. Når hver plan ser identisk ud, ved ingen, hvilken du faktisk vil have dem til at vælge.
• Svag CTA. En grå “Lær mere”-knap taber til en sikker “Start gratis prøveperiode” hver gang.

En ordentlig Elementor prissætningstabel omhandler alt det. Side-by-side kolonner, en fremhævet plan med et bånd, en tydelig knapfarve og funktionsrækker, der er på linje på tværs af kolonner. Widgetten nedenfor leveres med det hele.

Sådan tilføjes en prissætningstabel i Elementor (trinvis)

Fuld opsætning nedenfor. Dette forudsætter, at Elementor allerede er installeret. Hvis ikke, skal du først tage fat i den gratis version fra WordPress plugin-biblioteket.

Trin 1: Installer Master Addons til Elementor

I WordPress admin, gå til Plugins → Tilføj Ny og søg efter “Master Addons for Elementor.” Installer, aktiver, færdig. Den installation af Master Addons doc har den længere version, hvis noget snubler dig op.

Trin 2: Opret en sektion med det rigtige antal kolonner

Åbn siden i Elementor. Tilføj en ny sektion og vælg kolonnetællingen baseret på, hvor mange planer du vil vise. Tre kolonner til Personlig / Forretning / Udvikler er den mest almindelige opsætning. Fire kolonner begynder at føle sig overfyldt på tablets, og alt over fire tvinger stort set en vandret rulle på mobilen.

Trin 3: Træk MA Prissætning Tabel Widget ind i din sektion

I widgetpanelet skal du søge efter “Prissætningstabel.” Du vil se “MA Prissætningstabel” med Master Addons-badget. Træk det ind i den første kolonne.

Trin 4: Gennemgå standardlayoutet

Elementor indlæser en fuldt udfyldt standard i det øjeblik, du slipper widgetten i. Plantitel, pris, funktionsliste, knap, bånd. Værd at se på, før du ændrer ting, så du ved, hvad hvert felt faktisk styrer.

Når en plan er konfigureret, som du vil have den, skal du højreklikke på widgetten og vælge Duplicate (eller copy-paste) for at opbygge de andre planer. Meget hurtigere end at starte hvert kort fra bunden, og det garanterer, at funktionsrækkerne er på linje på tværs af kolonner.

De 6 konfigurationspaneler forklaret

Fanen Indhold har seks sammenklappelige paneler. Hvad hver enkelt gør, og indstillingen inde i det, der rent faktisk betyder noget:

1. Prissætning Indhold (Layout Picker)

Dette panel vælger en af de 5 prissætning tabel layout variationer. Hvert layout arrangerer overskriften, prisen og knappen lidt forskelligt. Den anden ting, der bor her, er kontakten “Fremhæv denne tabel”. Slå den til for den plan, du vil have besøgende til at vælge. Den skift tilføjer den visuelle vægt og låser båndindstillingerne op nederst på fanen Indhold.

2. Overskrift

Plannavnet (Personal, Business, Developer) og en valgfri undertitel (“For solo freelancere,” “For små teams”). Du kan ændre HTML-tagget for titlen. H3 har normalt ret, medmindre afsnittet over tabellen allerede bruger H3, i hvilket tilfælde flytte det til H4, så din overskrift hierarki forbliver ren. Overskrift baggrundsfarven er uafhængig af resten af kortet, så du kan stribe den øverste bjælke en anden farve, hvis du vil.

3. Prisfastsættelse

Valutasymbol, prisbeløb, originalpris (gennemstreget for rabatter) og faktureringsperiode. Det oprindelige prisfelt er praktisk, når du kører en promo. Sæt salgsprisen i hovedbeløbet og den almindelige pris i det oprindelige felt, og widgeten gengiver gennemstregningen automatisk. Ingen CSS nødvendig.

4. Funktioner

Tilføj så mange funktionsrækker, som du vil. Hver række tager funktionstekst, et ikon (markering, kryds, alt fra ikonbiblioteket) og et valgfrit værktøjstip. Værktøjstip er underudnyttet i de fleste pristabeller. Hvis en funktion har brug for en 10-ords afklaring (“Inkluderer 3 holdpladser” → “Ekstra pladser er $5/mo hver”), skal du bruge et værktøjstip i stedet for at proppe det ind i hovedteksten.

Justeringstip: Hold den samme funktion liste rækkefølge på tværs af alle tre planer. Folk scanne prissætning tabeller vandret, række for række. Hvis række 3 er “Ubegrænset brugere” på Personlig plan, men “24/7 support” på Business, du bryde den scanning mønster og besøgende giver op halvvejs.

5. Sidefod (Knappen Call-to-Action)

Knaptekst, URL, nofollow-skift, skift med ny fane plus en valgfri linje med sekundær tekst under knappen (“14-dages pengene-tilbage-garanti”). Hvis du sælger via Easy Digital Downloads, er EDD Add-to-Cart-indstillingen i dette panel. Slå den til, og knappen bliver en buy-now-trigger i stedet for et almindeligt link.

6. Bånd (Featured Plan Badge)

Båndet vises kun på planen, hvor du skiftede “Højt denne tabel” tilbage i panel 1. Fælles båndtekst er “Populær” eller “Bedste værdi.” Du kan ændre justering (øverst til venstre, øverst til højre, øverst i midten) og farve. Hold båndet kort. To ord maks. Lange bånd ombrydes akavet på mobilen.

Styling Din Elementor Prissætning Tabel

Skift til fanen Stil. Du får et panel for hver af de seks indholdssektioner, plus et Generelt panel for selve kortet (grænseradius, skygge, baggrund). Hvert panel dækker typografi, farve, afstand og kantindstillinger.

Hvad skal man egentlig ændre:

• Kortbaggrund og grænseradius. Match dit websted. 8–12px radius fungerer for de fleste moderne designs. Flad (0 radius) for et mere corporate look.
• Fremhævet planbaggrund. Gør den fremhævede plan visuelt distinkt. En solid mærkefarve på det fremhævede kort ved siden af hvide kort er det enkleste træk, og det virker næsten hver gang.
• Pristypografi. Prisen skal være den største tekst på kortet, større end planens navn. 40–56px er typisk. Alt mindre, og hele kortet læses som generisk marketingkopi.
• Button. Match dit websteds primære knap. Udvalgte plan får en solid udfyldt knap. Andre planer får skitserede knapper. Det visuelle hul guider øjet til din foretrukne plan uden at skulle bruge en pil eller en “vælg dette”-etiket.

For en dybere gennemgang af de visuelle beslutninger, der bevæger konverteringsnålen, se vores Elementor prissætning tabel tips post.

Prissætning Tabel Design Tips, der faktisk Konverter

Mønstre, der holder på reelle prissider:

• Tre planer, ikke fire. Personlig / Business / Udvikler fungerer, fordi tre muligheder holder beslutningen enkel. Fire planer bremse folk ned og en ikke-triviel andel af dem forlade uden at plukke noget.
• Forankre mellemplanen. Sæt din målplan i den midterste kolonne og markere det som featured. Besøgende sammenligne den billige plan til det og beslutte midten er bedre. De sammenligner den dyre plan til det og beslutte midten er nok.
• Pris først, derefter funktioner. Folk scanner top til bund. Sæt prisen nær toppen af kortet, så de ser nummeret før funktionslisten.
• Korte etiketter. “Ubegrænsede projekter” slår “Du kan oprette et ubegrænset antal projekter uden nogen begrænsninger.” Brug værktøjstip til den lange version.
• En CTA pr. kort. En knap pr. plan. Sæt ikke “Lær mere” ved siden af “Køb nu” på det samme kort. Den split dræber konvertering, fordi besøgende vælger det lavere engagement klik hver gang.
• Penge-tilbage-seddel nær knappen. En lille “14-dages pengene-tilbage-garanti” linje under CTA reducerer købsangst. Gratis felt i panelet Footer.

5 Use Cases til Elementor Pricing Table Widget

1. SaaS prisside. Tre-lags planer med et bånd på den midterste plan. Standard use case og den, widgetten er indstillet til.
2. Service prissætning. Freelancere og bureauer bruger den samme widget til servicepakker (Basic / Standard / Premium). Swap “per måned” for “per projekt” i feltet faktureringsperiode.
3. Medlemskabsplaner. Par det med en funktion som begræns indhold til gateadgang efter niveau.
4. Kursuspriser. Enkelt kursus, enkelt kohorte, livstidsadgang. Sæt båndet på livstidsmuligheden, da det normalt er salget med højeste margin.
5. WooCommerce plan sammenligning. For digitale produkter eller abonnementsbokse fungerer widgetten som en plansammenligning over købsknappen.

Hvis du har brug for at sammenligne mange funktioner på tværs af mange planer (ikke kun 3-6 punkttegn pr. kort), Sammenligningstabel for masteraddons widget er den bedre pasform. Den håndterer funktionstunge sider med 15+ rækker uden at se trang ud.

Gratis vs Pro: Hvad du får

MA Pricing Table widget sidder i det gratis Master Addons plugin. Alle 5 layouts, båndet, værktøjstip, ikoner og EDD integration fungerer uden en Pro licens. Pro låser op for andre widgets og den bredere funktion, der er sat omkring det.

Hvis du kun har brug for prissætningstabellen, er gratis nok. Hvis du vil have den fulde 80+ widget bibliotek, Tema Builder, Popup Builder, og Skabelonsæt, kontrollere Master Addons Pro prissætning. For en side-by-side med den anden store Elementor addon pack, se Master Addons vs Ultimate Addons.

Foretrækker du at se? Her er en hurtig gennemgang i Elementor:

Ofte stillede spørgsmål

Indpakning Up

En prisside bygget med Elementor prissætning tabel widget fra Master Addons håndterer de tilfælde, der betyder noget for de fleste WordPress-websteder: tre planer, en fremhævet mulighed, rene knapper og fuld stilkontrol fra Elementor-panelet. Ingen kode påkrævet. Hvis du vil have detaljer om hver indstilling, skal officiel prissætningstabel dokumentation har den fulde reference.

Par pristabellen med en stærk call-to-action sektion over den, og du har en prisside, der virker. For mere konverteringsfokuserede widget ideer, den Elementor marketing widgets guide er en god næste læsning.

Relateret læsning: Prissætning tabel design tips | Elementor FlipBox widget | Master Addons ikon bibliotek