Wie man eine Preistabelle im WordPress Block Editor erstellt

Eine Preistabelle ist eine gut strukturierte Darstellung von Produkten und Dienstleistungen mit den entsprechenden Preisen und Merkmalen. Sie ermöglicht es den Kunden, verschiedene Preispläne zu vergleichen und den für sie passenden auszuwählen.

Die Standard-WordPress-Tabellenblock fehlt es an vielen erweiterten Funktionen. Sie können damit keine umfassenden Preistabellen erstellen. Sie benötigen ein Tabellenerstellungs-Plugin wie Tableberg, um beeindruckende Preistabellen zu erstellen.

Auch mit der kostenlosen Version können Sie umsatzorientierte Preistabellen erstellen. In diesem Artikel zeigen wir Ihnen, wie Sie mit dem Tableberg-Plugin eine Preistabelle in WordPress erstellen können.

Schöne Tische erstellen
Mit Block-Editor

Auswahl einer Preistabellenvorlage

Das Tableberg-Plugin wird mit einigen Vorgefertigte Preistabellenvorlagen. Sie können sofort loslegen, indem Sie eine dieser Vorlagen auswählen.

Schritt 1: Installieren und Aktivieren des Tableberg-Plugins

Gehe zu Plugins > Neues Plugin hinzufügen. Typ Tischberg in das Suchfeld ein. Installieren Sie und aktivieren. das Plugin, nachdem es unten erscheint.

Schritt 2: Fügen Sie den Tableberg-Block zu Ihrem Beitrag oder Ihrer Seite hinzu

Öffnen Sie den Beitrag oder die Seite, auf der Sie die Preistabelle erstellen möchten. Klicken Sie auf das Symbol + und suchen Sie nach "Tableberg". Klicken Sie auf den Tableberg-Block, um ihn einzufügen.

Schritt 3: Wählen Sie einen vorgefertigten Tisch

Wenn Sie wollen, können Sie jetzt eine Tabelle von Grund auf neu erstellen. Ich werde das später zeigen.

Schauen wir uns zuerst die vorgefertigte Option an. Nachdem Sie den Tableberg-Block eingefügt haben, klicken Sie einfach auf "Vorgefertigte Tabellen".

Es wird eine Musterbibliothek angezeigt. Wählen Sie den Abschnitt "Preistabelle" und wählen Sie eine Preistabellenvorlage.

Die Tabelle wird in den Editor eingefügt.

Schritt 4: Anpassen der Tabelle

Wählen Sie den gesamten Block aus, indem Sie auf das Tableberg-Symbol und dann auf das Einstellungssymbol in der oberen rechten Ecke klicken. Von dort aus können Sie die Tabelle anpassen.


Erstellen einer Preistabelle von Grund auf

Sie können auch eine Tabelle von Grund auf neu erstellen.

Schritt 1: Wählen Sie die Anzahl der Spalten und Zeilen

Nachdem Sie den Tableberg-Block eingefügt haben, legen Sie seine Zeilen- und Spaltenzahl fest. Sie können jedoch die Anzahl der Zeilen und Spalten nach dem Erstellen der Tabelle nach Bedarf erhöhen oder verringern. Im Moment wählen wir jedoch eine 4*4 Zeile und Spalte.

Festlegen der Zeilen- und Spaltennummer

Wenn Sie viele Inhalte hinzufügen, benötigen Sie möglicherweise mehr Platz innerhalb der Tabellenzellen. Daher ist es besser, wenn Sie die Tabellenbreite erhöhen. Wählen Sie die gesamte Tabelle aus, indem Sie dreimal auf das TableBerg-Symbol in der Symbolleiste klicken.

Sie erhalten die Registerkarte Einstellungen die in der rechten Seitenleiste angezeigt wird. Unter der Tabelle mit den Einstellungen finden Sie die Tabelle Breite Option. Erhöhen Sie die Breite nach Bedarf.

Vergrößern Sie die Breite der Tabelle

Schritt 2: Hinzufügen von Titeln zu den Tabellenspalten

Fügen Sie den Tabellenspalten geeignete Titel hinzu. Angenommen, wir erstellen eine Preistabelle für ein Webhosting-Unternehmen. In der Tabelle gibt es vier Preispläne. Der Spaltentitel wird also lauten Economy, Deluxe, Ultimate, und Maximum.

