Letzte SeedProd Nachrichten

WordPress-Tutorials, -Tipps und -Ressourcen für das Wachstum Ihres Unternehmens

Wie man eine vertikale Preistabelle in WordPress erstellt (2 Methoden)

Wie man eine vertikale Preistabelle in WordPress erstellt (2 Methoden) 

Geschrieben von: Autorenavatar Stacey Corrin
Autorenavatar Stacey Corrin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.
     Bewertet von: Gutachter-Avatar Turner John
Gutachter-Avatar Turner John
John Turner ist der Mitbegründer von SeedProd. Er verfügt über mehr als 20 Jahre Geschäfts- und Entwicklungserfahrung und seine Plugins wurden über 25 Millionen Mal heruntergeladen.

Auf der Suche nach einer übersichtlichen Darstellung meiner Serviceangebote habe ich festgestellt, dass eine vertikale Preistabelle am besten funktioniert. Sie stellt die einzelnen Tarife nebeneinander, so dass die Besucher die Merkmale schnell überblicken und sehen können, welche Option zu ihnen passt.

Die gute Nachricht? Sie müssen sich nicht mit Shortcodes oder benutzerdefiniertem CSS herumschlagen. WordPress bietet Ihnen einige einfache Möglichkeiten, Preistabellen hinzuzufügen, und SeedProd macht es sogar noch einfacher, wenn Sie eine ausgefeilte Landing Page wollen, die konvertiert.

In dieser Anleitung zeige ich Ihnen Schritt für Schritt, wie Sie eine vertikale Preistabelle ganz einfach und ohne Programmierkenntnisse erstellen können.

Schnelle Schritte zur Erstellung einer vertikalen Preistabelle:

Erstellen Sie eine benutzerdefinierte Preisgestaltung mit SeedProd

Wenn Sie eine professionelle Preisseite wünschen, die einfach zu aktualisieren ist, ist SeedProd die beste Option.

SeedProd Drag-and-drop WordPress Website-Erstellung

Es handelt sich um einen Drag-and-Drop-Seitenersteller für WordPress, mit dem Sie vollständig anpassbare vertikale Preistabellen in wenigen Minuten ohne Programmierung hinzufügen können.

Ich beginne gerne mit SeedProd, weil es Ihnen nicht nur eine Tabelle bietet. Sie können einen ganzen Preisbereich mit Testimonials, Countdown-Timern und Call-to-Action-Schaltflächen erstellen, die tatsächlich zu Anmeldungen führen.

Hier erfahren Sie, wie Sie eine neue Preisseite in WordPress mit SeedProd einrichten.

Um loszulegen, laden Sie SeedProd herunter und installieren Sie es auf Ihrer WordPress-Website.

Navigieren Sie dann zu SeedProd " Einstellungen und geben Sie Ihren Lizenzschlüssel ein.

Überprüfen Sie Ihren seedprod-Lizenzschlüssel

Schritt 1. Erstellen Sie eine neue Landing Page

Nachdem Sie SeedProd installiert und aktiviert haben, gehen Sie zu SeedProd " Seiten und erstellen Sie eine neue Landing Page.

eine neue Landing Page erstellen

Eine vollständige Anleitung finden Sie in dieser Schritt-für-Schritt-Anleitung zur Erstellung einer Landing Page mit SeedProd.

Die Anleitung erklärt alle Schritte, einschließlich der Auswahl einer Landing Page-Vorlage, aller Einstellungen von SeedProd und mehr. Wenn Sie eine Seite erstellt haben, kommen Sie hierher zurück, um mehr über den Preistabellenblock von SeedProd zu erfahren.

Schritt 2. Hinzufügen eines vertikalen Preistabellenblocks

Nachdem Sie Ihre Preisseite mit SeedProd erstellt haben, können Sie den Preistabellenblock verwenden, um anpassbare Preisvergleichsspalten zu Ihrem Design hinzuzufügen.

Für dieses Beispiel haben wir eine vorgefertigte Vorlage gewählt und eine Zeile mit 3 Spalten für unsere Preistabelle hinzugefügt.

SeedProd Preisgestaltung Seitenvorlage

Um eine Preistabelle zu Ihrer Seite hinzuzufügen, wählen Sie den Block Preistabelle und ziehen Sie ihn auf Ihr Design. Wenn Sie eine dreispaltige vertikale Preistabelle haben möchten, wiederholen Sie diesen Schritt noch 2 Mal.

den WordPress-Block für die vertikale Preistabelle von seedprod hinzufügen

Jetzt können Sie auf das Einstellungssymbol auf jedem Tabellenblock klicken, um den Inhalt Ihrer Preistabelle anzupassen.

Zum Beispiel können Sie:

  • Bearbeiten Sie den Namen des Plans
  • Ändern Sie den Preis
  • Wählen Sie eine Währung
  • Einen regulären Preis hinzufügen
  • Eine Beschreibung einfügen
  • Liste der Merkmale hinzufügen
  • Mehrere CTA-Schaltflächen anzeigen

