Tabellen sind eine gängige Methode, um Informationen auf einer Website zu teilen, und können zur Anzeige einer Vielzahl von Inhalten wie Preisen, Funktionslisten und Links verwendet werden. Während WordPress selbst die Möglichkeit bietet, grundlegende Tabellen zu erstellen, ist Elementor eine gute Wahl, wenn Sie mehr Anpassungsmöglichkeiten wünschen.

Mit Elementor können Sie nicht nur die Vorteile der eingebauten Formular-Widgets nutzen, sondern auch weitere Formular-Widgets zu diesem beliebten Page Builder hinzufügen, indem Sie das spezielle Elementor Forms Plugin installieren.

1、Wann die Elementor-Tabelle verwenden

Tabellen sind ein sehr nützliches Instrument auf Websites und fast überall zu finden. Sie werden hauptsächlich verwendet, um Daten zu organisieren und zu präsentieren, damit die Besucher Informationen leicht vergleichen und verstehen können.

Fast alle Websites, die Dienstleistungen oder Abonnements anbieten, verwenden Tabellen, um die Preise und Funktionen der verschiedenen Pakete anzuzeigen. Tabellen helfen nicht nur bei der Darstellung detaillierter Informationen, sie lassen den Artikel oder die Webseite auch übersichtlicher und leichter lesbar erscheinen. Während lange Texte manchmal schwer zu verdauen sind, können Tabellen den Text effektiv auflockern und den Inhalt übersichtlicher machen.

WordPressBlockeditorMacht das Hinzufügen von Tabellen sehr einfach. Sie können die Anzahl der Zeilen und Spalten in der Tabelle frei festlegen und haben die Flexibilität, Informationen nach Bedarf hinzuzufügen.

Während WordPress es Ihnen erlaubt, grundlegende Styling-Anpassungen an Tabellen vorzunehmen, wie z. B. das Ändern von Hintergrundfarben, das Anpassen von Schaltflächenstilen und das Ändern von Schriftgrößen, müssen Sie, wenn Sie aufwändigere und komplexere Tabellen erstellen möchten, möglicherweise fortgeschrittenere Tools verwenden, wie z. B. dieElementorvielleichtDiviSeitenerstellungsprogramme wie dieses. Diese Tools bieten mehr Anpassungsmöglichkeiten, damit Sie Formulare entwerfen können, die sowohl ästhetisch ansprechend als auch voll funktionsfähig sind.

Was Elementor Tabellen leisten können

Für die Erstellung von Formularen, die komplexer und individueller sind als das einfache WordPress-Formular, ist das hochgradig anpassbare Preislisten-Widget von Elementor eine großartige Option. Mit Elementor können Sie den Titel Ihres Formulars bearbeiten, den Stil des Titels anpassen, eine Liste von Funktionen hinzufügen und die Call-to-Action-Bedingungen (CTAs) optimieren, damit Ihr Formular nicht nur informativ ist, sondern den Nutzer auch durch den Prozess führt. Solche Anpassungen machen Ihre Formulare attraktiver und passen besser zum Stil und den Anforderungen Ihrer Website.

Mit Elementor können Sie jede Art von Layout erstellen, die Sie für jede Seite oder jeden Beitrag benötigen. Sie können ein mehrspaltiges Design einrichten, so dass Sie mehrere Seiten nebeneinander platzieren könnenpreislisteWidget:

Wie man eine Elementor-Tabelle manuell erstellt

Erstellen Sie eine Preistabelle mit Elementor. Öffnen Sie zunächst die Elementor-Editor. Sie können entweder mit einer leeren Seite beginnen oder eine Vorlage aus der Elementor-Bibliothek importieren:

Wenn Sie bereit sind, Elemente hinzuzufügen, müssen Sie die Anzahl der Spalten auswählen, die die Tabelle haben soll. Klicken Sie auf das untere Ende des Editorfensters Elementor "+"und wählen Sie dann die Spaltenstruktur aus, die für den Preisabschnitt verwendet werden soll:

