Elementorvergleichstabellen-Widget (Pro)
Vergleichstabelle ist ein Master Addons Pro Widget, das ein Feature-Grid für 2 bis 6 Produkte oder Pläne erstellt Feature-Namen laufen in der ersten Spalte herunter, und jede Produktspalte hat einen Titel, Preis, Bild, einen Wert für jede Feature-Zeile und einen Button Werte können ein Häkchen, ein Kreuz, ein Symbol oder ein Text sein Wählen Sie eines von vier Layouts, geben Sie einer Spalte ihre eigenen Farben, um die empfohlene Option zu markieren, und Stilzeilen, Kopfzeilen und Schaltflächen Es braucht kein WooCommerce, also funktioniert es für Pläne, Software, Hardware oder Servicepakete Für Single Plan Karten, die Preistabelle Widget passt besser und es benötigt kein Master Addons Pro.
So fügen Sie eine Vergleichstabelle in Elementor hinzu
Vergleichstabelle benötigt Elementor und einen aktiven Master Add-dons Pro Lizenz.
- Aktivieren Sie Master Addons Pro, bearbeiten Sie Ihre Seite mit Elementor und durchsuchen Sie das Widgets-Panel nach Vergleichstabelle.
- in GeneralWählen Sie ein Layout aus und stellen Sie die Produkte auf die Anzahl der Spalten ein.
- in Features-boxFügen Sie pro Funktionszeile ein Element hinzu und setzen Sie die Überschrift.
- Öffnen Sie jeweils Produkt Abschnitt und fügen Sie Titel, Preis, Bild, Schaltflächentext und Link hinzu.
- Legen Sie jeden Zeilenwert in der gleichen Reihenfolge wie in der Funktionsliste auf einen Haken, ein Kreuz, ein Symbol oder einen Text fest.
- Aktivieren Sie den Override-Stil für die von Ihnen empfohlene Spalte, stylen Sie die Tabelle und überprüfen Sie sie dann in der mobilen Ansicht.
Jede Einstellung wird in der Einstellungen für das Widget der Vergleichstabelle Führung.
Passt gut zu: Preistabelle, Dynamische Tabelle, Inhalte umschalten Für einen monatlichen und jährlichen Wechsel Info-box Für Feature-Highlights und Geschäftszeiten.
Vergleichstabelle auf einen Blick
Was das Widget macht, lesen Sie aus dem Master Addons Pro-Code.
| Artikel | Vergleichstabellen-Widget |
|---|---|
| Produkte pro Tisch | 2 bis 6, standardmäßig 3 |
| Grundriss | 4 (Stil 1 bis Stil 4) |
| Merkmalsreihen | Eine Repeater-Liste, so viele Zeilen wie Sie benötigen |
| Zellwerte | Überprüfen, kreuzen, ein Symbol Ihrer Wahl oder Text |
| Produktfelder | Titel, Preis, Bild, Buttontext und Link |
| Eine Spalte hervorheben | Überschreiben Stil pro Produkt: Überschrift, Preis, Zeilen und Tastenfarben |
| Nummernabzeichen | Layout 3 zeigt über jedem Produkt einen nummerierten Kreis |
| Mobil | Unterhalb von 767 px (Start Tab Format From) eine Zeile mit Produktnamen und die erste Produktspalte; setzen Sie 0, um alle Spalten beizubehalten |
| Per-cell-styling | Nein, das Styling erfolgt pro Tabelle oder pro Produktspalte |
| Band - oder Abzeichentext | Nein, geben Sie das Etikett in den Produkttitel oder Preis ein |
| CSV-Import | Nein |
| WooCommerce-Quelle | Nein, Werte werden im Panel eingegeben |
| Bedürfnisse | Elementor und Master Addons Pro |
Vergleichen Sie 2 bis 6 Produkte. Merkmal für Merkmal
Einstellen Produkte Im Allgemeinen (standardmäßig 2 bis 6, 3) und a Produkt Abschnitt erscheint für jede Spalte Listen Sie Ihre Zeilen einmal auf Features-box: eine Überschrift, ein Repeater-Artikel pro Funktion und eine Tastenüberschrift. Füllen Sie dann jedes Produkt mit einem Titel, Preis, Bild, Schaltflächentext, zusammenfügen und einen Wert für jede Zeile.
- Jeder Zeilenwert ist ein Scheck, ein Kreuz, ein Icon deiner Wahl oder Klartext wie “1 Jahr”.
- Funktionszeilen werden gemeinsam genutzt, behalten Sie also die gleiche Anzahl an Elementen in jedem Produkt bei, damit die Zeilen ausgerichtet werden.
- Inhalt wird im Panel eingegeben Preise ziehen nicht von WooCommerce.
Erstellen Sie eine Produktvergleichstabelle
Eine Produktvergleichstabelle setzt die Produkte in Spalten und die Specs in Zeilen, so kann ein Käufer über jede Option ein Feature scannen Produkte auf die Anzahl der Artikel setzen, die Specs einmal in Features Box auflisten, dann jeden Produktabschnitt mit Titel, Preis, Bild, Buttontext und Link füllen Verwenden Sie einen Check oder Cross für Ja und Nein Specs und Text für Zahlen wie Akkulaufzeit oder Garantie.
Jeder Wert wird im Panel eingegeben Das Widget liest keine WooCommerce-Produkte und importiert auch keinen CSV, so dass es zu einer kurzen Liste passt, die Sie kuratieren, wie zum Beispiel drei Kopfhörer, drei Pläne oder Ihr Produkt gegen zwei Konkurrenten Schalten Sie Override Style auf dem von Ihnen empfohlenen Produkt ein, damit seine Spalte hervorsticht.
Drei Kopfhörer im Vergleich zu Layout 1, wobei das mittlere Produkt durch Override Style hervorgehoben wird.
Vergleichstabelle vs. Preistabellen-Widgets
Elementor und Elementor Pro haben kein Vergleichstabellen-Widget Elementor Pro hat ein Preistabellen-Widget für Einzelplankarten Hier ist, wann jede Option verwendet werden soll.
| Widget | Grundriss | Am besten für | Preis |
|---|---|---|---|
| Vergleichstabelle für Master-Addons | Ein Raster, 2 bis 6 Produktspalten, die sich dieselben Funktionszeilen teilen | Feature-by-Feature-Entscheidungen zwischen Plänen oder Produkten | Master Add-dons Pro |
| Master-Addons Preistabelle | Eine Plankarte pro Widget mit Header, Preis, Funktionen und Button | Preisseiten mit zwei oder drei einfachen Plänen | Im Lieferumfang enthalten, keine Master Addons Pro erforderlich |
| Elementor Pro Preistabelle | Eine Plankarte pro Widget mit Ribbon-Option | Planen Sie Karten auf Websites, die bereits Elementor Pro verwenden | Elementor Pro |
Wenn Besucher die gleichen Funktionen über mehrere Optionen hinweg überprüfen müssen, ist eine Vergleichstabelle leichter lesbar als Karten nebeneinander, wenn jeder Plan eine kurze Liste und einen Preis hat, nehmen Preiskarten weniger Platz ein Auch nützlich: Dynamische Tabelle Für einfache Datentabellen.
Welches Table Widget brauche ich?
| Widget | Was es baut | Benutze es für |
|---|---|---|
| Vergleichstabelle (Pro) | Produktspalten mit Titel, Preis, Bild und Schaltfläche sowie freigegebenen Funktionszeilen | Auswahl zwischen 2 bis 6 Produkten oder Plänen |
| Preistabelle | Eine Plankarte pro Widget: Header, Preis, Funktionsliste und Schaltfläche | Preisseiten mit zwei oder drei Plänen |
| Dynamische Tabelle | Eine allgemeine Datentabelle mit beliebigen Zeilen und Spalten | Zeitpläne, Spezifikationen, Listen und alle einfachen Daten |
Vier Layouts und Tischstyling
Wählen Sie Stil 1 zu Stil 4 In Grundriss„Vom klassischen Tisch bis hin zu separaten Produktkarten mit Preisausweisen. Der Style-Tab besteht aus vier Abschnitten. General Setzt ungerade und gerade Zeilenfarben, Umrandung, Kastenradius, Spaltenabstand und Zeilenabstand. Feature-box Legt die Spaltenbreite, Farben, Ausrichtung und Polsterung des Merkmals fest. Produkte Stile Überschriften, Preise, Bilder und den mobilen Haltepunkt, und Knopf Stilen die Kauftasten.
- Zebrareihen mit ungerader Zeilenfarbe und gerader Zeilenfarbe erleichtern das Scannen langer Tabellen.
- Box Width legt fest, wie breit die Feature-Spalte ist.
- Unterhalb des Start Tab Format Von der Breite (767 px standardmäßig) zeigt die Tabelle eine Zeile mit Produktnamen und nur die erste Produktspalte, um jede Spalte auf Telefonen zu behalten, setzen Sie Start Tab Format Von auf 0 und die vollständige Tabelle schrumpft, um den Bildschirm anzupassen Überprüfen Sie die Tabelle in der mobilen Ansicht, bevor Sie veröffentlichen.
Markieren Sie die empfohlene Spalte
Einschalten Überbrückungsstil Innerhalb eines Produktabschnitts, um dieser Spalte ihre eigenen Farben zu geben Sie können die Überschrift Farbe und Hintergrund, das Zählabzeichen, den Preis und seine Spalte Hintergrund, Feature-Text, Check - und Kreuzfarben, ungerade und gerade Zeilenfarben, und die Buttonfarben verwenden Sie es für Ihren “beliebtesten” Plan oder Ihr eigenes Produkt in einer Tabelle „uns versus ihnen".
- Override Style funktioniert pro Produktspalte, nicht pro Zelle.
- Es ist kein Band oder Abzeichen eingebaut, also fügen Sie das Etikett dem Produkttitel oder dem Preistext hinzu.
- Behalten Sie andere Spalten im globalen Stil bei, damit die hervorgehobene hervorsticht.
Beispiele für Vergleichstabellen
Zehn Live-Demos, die mit dem Widget erstellt wurden Die ersten beiden behalten jede Spalte auf Telefonen; der Rest wechselt in die Produktnamenzeile unter 767 px, die Sie mit Start Tab Format von 0 ausschalten können.
- Smartwatch Vergleich: Layout 3 mit nummerierten Abzeichen.
- Vergleichen Sie unsere Pläne: Layout 4 Karten mit dem Preis im Header.
- SaaS-Preispläne: eine hervorgehobene Stufe.
- Us gegen drei Konkurrenten: dunkles Thema.
- Fotopakete: Fotos im Header.
- Mobilfunktarife: Rang eins bis vier.
- Fünf Hosting-Pläne: Seite an Seite.
- Drei Touren: Preis im Kreis.
- Zwei Immobilieneinträge: Kopf an Kopf.
- Original Vergleichstabelle: die erste Demo.
Häufig gestellte Fragen zur Vergleichstabelle
Ist das Vergleichstabellen-Widget kostenlos?
Nr. Vergleichstabelle ist Teil von Master Add-dons Pro. Ohne Pro können Sie die Preistabelle Widget für Single-Plan-Karten Elementor selbst hat kein Vergleichstabellen-Widget, kostenlos oder Pro.
Wie viele Produkte kann ich vergleichen?
Zwischen 2 und 6. Wechseln Produkte Im Abschnitt Allgemein und Produktabschnitte werden passend hinzugefügt oder ausgeblendet Drei oder vier Spalten lesen sich auf den meisten Seitenbreiten am besten.
Kann ich eine CSV oder Tabellenkalkulation importieren?
Nr. Im Widget-Panel werden Produkte, Preise und jeder Zeilenwert eingegeben, für einen großen Datensatz will man aus einer Tabellenkalkulation importieren, ein Tabellen-Plugin wie TablePress Verarbeitet CSV - und Excel-Dateien Für eine kleine, im Panel eingebaute Style-Tabelle verwenden Sie die Dynamische Tabelle Widget.
Kann es Produkte von WooCommerce ziehen?
Nein. Das Widget hat keine WooCommerce-Quelle, daher werden für jede Produktspalte Titel, Preise, Bilder und Buttons von Hand eingegeben, das heißt auch, es funktioniert für alles: Pläne, Dienstleistungen, Hardware oder Software.
Wie sieht die Vergleichstabelle mobil aus?
Unterhalb des Start Tab Format Von der Breite in Stil, Produkte (767 px standardmäßig), zeigt die Tabelle eine Zeile mit Produktnamen über der Funktionsspalte und nur die erste Produktspalte, um jedes Produkt auf Telefonen sichtbar zu halten, setzen Sie Start Tab Format Von auf 0 und die Tabelle schrumpft, um es in der mobilen Ansicht von Elementor anzuzeigen, bevor Sie veröffentlichen.
Soll ich eine Vergleichstabelle oder eine Preistabelle verwenden?
Vergleichstabelle verwenden, wenn Besucher dieselben Funktionen über mehrere Optionen hinweg vergleichen müssen Verwenden Sie eine Preistabelle, wenn jeder Plan eine kurze Karte mit einem Preis und einigen Funktionen ist Die Master Addons Preistabelle Widget verarbeitet das ohne Pro.
Wie unterscheidet es sich vom Dynamic Table Widget?
Dynamic Table erstellt eine allgemeine Datentabelle mit beliebig vielen Zeilen und Spalten und ohne Master Addons Pro. Vergleichstabelle wird für Produktentscheidungen erstellt: ein Titel, Preis, Bild und Schaltfläche für jede Spalte, Prüf - und Kreuzwerte, und eine Spalte, die Sie hervorheben können.
Verfügt Elementor über ein Vergleichstabellen-Widget?
Nr. Weder kostenlos Elementor noch Elementor Pro haben eine Elementor Pro hat ein Price Table Widget für Single Plan Karten Für ein Featuregitter über mehrere Produkte hinweg benötigt man ein Addon Widget wie dieses.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
![Master Addons Post/Page Duplicator-Erweiterung für Elementor: MA Duplicator Zeilenlink in der WordPress Pages-Liste, der eine Landing Page erstellt - [Duplicated #128] Entwurf](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post-/Seitenduplikator