Auf der Registerkarte " Erweitert" können Sie außerdem Farbe, Schriftart, Symbole, Abstände, Schaltflächen, Hover-Effekte und vieles mehr für jede Tabelle anpassen. Dies ist eine hervorragende Möglichkeit, eine Preisstufe stärker hervorzuheben als die anderen und die Kunden zu ermutigen, diese Option zu wählen.

Erweiterte Einstellungen der SeedProd-Preistabelle

Bearbeiten Sie Ihre Preistabellen so lange, bis Sie mit ihrem Aussehen zufrieden sind. Klicken Sie dann auf die Schaltfläche Speichern , um Ihre Änderungen zu speichern.

Speichern Sie Ihre Änderungen an der Preisseite

Schritt 3. Veröffentlichen Sie Ihre Preisseite

Die Veröffentlichung Ihrer Preisseite mit SeedProd ist denkbar einfach. Wenn Sie mit Ihrem Design zufrieden sind, klicken Sie auf den Dropdown-Pfeil auf der Schaltfläche Speichern und dann auf Veröffentlichen.

Veröffentlichen Sie Ihre individuelle WordPress-Preisseite

Sie können nun auf die Schaltfläche Live-Seite anzeigen klicken, um zu sehen, wie Ihre neue WordPress-Preisseite aussieht.

benutzerdefinierte vertikale Preistabelle WordPress Preisseite mit seedprod gemacht

Hinzufügen einer Preistabelle zu WordPress Posts oder Seiten

Wenn Sie keine vollständige Landing Page benötigen, können Sie trotzdem eine vertikale Preistabelle direkt in einen WordPress-Beitrag oder eine Seite einfügen. Dies ist eine gute Option, wenn Sie nur Ihre Pläne innerhalb Ihres bestehenden Inhalts anzeigen möchten, ohne eine separate Seite zu erstellen.

Dazu verwenden Sie ein leichtes Preistabellen-Plugin, das direkt im WordPress-Editor funktioniert. Es ist schnell, anfängerfreundlich und Sie können Ihre Tabelle mit nur wenigen Klicks veröffentlichen.

So funktioniert es Schritt für Schritt.

Einfache Preistabellen WordPress-Plugin

Laden Sie zunächst Ihre Kopie von Easy Pricing Tables herunter und installieren und aktivieren Sie sie auf Ihrer WordPress-Website.

Hilfe zu diesem Schritt finden Sie in dieser Anleitung zur Installation eines WordPress-Plugins.

Sobald das Plugin auf Ihrer WordPress-Website aktiv ist, können Sie mit der Erstellung Ihrer Preistabelle beginnen.

Schritt 1. Erstellen Sie eine vertikale Preistabelle

Um eine vertikale Preistabelle in WordPress zu erstellen, navigieren Sie in Ihrem WordPress-Adminbereich zu Preistabellen " Neu hinzufügen.

Auf dem folgenden Bildschirm sehen Sie mehrere Preistabellenvorlagen, aus denen Sie wählen können. Die Tabellenstile reichen von einfachen kostenlosen Layouts bis hin zu komplexeren Vorlagen, die mit dem Premium-Preismodell verfügbar sind.

Wählen Sie eine vertikale Preistabelle WordPress-Vorlage

Klicken Sie auf eine beliebige Vorlage, um Ihr Design auszuwählen. Jetzt wird Ihre Vorlage im WordPress-Editor geöffnet und Sie können sie anpassen.

Starten Sie Ihr WordPress-Design mit vertikaler Preistabelle

Schritt 2. Anpassen Ihrer Preistabelle

Die Anpassung Ihrer Vorlage ist mit dem visuellen Editor ganz einfach. Sie können auf eine beliebige Stelle in der Tabelle klicken, um die Tabellenüberschriften, Zwischenüberschriften, Preise, Funktionen und vieles mehr zu bearbeiten.

Anpassen Ihrer vertikalen Preistabelle in WordPress

Und in der Einstellungsleiste am oberen Bildschirmrand können Sie das tun:

  • Ändern Sie die Ausrichtung für Zeilen und Spalten
  • Eine neue Spalte hinzufügen
  • Festlegen, welche Spalte am beliebtesten ist
  • Spalten nach links oder rechts verschieben
  • Schriftgrößen der Spalten ändern
  • Und mehr

Außerdem können Sie die Hintergrundfarben, Schaltflächen und Akzentfarben im Einstellungsbereich der Preistabelle auf der rechten Seite anpassen.

Sie können zum Beispiel die Akzentfarbe ändern, um Ihren besten Preisplan hervorzuheben. Und im Abschnitt " Sonstige Einstellungen" können Sie die Schaltflächen Ihrer Preistabelle ein- oder ausblenden.

Ändern Sie die Farben Ihrer Preistabelle

Wenn Sie mit dem Aussehen Ihrer Preistabelle zufrieden sind, klicken Sie auf die Schaltfläche Aktualisieren in der oberen rechten Ecke des Bildschirms, um Ihre Änderungen zu speichern.

Schritt 3. Veröffentlichen Sie Ihre Preistabelle

Es gibt 2 Möglichkeiten, Ihre responsive Preistabelle mit diesem Plugin zu veröffentlichen.