Achtung!Wenn Sie mehrere Spalten verwenden, müssen Sie eine separatepreislisteWidgets. Obwohl jedes Formular ein eigenes Element ist, sehen die Nutzer sie nebeneinander (oder untereinander auf mobilen Geräten) als Teil eines Abschnitts:

Es wird empfohlen, zunächst einepreislisteModul und gestalten es. Anschließend können Sie das Element in die übrigen Spalten kopieren oder duplizieren und jeder Spalte einen eigenen Text hinzufügen.

Um das Formular anzupassen, wählen Sie das Element aus und gehen Sie zu den Widget-Einstellungen unter dem Menüpunkt"Stil"Registerkarte. Elementor bietet Ihnen eine Reihe von Styling-Optionen. Dazu gehörenFarbauswahlundLayout-Einstellungenund die eindeutige Konfiguration der einzelnen Abschnitte des Formulars:

Wenn Sie den Stil der Preisliste angepasst haben und damit zufrieden sind, können Sie mit der rechten Maustaste darauf klicken und "eine Kopie machen vonOption". Dadurch wird eine identische Kopie unterhalb der Originalpreisliste erstellt. Sie können diese Kopie dann in eine beliebige leere Spalte auf der Seite ziehen, wo Sie sie platzieren möchten. Auf diese Weise können Sie die Einstellungen schnell kopieren und wiederverwenden, was Ihnen Zeit spart und die Konsistenz Ihrer Website gewährleistet.

Wenn Sie mehrere Preislisten auf Ihrer Webseite erstellen möchten, können Sie den oben beschriebenen Vorgang des Kopierens und Anpassens wiederholen, um weitere Spalten zu erstellen. Wenn Sie möchten, dass jede Preistabelle ihren eigenen Stil hat, können Sie die Stile einzeln anpassen. Achten Sie jedoch darauf, dass alle Tabellen so einheitlich gestaltet sind, dass die Besucher klar erkennen können, dass sie zu Vergleichszwecken verwendet werden.

In Elementor können Sie auch benutzerdefinierten CSS-Code zu jeder Tabelle oder jedem anderen Modul hinzufügen, um die Personalisierung zu vertiefen. Um benutzerdefinierten CSS-Code hinzuzufügen, suchen Sie einfach das Widget Ihrer Wahl in der "Erweiterte Einstellungen", dann klicken Sie auf "Benutzerdefiniertes CSS" ist ausreichend. Diese Funktion gibt Ihnen die Flexibilität, die Seite weiter zu optimieren und anzupassen.

Das Hinzufügen von benutzerdefiniertem CSS mit Elementor ist viel einfacher als das direkte Bearbeiten von Code in WordPress. In WordPress ist es oft notwendig, in die Themadateien zu gehen und den Code zu optimieren, um die Leistung zu verbessern. Mit Elementor hingegen ist es nur eine Frage der Eingabe des CSS-Codes in die entsprechenden Felder in jedem Modul.

Wenn Sie denken, dass das manuelle Schreiben von CSS-Code ein wenig schwierig ist, brauchen Sie sich keine Sorgen zu machen. Um CSS zu lernen, müssen Sie kein erfahrener Webentwickler sein, aber die Beherrschung dieser Fähigkeit kann Ihnen wirklich helfen, Ihre WordPress-Website anzupassen, und kann Ihnen sogar einen Karriereweg in der Webentwicklung eröffnen.

Sobald Sie alle Ihre Formulare eingerichtet haben, können Sie mit der Bearbeitung des Textes beginnen und die gewünschten Funktionen zu jedem Eintrag hinzufügen. Klicken Sie einfach auf ein Formular, um es auszuwählen, und suchen Sie dann in den Widget-Einstellungen die Registerkarte "Inhalt", wo Sie Änderungen vornehmen können. Auf diese Weise können Sie den Inhalt der Tabelle leicht verwalten und aktualisieren.

Top Elementor Tabellen Plugins (12 Optionen)

