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.
- Methode 1: Auswahl einer Preistabellenvorlage
- Methode 2: Erstellen einer Preistabelle von Grund auf
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.
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.
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.
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.
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.
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.
Verwenden Sie einen Hintergrund-Highlighter für den Text des Rabattsatzes. Wir haben den Farbcode angewendet #fcdc4b im Hintergrund des Diskontsatzes in der Preistabelle.
Wenden Sie das gleiche Verfahren auf jede Spalte in den jeweiligen Bereichen an.
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.
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.
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.
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.
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.
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.