Elementor Sammenligning Tabel Widget (Pro)

Sammenligningstabel er en Master Addons Pro-widget, der bygger et funktionsgitter til 2 til 6 produkter eller planer. Funktionsnavne løber ned i den første kolonne, og hver produktkolonne har en titel, pris, billede, en værdi for hver funktionsrække og en knap. Værdier kan være et flueben, et kryds, et ikon eller en tekst. Vælg en af fire layouts, giv en kolonne sine egne farver for at markere den anbefalede mulighed, og stil rækker, overskrifter og knapper. Det behøver ingen WooCommerce, så det virker for planer, software, hardware eller servicepakker. For enkeltplanskort er den gratis Prissætning Tabel widget passer bedre.

Sådan tilføjes en sammenligningstabel i Elementor

Sammenligning Tabel behov Elementor og en aktiv Master Addons Pro licens.

  1. Aktiver Master Addons Pro, rediger din side med Elementor og søg i widgets panelet for Sammenligningstabel.
  2. In General, vælge et Layout og indstille Produkter til antallet af kolonner.
  3. In Funktioner Box, tilføje et element pr. funktionsrække og indstille overskriften.
  4. Åbn hver Product sektion og tilføj titel, pris, billede, knaptekst og link.
  5. Indstil hver rækkeværdi til en check, kryds, ikon eller tekst, i samme rækkefølge som funktionslisten.
  6. Slå Tilsidesæt typografi til for den kolonne, du anbefaler, typografier tabellen, og marker den derefter i mobilvisning.

Hver indstilling er dækket af Sammenligning Tabel widget indstillinger guide.

Sammenlign vores Planer tabel med Gratis og Grundlæggende plan kolonner og check og kryds rækker, ved siden af Funktioner repeater og Layouts indstillet til Style 4

Sammenlign 2 til 6 produkter Funktion efter funktion

Set Products generelt (2 til 6, 3 som standard) og en Product sektion vises for hver kolonne. Angiv dine rækker én gang i Funktioner Box: en Overskrift, en repeater vare pr. funktion og en Knap Overskrift. Derefter fylde hvert produkt med en Title, Price, Image, Knaptekst, Link og en værdi for hver række.

  • Hver rækkeværdi er en check, et kryds, et ikon efter eget valg eller almindelig tekst såsom “1 år”.
  • Funktionsrækker deles, så hold det samme antal elementer i hvert produkt, så rækkerne er på linje.
  • Indhold skrives i panelet. Priserne trækker ikke fra WooCommerce.

Sammenligningstabel vs prissætningstabel Widgets

Elementor og Elementor Pro har ingen sammenligningstabel widget. Elementor Pro har en Price Table widget til enkelt plan kort. Her er, hvornår du skal bruge hver mulighed.

WidgetLayoutBedst tilPrice
Sammenligningstabel for masteraddonsEt gitter, 2 til 6 produktkolonner, der deler de samme funktionsrækkerFunktion for funktion beslutninger mellem planer eller produkterMaster Addons Pro
Master Addons Prissætning TabelÉt plankort pr. widget med overskrift, pris, funktioner og knapPrissætning sider med to eller tre enkle planerFree
Elementor Pro Pris TableEt plankort pr. widget med en båndmulighedPlanlæg kort på websteder, der allerede bruger Elementor ProElementor Pro

Hvis besøgende har brug for at kontrollere de samme funktioner på tværs af flere muligheder, er en sammenligningstabel lettere at læse end kort side om side. Hvis hver plan har en kort liste og en pris, tager priskort mindre plads. Også nyttigt: Dynamisk tabel for almindelige datatabeller.

Fire layouts og tabelstyling

Vælg Stil 1 til Stil 4 i Layouts, fra et klassisk bord til separate produktkort med prismærker. Fanen Stil har fire sektioner. General indstiller ulige og lige rækkefarver, kant, kasseradius, kolonneafstand og rækkeafstand. Feature Box indstiller funktionens kolonnebredde, farver, justering og polstring. Products styles overskrifter, priser, billeder og det mobile breakpoint, og Button styler købsknapperne.

  • Zebrarækker med Ulige Rækkefarve og Lige Rækkefarve gør lange tabeller nemmere at scanne.
  • Boks bredde indstiller, hvor bred funktionskolonnen er.
  • Under fanen Start Format Fra bredden (767px som standard) skifter nogle layout til en række produktfaner. Kontroller tabellen i mobilvisning, før du udgiver, og sænk den bredde, hvis du foretrækker, at den fulde tabel ruller.
FitPro smartwatch sammenligning med fire produktsøjler, priser og billeder, ved siden af produkt 1-indstillingerne og produktstilsektionen
Smartwatch-sammenligning med den midterste produktkolonne fremhævet med blåt, ved siden af farveindstillingerne Override Style