Ihnen zu präsentieren12Diese Plugins sind eine Art von Elementor-Plugins und ermöglichen es Ihnen, neue Formulartypen zu Beiträgen und Seiten hinzuzufügen. Diese Plugins sind für Elementor konzipiert, können aber wie normale Plugins installiert und verwendet werden.

1、Elementor's ElementsKit Plugin

ElementsKit ist ein Tool, das über 90 Widgets zu Elementor hinzufügt, darunter eine Vielzahl von Tabellen-Widgets wie Basistabellen, Preistabellen und Unterstützung für die Einbettung von TablePress-Elementen.

Die wichtigsten Merkmale sind:

• Drei Arten von Formular-Widgets.
• Unterstützt das Filtern, Suchen und Blättern von Tabellen.
• Die Integration mit TablePress ermöglicht die einfache Einbettung anderer Tabellen.

Preisinformation: Die Preise für ElementsKit beginnen bei $39 pro Jahr.

2、WP Tabellenersteller

Wenn Sie Elementor verwenden, werden Sie es lieben, dieWP Table Builder. Das Plugin ist in der Lage, Formulare mit vorkonfigurierten Elementen zu erstellen (z. B. Schaltflächen, Kommentarabschnitte, Produktbewertungen usw.).

Wesentliche Merkmale:

• Verwendung des Drag & Drop Table Builders
• Zugriff auf vorgefertigte Elemente wie Schaltflächen, Bewertungsabschnitte und Produktbewertungen
• Anpassen des Stils der einzelnen Elemente in einer Tabelle
• Vorgefertigte Seitenvorlagen verwenden

Preis:  WP Table Builder-Lizenzen beginnen bei $39 pro Jahr.

3.TischPresse

TischPresse ist ein kostenloses WordPress-Plugin, das sich perfekt eignet, um Ihrer Website Tabellenkalkulationsfunktionen hinzuzufügen. Dieses Plugin unterstützt den Import von Daten aus einer Vielzahl von Formaten, einschließlich Excel-, CSV- und JSON-Dateien. Sie können die Tabellendaten auch in andere Anwendungen exportieren.

Mit TablePress können Sie Tabellen mit Suchfunktion erstellen, was besonders nützlich für die Anzeige großer Datenmengen ist. Die Benutzer können wählen, ob sie eine bestimmte Anzahl von Einträgen anzeigen möchten und zwischen den Seiten wechseln, um die Daten zu sehen. Jede TablePress-Tabelle hat einen eindeutigen Shortcode, den Sie mit dem Shortcode-Widget von Elementor überall auf Ihrer Website einfügen können.

Wesentliche Merkmale:

• Unterstützt das Importieren und Exportieren von Daten in den Formaten Excel, CSV, JSON und HTML.
• Suchbare Formulare in WordPress hinzufügen.
• Aktivieren Sie das Paging von Tabellen für eine einfache Navigation.

Preisinformation:TablePress selbst ist kostenlos, aber wenn Sie mehr Funktionen benötigen, können Sie die Premium-Erweiterungen kaufen.

4. wesentliche Addons für Elementor

Unverzichtbare Addons für Elementor Mehr als 80 neue Widgets wurden dem Page Builder hinzugefügt. Sie können aus Preistabellen, Datenblättern, Katalogen und mehr wählen.

Es gibt zwei Versionen dieses Builders. Das kostenlose Plugin fügt eine bessere Version des Preistabellen-Widgets hinzu, das mit Elementor geliefert wird. Wenn Sie auf die Datentabelle zugreifen möchten (einschließlich Filterung, Suche und mehrere Stile), müssen Sie eine Premium-Lizenz erwerben.

Wesentliche Merkmale:

• Widgets für Preise, Daten und Inhaltsverzeichnisse hinzufügen
• Suche und Filterung innerhalb von Tabellen ermöglichen

Preis:  Elementor hat eine kostenlose Version von Essential Addons, mit Premium-Lizenzen ab $39,97 pro Jahr.

5. das PowerPack für Elementor