Sie können den Titeltext und seine Hintergrundfarbe auf der entsprechenden Registerkarte in der rechten Seitenleiste anpassen. Sie können auch die Typografie und die Größe des Textes erhöhen.

Titel zu den Spalten der Preistabelle hinzufügen

Schritt 3: Fügen Sie Preise und Rabattsätze zu den Spalten der Preistabelle hinzu

Fügen Sie zunächst die Preise der Pläne in die jeweiligen Spalten ein. Wir haben die Preistexte fett, etwas größer und in Blau eingefärbt.

Preise zur Preistabelle hinzufügen

Der Rabattsatz liegt in der Regel sehr nahe am Hauptpreis. Setzen Sie den Cursor auf die Preiszelle und schaffen Sie Platz darunter, indem Sie die Taste Eingabetaste auf Ihrer Tastatur.

Geben Sie anschließend die gewünschten Rabattsätze in die entsprechenden Spalten ein.

Rabattsätze hinzufügen

Wir werden nun den Diskontsatz hervorheben, damit er besser sichtbar wird. Wählen Sie den Diskontsatz Textbereich mit Ihrem Cursor. Klicken Sie auf die Mehr Optionen in der Symbolleiste. Wählen Sie die Option hervorheben.

Wählen Sie den Text des Rabattsatzes in der Kalkulationstabelle aus.

Verwenden Sie einen Hintergrund-Highlighter für den Text des Rabattsatzes. Wir haben den Farbcode angewendet #fcdc4b im Hintergrund des Diskontsatzes in der Preistabelle.

Verwenden Sie einen Hintergrund-Highlighter für den Text des Diskontsatzes

Wenden Sie das gleiche Verfahren auf jede Spalte in den jeweiligen Bereichen an.

Verwenden Sie einen Hintergrund-Highlighter für den gesamten Rabatttext

Wenn es besondere Hinweise zu den Plänen gibt, müssen Sie diese im Preisbereich angeben. Sehen Sie, wir haben es mit dem ersten Klammerzeichen gemacht.

Besondere Hinweise zu den Preisplänen hinzufügen

Schritt 4: CTA-Schaltflächen zur Tabelle hinzufügen

Durch das Hinzufügen von CTA-Schaltflächen können Sie die Nutzer nicht zum Kauf Ihrer Produkte bewegen. Wählen Sie die Zelle aus, zu der Sie die CTA-Schaltfläche hinzufügen möchten. Drücken Sie die Plus-Symbol (+) auf die Zelle und wählen Sie die CTA-Schaltfläche.

Fügen Sie den Schaltflächenblock zu den TableBerg-Tabellen hinzu

Auf diesen Teil gehen wir nicht in allen Einzelheiten ein. Alles, was Sie hier tun müssen, ist, einen überzeugenden CTA-Text für jede Schaltfläche zu schreiben. Verknüpfen Sie die Schaltflächen mit der Kassenseite. Fügen Sie Hintergrund- und Textfarben für die Schaltflächen hinzu.

Anpassen der CTA-Schaltflächen

Schritt 5: Merkmale zur Preistabelle hinzufügen

Schließlich müssen Sie alle Merkmale Ihrer Produkte und Dienstleistungen auf der Grundlage der jeweiligen Preispläne auflisten. Wenn es besondere Wörter gibt, die Sie hervorheben möchten, können Sie sie fett drucken.

Auflistung der Merkmale in den Preistabellen

Schritt 6: Vorschau der Preistabelle

Bevor Sie die Preistabelle veröffentlichen, sollten Sie sie im Vorschaumodus ansehen, um zu prüfen, ob es Fehler gibt. Wenn die Tabelle absolut sauber ist, können Sie sie live schalten.

Vorschau der Preistabelle

Schlussfolgerung

So können Sie informative Preistabellen auf Ihrer Website erstellen, die den Kunden helfen, informierte Entscheidungen zu treffen. TableBerg kommt mit mehr neuen Funktionen, mit denen Sie fortgeschrittenere Tabellen auf Ihrer Website erstellen können.

Wenn Ihnen dieser Beitrag gefällt, kommentieren Sie unten und teilen Sie uns Ihr Feedback mit. Werfen Sie einen Blick auf wie man eine Vergleichstabelle in WordPress erstellt.



Das Tischberg-Team

Das Frühbucherangebot ist jetzt verfügbar!
Dies ist der Standardtext für die Benachrichtigungsleiste