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 Prissætning Tabel widget passer bedre, og den behøver ikke Master Addons Pro.

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. på general, vælge et Layout og indstille Produkter til antallet af kolonner.
  3. på Funktioner Box, tilføje et element pr. funktionsrække og indstille overskriften.
  4. Åbn hver fabrikat 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.

Parrer godt med: Prissætning Tabel, Dynamisk tabel, Skift indhold for et månedligt og årligt skifte, Infoboks for funktionshøjdepunkter, og åbningstider.

Sammenligningstabel på et blik

Hvad widgetten gør, læs fra Master Addons Pro-koden.

ItemSammenligning Tabel widget
Produkter pr. bord2 til 6, med 3 som standard
layout4 (stil 1 til stil 4)
Feature rækkerÉn repeaterliste, så mange rækker du har brug for
CelleværdierKontroller, kryds, et ikon efter eget valg eller tekst
ProduktfelterTitel, pris, billede, knaptekst og link
Markere en kolonneTilsidesæt Style pr. produkt: overskrift, pris, rækker og knapfarver
NummermærkerLayout 3 viser en nummereret cirkel over hvert produkt
kørendeUnder 767px (Start Tab Format From) en række produktnavne og den første produktkolonne; sæt 0 for at beholde alle kolonner
Per-celle stylingNej, styling er pr. bord eller pr. produktkolonne
Bånd- eller badgetekstNej, sæt etiketten i produktets titel eller pris
CSV importingen
WooCommerce kildeNej, værdier skrives i panelet
BehovElementor og Master Addons Pro
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

bestemme produkter generelt (2 til 6, 3 som standard) og en fabrikat 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 navn, værdi, spejlbillede, Knaptekst, lænke 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.

Byg en produktsammenligningstabel

En produktsammenligningstabel sætter produkterne i kolonner og specifikationerne i rækker, så en køber kan scanne en funktion på tværs af hver mulighed. Indstil produkter til antallet af varer, angiv specifikationerne én gang i funktionsboksen, og fyld derefter hver produktsektion med en titel, pris, billede, knaptekst og link. Brug en check eller kryds for ja og ingen specifikationer og tekst for tal som batterilevetid eller garanti.

Hver værdi skrives i panelet. Widgetten læser ikke WooCommerce-produkter eller importerer en CSV, så det passer til en kort liste, du kuraterer, såsom tre hovedtelefoner, tre planer eller dit produkt mod to rivaler. Slå Til Tilsidesæt stil på det produkt, du anbefaler, så dens kolonne skiller sig ud.

Elementor produktsammenligningstabel med tre hovedtelefoner, priser, check og kryds rækker og den midterste kolonne fremhævet

Tre hovedtelefoner sammenlignet i layout 1, med det midterste produkt fremhævet gennem Override Style.

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.

widgetopsætningBedst tilværdi
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 planerInkluderet, ingen Master Addons Pro nødvendig
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.

Hvilken bordwidget har jeg brug for?

widgetHvad det byggerBrug den til
Sammenligningstabel (Pro)Produktkolonner med en titel, pris, billede og knap samt delte funktionsrækkerValg af mellem 2 til 6 produkter eller planer
Prissætning TabelÉt plankort pr. widget: overskrift, pris, funktionsliste og knapPrissider med to eller tre planer
Dynamisk tabelEn generel datatabel med eventuelle rækker og kolonnerTidsplaner, specifikationer, lister og alle almindelige data

Fire layouts og tabelstyling

Vælg Stil 1 til Stil 4 i layout, 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. produkter styles overskrifter, priser, billeder og det mobile breakpoint, og knap 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) viser tabellen en række produktnavne og kun den første produktkolonne. For at beholde hver kolonne på telefoner skal du indstille Start faneformat Fra til 0, og den fulde tabel krymper, så den passer til skærmen. Kontroller tabellen i mobilvisning, før du udgiver.
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 tilsidesætte stil 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.

Sammenligningstabel Eksempler

Ti live demoer bygget med widget. De første to holder hver kolonne på telefoner; resten skifter til produkt-navn rækken under 767px, som du kan slukke med Start Tab Format Fra sæt til 0.

Skabelonfremviser
face
kvidre
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. Uden Pro kan du bruge den Prissætning Tabel widget til enkelt plan kort. Elementor selv har ingen sammenligning tabel widget, gratis eller Pro.

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

Nej. Produkter, priser og hver rækkeværdi skrives i widgetpanelet. For et stort datasæt, du vil importere fra et regneark, et tabel plugin som f.eks TablePress håndterer CSV- og Excel-filer. For en lille stylet tabel, der er bygget i panelet, skal du bruge Dynamisk tabel widget.

Nej. Widgetten har ingen WooCommerce kilde, så titler, priser, billeder og knapper indtastes i hånden for hver produktkolonne. Det betyder også, at det virker for noget: planer, tjenester, hardware eller software.

Hvordan ser sammenligningstabellen ud på mobilen?

Under fanen Start Format Fra bredde i Style, Produkter (767px som standard) viser tabellen en række produktnavne over funktionskolonnen og kun den første produktkolonne. For at holde hvert produkt synligt på telefoner skal du indstille Start faneformat Fra til 0, og tabellen krymper, så den passer. Se et eksempel på det i Elementors mobilvisning, før du udgiver.

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 Prissætning Tabel widget håndterer det uden Pro.

Dynamic Table bygger en generel datatabel med et vilkårligt antal rækker og kolonner og ingen Master Addons Pro nødvendig. Sammenligningstabel er bygget til produktbeslutninger: en titel, pris, billede og knap for hver kolonne, kontrol og krydsværdier og en kolonne, du kan fremhæve.

Nej. Hverken gratis Elementor eller Elementor Pro har en. Elementor Pro har en Price Table widget til enkelt plan kort. For en funktion gitter på tværs af flere produkter du har brug for en addon widget som denne.

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/sideduplikator

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