PowerPack für Elementor ist ein leistungsstarkes Plugin, das den Elementor Page Builder um über 70 Widgets erweitert. Diese Widgets ermöglichen es Ihnen, Websites schneller und effizienter zu gestalten, und enthalten auch eine ganze Reihe neuer Vorlagen, die Sie verwenden können.

Was die Erstellung von Tabellen betrifft, so bietet PowerPack sortierbare und durchsuchbare Datentabellenfunktionen, und Sie können Daten einfach über CSV-Dateien importieren. Darüber hinaus bietet dieses Plug-in eine Vielzahl von Tabellenvorlagen, so dass Sie den richtigen Stil entsprechend Ihren Bedürfnissen wählen können.

PowerPack ist nicht nur auf Datenblätter beschränkt, sondern enthält auch Widgets für Informations- und Preistabellen. Wenn Sie Ihren Besuchern eine detaillierte Beschreibung der angebotenen Dienstleistungen geben möchten, sind Informationsblätter für diesen Zweck perfekt geeignet.

Die wichtigsten Merkmale sind:

• Erstellen Sie sortierbare und durchsuchbare Datentabellen.
• Importieren Sie Daten in die Tabelle über eine CSV-Datei.
• Bietet Preis- und Informationsblatt-Widgets zur Verbesserung der Präsentation von Informationen auf der Website.

Preisinformation: PowerPack-Lizenzen beginnen bei 44 $ pro Jahr. Zu diesem Preis können Sie all diese fortschrittlichen Funktionen nutzen, um die Professionalität Ihres Website-Designs zu verbessern.

6. proprietäre Elementor-Plug-ins

Exklusive Plugins für ElementorEs gibt eine kostenlose Version und eine Premium-Version. Das kostenlose Plugin fügt über 40 Widgets zu Elementor hinzu, während die Premium-Lizenz Ihnen über 65 professionelle Widgets bietet.

Was die Tabellen betrifft, so bietet die kostenlose Version ein neues Modul für Preistabellen. Mit der Premium-Version können Sie auf Vergleichstabellen und Datentabellen zugreifen. Vergleichstabellen funktionieren ähnlich wie Preiselemente, aber Sie können neue Layouts und Stile verwenden.

Wesentliche Merkmale:

• Neues Preistabellenmodul hinzufügen
• Zugang zu Vergleichstabellen und Datentabellen
• Mehrere Layouts für den Zugriff auf Formular-Widgets

Preis:Elementor hat eine kostenlose Version von Exclusive Addons. Premium-Lizenzen beginnen bei 29 $ pro Jahr.

7. jetElements

JetElements ist ein Plugin, das Elementor 150 neue Widgets hinzufügt, die vor allem für E-Commerce- und Abonnement-Websites konzipiert sind. Zusätzlich zu den regulären Funktionen bietet JetElements einige interessante Formular-Widgets wie Preistabellen und responsive Formulare.

Das Preistabellen-Widget von JetElements bietet mehr Anpassungsmöglichkeiten als die einfache Preistabelle von Elementor. Sie können zum Beispiel attraktive visuelle Effekte wie Parallax-Effekte und Mikro-Animationen für Formularelemente hinzufügen, um Ihr Formular attraktiver und dynamischer zu gestalten.

Wesentliche Merkmale:

• Fügen Sie Preistabellen und responsive Tabellen-Widgets zu Elementor hinzu.
• Bieten Sie umfangreiche Anpassungsmöglichkeiten für visuelle Effekte wie Parallaxen- und Animationseffekte, um das Formular lebendiger zu gestalten.

Preisinformation: All-inclusive-Lizenzen für JetElements beginnen bei 43 $ pro Jahr. Wenn Sie nur eine bestimmte Funktionalität benötigen, gibt es auch die Möglichkeit eines benutzerdefinierten Widget-Pakets, bei dem Sie nach Bedarf zahlen und nur die Widgets kaufen, die Sie benötigen. Diese Flexibilität macht JetElements zu einer ausgezeichneten Wahl für eine Vielzahl von Bedürfnissen.