Fremhæv den anbefalede kolonne

Tænd Override Style inde i et produkt afsnit for at give den kolonne sine egne farver. Du kan indstille overskriften farve og baggrund, tælle badge, prisen og dens kolonne baggrund, feature tekst, check og kryds farver, ulige og lige række farver, og knappen farver. Brug det til din “mest populære” plan eller dit eget produkt i en os versus dem tabel.

  • Tilsidesæt stil fungerer pr. produktkolonne, ikke pr. celle.
  • Der er ikke indbygget bånd eller badge, så tilføj etiketten til produktets titel eller pristekst.
  • Behold andre kolonner på den globale stil, så den fremhævede skiller sig ud.
Skabelonfremviser
Facebook
Twitter
WhatsApp
Kopier Link
Køb Nu
SaaS-prisplaner med et fremhævet niveau
SaaS-prisplaner med et fremhævet niveau
Os mod tre konkurrenter, mørkt tema
Os mod tre konkurrenter, mørkt tema
Fotograferingspakker med fotos i overskriften
Fotograferingspakker med fotos i overskriften
Mobiltakster rangeret et til fire
Mobiltakster rangeret et til fire
Fem hostingplaner side om side
Fem hostingplaner side om side
Tre ture sammenlignet, pris i en cirkel
Tre ture sammenlignet, pris i en cirkel
To ejendomsfortegnelser head to head
To ejendomsfortegnelser head to head
Sammenligningstabel
Sammenligningstabel
Sammenligningstabel med Smartwatch
Sammenligningstabel med Smartwatch
Sammenlign vores planer
Sammenlign vores planer

Ofte stillede spørgsmål til sammenligningstabel

Lær de mest stillede forespørgsler, brugerne har om sammenligningstabel, og find svar på ét sted.
Er widgetten Sammenligningstabel gratis?

Nej. Sammenligningstabel er en del af Master Addons Pro. Det gratis plugin inkluderer den Prissætning Tabel widget til enkeltplanskort.

Mellem 2 og 6. Skift Products i afsnittet Generelt tilføjes eller skjules produktsektioner, så de passer. Tre eller fire kolonner læses bedst på de fleste sidebredder.

Hvordan ser sammenligningstabellen ud på mobilen?

Under Start Tab Format Fra bredde i afsnittet Produkters typografi (767px som standard), ændres nogle layout til en række produktfaner over funktionskolonnen, mens andre beholder hver kolonne. Se et eksempel på tabellen i Elementors mobilvisning, og sænk den bredde, hvis den tabulerede visning ikke passer til din tabel.

Brug sammenligningstabel, når besøgende skal sammenligne de samme funktioner på tværs af flere muligheder. Brug en pristabel, når hver plan er et kort kort kort med en pris og et par funktioner. Master Addons har en gratis Prissætning Tabel widget til det.

Trending Elementor Widgets & Udvidelser

Byg sofistikerede websteder på kortere tid.

Master Addons Glassmorphism udvidelse til Elementor: matteret glas kort med Blur Value kontrol indstillet til 20px

Glasmorfisme

Hjem Gratis Elementor Glassmorphism Extension: Frosted Glass Effect i One Toggle Glassmorphism er den frostede...
Se detaljer
Master Addons Container Extras udvidelse til Elementor: container med låg på en 1400px Max bredde, med Max bredde, Max højde, Min bredde og Min højde kontroller

Container ekstraudstyr

Hjem Elementor Container Max bredde og Max højde Controls Container Extras er en gratis Master...
Se detaljer
Master Addons Patterns udvidelse til Elementor: helt med Purple Gradient Grid Left stil, tre flere mønster stilarter og Enable Pattern panelet

Mønstre

Hjem 70 + Gratis Elementor Baggrund Mønstre Mønstre er en gratis Master Addons udvidelse, der tilføjer...
Se detaljer
Master Addons Post/Page Duplicator udvidelse til Elementor: MA Duplicator række link i WordPress Pages liste oprettelse af en Landing Page - [Duplikeret # 128] udkast

Post/Page Duplicator

Hjem Duplikere Elementor Sider og indlæg i One Click Post/Page Duplicator er en gratis Master...
Se detaljer
Master Addons Reading Progress Bar udvidelse til Elementor: blå bjælke 42% udfyldt på tværs af toppen af en privatlivspolitik side, med aktivere, position, højde og fylde farveindstillinger

Læsning Progress Bar

Hjem Tilføj en læsefremskridtsbjælke i WordPress (Elementor) Reading Progress Bar er en gratis...
Se detaljer