Kurze Antwort
Kopieren Sie den Shortcode Ihrer Tabelle (zum Beispiel [wptb id=123]) über Embed im Builder von WP Table Builder. Ziehen Sie in Elementor das Widget Shortcode auf die Seite, fügen Sie den Shortcode in sein Feld ein und klicken Sie dann auf Update. Sie können auch das Widget WP Table Builder verwenden, das im Embed-Dialog des Plugins erwähnt wird. Beides funktioniert mit Elementor Free und Elementor Pro.
Elementor ist ein beliebter Page Builder für WordPress. Tabellen von WP Table Builder funktionieren in jedem Elementor-Layout, auch in Abschnitten, Containern, Popups und Templates.
Voraussetzungen #
| Punkt | Details |
|---|---|
| Tarif | WP Table Builder Free oder Pro |
| Page Builder | Elementor Free oder Elementor Pro |
| Eine gespeicherte Tabelle | Siehe So erstellen Sie Ihre erste Tabelle in WP Table Builder , falls Sie noch keine haben |
| Benötigte Zeit | Etwa 2 Minuten |
Schritt 1: Den Shortcode der Tabelle kopieren #
- Gehen Sie zu WP Table Builder > All Tables und klicken Sie auf Edit unter Ihrer Tabelle.
- Klicken Sie auf Embed in der oberen Leiste.
- Klicken Sie auf Copy neben dem Shortcode, zum Beispiel
[wptb id=123].
Sie können den Shortcode auch aus der Spalte Shortcode auf der Seite All Tables kopieren. Siehe So betten Sie eine Tabelle von WP Table Builder mit einem Shortcode ein.
Schritt 2: Ihre Seite in Elementor öffnen #
Gehen Sie zu Pages, fahren Sie mit der Maus über die Seite und klicken Sie auf Edit with Elementor.
Schritt 3: Das Shortcode-Widget hinzufügen #
- Suchen Sie im Elementor-Panel nach Shortcode.
- Ziehen Sie das Widget Shortcode in den Abschnitt oder Container, in dem die Tabelle erscheinen soll.
Schritt 4: Den Shortcode einfügen #
Fügen Sie den Shortcode von WP Table Builder in das Feld Enter your shortcode des Widgets ein.
Schritt 5: Vorschau ansehen und veröffentlichen #
Klicken Sie auf Update (oder Publish), und sehen Sie sich dann die Seite an. Der Elementor-Editor zeigt die Tabelle eventuell ohne alle Skripte, prüfen Sie daher immer die veröffentlichte Seite oder die Vorschau.
Warum die Tabelle im Elementor-Editor anders aussehen kann #
Elementor stellt Shortcodes in seinem Editor dar, ohne alle Skripte zu laden, die eine Tabelle verwendet. Suche, Sortierung, Paginierung, fixierte Zeilen und responsive Layouts funktionieren auf der Live-Seite, auch wenn sie im Elementor-Editor nicht funktionieren.
Fehlerbehebung #
- Der Shortcode wird als Text angezeigt: Sie haben ihn in ein Text-Editor-Widget in der Code-Ansicht oder in eine Überschrift eingefügt. Verwenden Sie das Shortcode-Widget.
- Die Tabelle wird auf Mobilgeräten abgeschnitten: aktivieren Sie horizontales Scrollen oder Responsive-Modus für die Tabelle.
- Theme- oder Elementor-Stile verändern die Tabelle: aktivieren Sie Disable theme styles in den Einstellungen von WP Table Builder. Siehe So deaktivieren Sie Theme-Stile für eine Tabelle.
Häufig gestellte Fragen #
Funktioniert WP Table Builder mit Elementor?
Ja. Fügen Sie die Tabelle mit dem Shortcode-Widget von Elementor und dem Tabellen-Shortcode oder mit dem Widget von WP Table Builder hinzu. Beides funktioniert mit Elementor Free und Pro.
Brauche ich Elementor Pro?
Nein. Das Shortcode-Widget ist in der kostenlosen Version von Elementor enthalten.
Warum sieht meine Tabelle im Elementor-Editor anders aus?
Elementor lädt in seinem Editor nicht alle Skripte der Tabelle. Prüfen Sie die Vorschau oder die veröffentlichte Seite, dort funktionieren alle Funktionen.
Kann ich eine Tabelle von WP Table Builder in einem Elementor-Popup oder -Template verwenden?
Ja. Fügen Sie dem Popup, Header, Footer oder gespeicherten Template ein Shortcode-Widget mit dem Shortcode der Tabelle hinzu.