8. hochwertige Addons für Elementor

Hochwertige Addons für ElementorEs gibt sowohl eine kostenlose als auch eine Premium-Version des Plugins, aber das neue Formular-Widget ist nur in der Premium-Version enthalten.

Wenn Sie sich für den Erwerb einer Premium-Lizenz entscheiden, können Sie die zusätzlichen Widgets Datentabellen und Preistabellen verwenden. Diese fortschrittlichen Tools eignen sich perfekt für die Darstellung detaillierter Informationen für Besucher und können in Verbindung mit dem Widget "Diagramme und Grafiken" verwendet werden, um die Datenanzeige intuitiver und ansprechender zu gestalten.

Die wichtigsten Merkmale sind:

• Fügen Sie die Widgets "Datenblatt" und "Preistabelle" zu Elementor hinzu.
• Tabellen können in Verbindung mit Diagrammen und grafischen Widgets für eine reichhaltigere und dynamischere Darstellung von Informationen verwendet werden.

Preisinformation: Die Lizenzen für Elementor-Premium-Plugins beginnen bei $39 pro Jahr. Dieser Preis ermöglicht es Ihnen, diese Premium-Funktionen freizuschalten, um die Präsentation der Inhalte Ihrer Website weiter zu verbessern.

9. dataMentor

DataMentor ist ein Add-on, das Elementor ein funktionsreiches Einzelformular-Widget hinzufügt. Dieses Widget bietet eine breite Palette von Funktionen, die über die meisten Add-ons hinausgehen, die wir bisher gesehen haben.

Mit DataMentor können Sie hochgradig angepasste Tabellen mit Bildern, Schaltflächen, Listen und Symbolen in jedem Tabellenelement erstellen. Sie können auch einzigartige Stile für jede Spalte oder Zeile festlegen, damit die Tabelle professioneller und attraktiver aussieht. Wenn Sie Inspiration brauchen oder schnell mit der Gestaltung beginnen wollen, bietet DataMentor auch mehrere Tabellenvorlagen zur Auswahl.

Die wichtigsten Merkmale sind:

• Fügt ein neues Formular-Widget zu Elementor hinzu.
• Für die schnelle Gestaltung steht eine Vielzahl von Formularvorlagen zur Verfügung.
• Ermöglicht das Hinzufügen von Bildern, Text, Schaltflächen, Listen und Symbolen zu einem Formular, um dessen Funktionalität und visuelles Erscheinungsbild zu verbessern.

Preisinformation: DataMentor ist ein kostenloses Plugin, das Ihnen freien Zugang zu all diesen Premium-Funktionen bietet, um Ihrer Website reichhaltige und dynamische tabellarische Inhalte hinzuzufügen.

10. glückliche Addons für Elementor

Glückliche Addons für Elementor ist ein sehr umfangreiches Plugin, das dem Elementor Page Builder über 140 Widgets und viele neue Vorlagen hinzufügt.

Was die Tabellenfunktionalität betrifft, so bietet Happy Addons sowohl einfache als auch erweiterte Arten von Tabellenwidgets an. Die erweiterten Formular-Widgets unterstützen den Import von Daten aus einer Vielzahl von Formaten und bieten Such-, Filter- und Paging-Funktionen, um die Verwaltung großer Datenmengen zu erleichtern. Happy Addons enthält auch Elemente für Preistabellen und Vergleichstabellen, die es dem Benutzer ermöglichen, verschiedene Optionen für Produkte und Dienstleistungen besser zu präsentieren.

Die wichtigsten Merkmale sind:

• Es sind einfache und erweiterte Formular-Widgets verfügbar.
• Unterstützt den Import von Daten aus verschiedenen Formaten.
• Bietet eine Vielzahl von vorgefertigten Formularlayouts.
• Enthält eine Preistabelle und Vergleichstabellenelemente.