Sie können entweder:

  • Kopieren Sie den Shortcode für die Preistabelle und fügen Sie ihn ein
  • Verwenden Sie den WordPress-Block Easy Pricing Tables

Um Ihre Preistabelle mit dem WordPress-Block-Editor hinzuzufügen, erstellen oder bearbeiten Sie einfach einen WordPress-Beitrag oder eine Seite. Klicken Sie dann auf das Plus-Symbol (+), um einen neuen WordPress-Block hinzuzufügen.

Geben Sie in das Suchfeld den Begriff "Preise" ein, um die Ergebnisse des Blocks zu filtern. Die von Ihnen erstellte Preistabelle sollte automatisch in einen Block umgewandelt werden. 

Wählen Sie die einfache Preisgestaltung Tabellen WordPress gutenburg Block

Klicken Sie auf Ihre Preistabelle, um sie zu Ihrer Seite hinzuzufügen und eine Vorschau zu sehen, wie sie aussieht. Jetzt können Sie auf die Schaltfläche Veröffentlichen klicken, um Ihre Seite zu aktivieren.

Veröffentlichen Sie Ihre vertikale Preistabelle in WordPress

Wenn Sie den klassischen WordPress-Editor verwenden, gehen Sie alternativ in Ihrem WordPress-Dashboard zu Preistabellen " Alle Tabellen. Kopieren Sie dann den Shortcode neben der Preistabelle, die Sie im vorherigen Schritt erstellt haben.

Kopieren Sie den Shortcode für einfache Preistabellen

Erstellen oder bearbeiten Sie dort den Beitrag oder die Seite, zu der Sie Ihre Preistabelle hinzufügen möchten. Fügen Sie dann Ihren Shortcode in den WordPress-Editor ein.

Fügen Sie den Shortcode für einfache Preistabellen in den klassischen WordPress-Editor ein

Veröffentlichen oder aktualisieren Sie nun Ihre Seite, um die Ergebnisse zu sehen.

Veröffentlicht Easy Pricing Tables vertikale Preistabelle WordPress

FAQs zur vertikalen Preistabelle

Was ist eine vertikale Preistabelle?

Eine vertikale Preistabelle ist eine grafische Darstellung, die verschiedene Preisstufen für ein Produkt oder eine Dienstleistung in einem vertikalen Format anzeigt. Jede Zeile oder jeder Abschnitt enthält in der Regel Merkmale, Vorteile und Kosten, die mit jeder Preisstufe verbunden sind.

Wie viele Stufen sollte meine vertikale Preistabelle haben?

Auf diese Frage gibt es keine allgemeingültige Antwort. Die Anzahl der Stufen hängt von Ihrem Geschäftsmodell und Ihrem Angebot ab. In den meisten Preistabellen sind jedoch drei bis fünf Stufen üblich.

Welche Informationen sollten in eine vertikale Preistabelle aufgenommen werden?

Die wichtigsten Informationen, die Sie angeben sollten, sind die Kosten für jede Stufe, was in jeder Stufe enthalten ist und die Unterschiede zwischen den Stufen. Sie können auch die Bedingungen des Dienstes angeben, z. B. den Abrechnungszyklus (monatlich, jährlich usw.), die Rückerstattungsrichtlinien und alle besonderen Funktionen oder Boni.

Sollte ich eine empfohlene Preisstufe hervorheben?

Ja, es ist oft eine gute Idee, eine empfohlene Stufe hervorzuheben. Dies kann den Kunden bei der Entscheidungsfindung helfen, insbesondere wenn diese Stufe für die meisten Nutzer den besten Wert bietet.

Was ist der Unterschied zwischen vertikalen und horizontalen Preistabellen?

Der Hauptunterschied ist die Ausrichtung. In einer vertikalen Preistabelle werden die verschiedenen Preisstufen vertikal von oben nach unten dargestellt. In einer horizontalen Preistabelle werden sie Seite an Seite dargestellt.

Da haben Sie es!

Sie wissen nun, wie Sie eine vertikale Preistabelle in WordPress erstellen können, ohne eine einzige Zeile Code zu schreiben. Wir hoffen, dass dieser Artikel Ihnen geholfen hat, die beste Preistabellenlösung für Ihr Unternehmen zu finden.

Wenn Sie schon einmal hier sind, möchten Sie vielleicht erfahren , wie Sie Facebook-Veranstaltungen in WordPress einbetten können.

Vielen Dank für die Lektüre. Wenn Ihnen dieser Artikel gefallen hat, folgen Sie uns bitte auf YouTube, Twitter und Facebook, um weitere hilfreiche Inhalte zum Ausbau Ihres Unternehmens zu erhalten.

Autorenavatar
Stacey Corrin Autorin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.

Offenlegung: Unser Inhalt wird von den Lesern unterstützt. Das heißt, wenn Sie auf einige unserer Links klicken, erhalten wir möglicherweise eine Provision. Wir empfehlen nur Produkte, von denen wir glauben, dass sie einen Mehrwert für unsere Leser darstellen.