Preisinformation: Happy Addons ist in einer kostenlosen Version erhältlich. Wenn Sie mehr Funktionen benötigen, beginnen die Premium-Lizenzen bei $39 pro Jahr. Für diesen Preis erhalten Sie Zugang zu erweiterten Funktionen, die Ihnen helfen, reichhaltigere und professionellere Website-Inhalte zu erstellen.

11. königliche Elementor-Erweiterungen

Königliche Elementor-Zusatzmodule ist ein Plugin, das über 90 neue Widgets zu Elementor hinzufügt. Die Widgets selbst sind kostenlos, aber Sie können sich auch für den Kauf der Premium-Version entscheiden, um zusätzliche Anpassungsoptionen für jedes Widget freizuschalten.

Mit Royal Elementor Addons können Sie ein brandneues Preistabellen-Widget zu Elementor hinzufügen. Dieses Widget bietet eine Vielzahl von neuen Styling-Optionen, um Ihre Preistabelle noch attraktiver zu gestalten. Es enthält auch eine praktische Umschaltoption, mit der Besucher leicht zwischen monatlichen und jährlichen Preisen (oder anderen ähnlichen Optionen) wechseln können.

Die wichtigsten Merkmale sind:

• Fügen Sie ein neues Pricing Table Widget zu Elementor hinzu.
• Passen Sie Ihre Preistabelle mit neuen Styling-Optionen an.
• Fügen Sie der Preistabelle eine Preisumschaltfunktion hinzu, die es den Nutzern erleichtert, verschiedene Abrechnungszyklen zu wählen.

Preisinformation: Die Grundfunktionalität der Royal Elementor Addons ist kostenlos. Wenn Sie fortgeschrittene Funktionen benötigen, kostet die Premium-Version $29 pro Website (eine einmalige Gebühr) für eine Lizenz, was sie zu einer erschwinglichen Option macht, die die Funktionalität und visuelle Attraktivität Ihrer Website dramatisch verbessern kann.

12. die Elementor-Zusatzelemente

Elementor-Zusatzelemente ist ein kostenloses Plugin, das über 24 neue Widgets zu Elementor hinzufügt, darunter Preistabellen, Vergleichstabellen und Datentabellen.

Die Preistabelle dieses Plugins bietet viele zusätzliche Anpassungsoptionen, die im Standard-Widget von Elementor nicht verfügbar sind. Für die Datentabellen können Sie Tabellen erstellen, die durchsuchbar oder filterbar sind und es den Nutzern erleichtern, die benötigten Informationen zu finden. Außerdem können Sie Animationen zu den Tabellen hinzufügen, um sie optisch ansprechender zu gestalten.

Die wichtigsten Merkmale sind:

• Fügen Sie Preislisten, Vergleichstabellen und Datentabellen zu Elementor hinzu.
• Bietet Optionen für durchsuchbare und filterbare Datentabellen.
• Die Datenblätter unterstützen Animationseffekte zur Verbesserung der visuellen Attraktivität.

Preisinformation: Elementor Addon Elements ist völlig kostenlos und Sie können alle diese Funktionen nutzen, um den Inhalt Ihrer Website zu bereichern.

Zusammenfassung:

Elementor bietet eine Reihe von Tools, mit denen Sie WordPress-Formulare erstellen können, die sowohl elegant als auch anspruchsvoll sind. Viele WordPress-Tabellen-Plugins, die mit Elementor kompatibel sind, ermöglichen es Ihnen, fast jede Art von Tabelle zu Ihrer Website hinzuzufügen.

Der Elementor Page Builder verfügt über ein intuitives Preistabellen-Widget, mit dem Sie schnell eine Preistabelle erstellen können. Wenn Sie andere Arten von Tabellen hinzufügen möchten, versuchen Sie es mit dem spezialisierten Elementor Tabellen-Pluginz.B.. ElementsKit vielleicht WP Table Builderbieten diese Plugins mehr Formularoptionen und Funktionen. Auf diese Weise können Sie, egal welche Art von Formular Sie benötigen, das richtige Werkzeug dafür finden.