Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man schöne Preistabellen in WordPress hinzufügt (ohne Code)

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Möchten Sie Ihrer WordPress-Website schöne Preistabellen hinzufügen?

Preistabellen haben einen großen Einfluss darauf, wie Nutzer ihre Kaufentscheidungen treffen. Wenn Sie schöne Preistabellen hinzufügen, die leicht zu scannen sind, können die Nutzer das richtige Produkt auswählen. Dies hilft Ihnen, Ihre Konversionen zu steigern und den Umsatz zu erhöhen.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach schöne Preistabellen in WordPress hinzufügen können, ohne Code schreiben zu müssen.

How to Add Beautiful Pricing Tables in WordPress (No Code)

Warum Preistabellen mit einem WordPress-Plugin hinzufügen?

Es gibt zwei Möglichkeiten, neue Funktionen zu Ihrer WordPress-Website hinzuzufügen. Sie können sie manuell programmieren, indem Sie Code verwenden, oder Sie können ein WordPress-Plugin verwenden.

Wenn Sie mit HTML und CSS vertraut sind, können Sie eine Preistabelle mit Hilfe von Code erstellen. Die erforderlichen Programmier- und Designkenntnisse sind nicht besonders fortgeschritten, und Sie haben die vollständige Kontrolle über das Design der Tabelle.

Das Schreiben und Testen des Codes wird jedoch Zeit in Anspruch nehmen. Und Sie müssen auch Ihre Nutzer berücksichtigen, die mobile Geräte oder unterschiedliche Webbrowser verwenden. Es kann sein, dass Sie am Ende eine unattraktive Preistabelle haben, die nicht für alle Ihre Nutzer gut aussieht.

Die Verwendung eines WordPress-Plugins ist schneller und einfacher, und es ist die beste Lösung, wenn Sie keine Erfahrung im Design oder in der Programmierung haben.

Schauen wir uns nun an, wie man in WordPress schöne Preistabellen hinzufügen kann, ohne Code zu schreiben. Wir werden zwei verschiedene WordPress-Plugins vorstellen, und Sie können dasjenige auswählen, das für Sie geeignet ist:

Methode 1: Schöne Preistabellen mit Easy Pricing Tables hinzufügen

Mit dieser Methode können Sie Preistabellen zu einer bestehenden Seite oder einem Beitrag hinzufügen. Wenn Sie den Rest der Seite anpassen müssen, sollten Sie stattdessen Methode 2 verwenden.

Zunächst müssen Sie das Easy Pricing Tables-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Für dieses Tutorial werden wir das kostenlose Plugin verwenden. Es gibt auch ein Premium-Plugin, das mehr Funktionen bietet und bei 49 $ für eine Einzelplatzlizenz beginnt. Sie benötigen die Premium-Version, wenn Sie auf zusätzliche Vorlagen zugreifen, Bilder hinzufügen oder die Tabelle mit WooCommerce integrieren möchten.

Schritt 1: Erstellen der Preistabelle

Rufen Sie nach der Aktivierung die Seite Preistabellen “ Neu hinzufügen in der WordPress-Admin-Seitenleiste auf.

Hier werden Sie gefragt, wo Sie Ihre Tabelle zu Ihrer Website hinzufügen möchten. Wählen Sie einfach die Option „Neue Seite mit Preistabelle“.

Choose where you want to add the pricing table

Dadurch wird eine neue Preisseite im WordPress-Block-Editor geöffnet, auf der die Aufforderung „Wählen Sie eine Vorlage“ angezeigt wird.

Wählen Sie hier ein Design Ihrer Wahl aus, um die Preistabellen auf Ihrer WordPress-Seite einzubetten.

Choose pricing table template

Schritt 2: Anpassen der Preistabelle

Die Anpassung der Preistabelle ist denkbar einfach. Sie können zum Beispiel damit beginnen, die Überschriften für die Preispläne zu ändern.

Danach können Sie auf die Tabelle klicken, um Zwischenüberschriften, Merkmale, Preise und mehr hinzuzufügen.

Edit pricing table

Mit der Blocksymbolleiste am oberen Rand des Tabellenblocks können Sie eine neue Spalte hinzufügen, die Ausrichtung von Zeilen und Spalten ändern, die Spalten neu anordnen und ihre Größe ändern.

In Preistabellen wird häufig ein Tarif als „besonders hervorgehoben“ oder „am beliebtesten“ gekennzeichnet. Wählen Sie dazu die Spalte aus, die Sie hervorheben möchten, und klicken Sie dann auf das Sternsymbol in der Symbolleiste.

Sie können auch das Erscheinungsbild der Tabelle nach Ihren Wünschen über die Blockleiste in der rechten Ecke des Bildschirms ändern.

Sie können zum Beispiel die Akzentfarbe ändern, um den besten Preisplan hervorzuheben, oder die Farbe der Schaltfläche am unteren Rand der Tabelle ändern.

Change accent color in the pricing table

Sie können auch auf die Schaltflächen klicken, um ihre Bezeichnungen zu bearbeiten.

Danach können Sie den Feldern eine Bezeichnung und eine URL Ihrer Wahl hinzufügen.

Add button label and URL

Schritt 3: Veröffentlichung der Preistabelle

Um die Preistabelle auf Ihrer WordPress-Website zu veröffentlichen, klicken Sie einfach auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“ in der oberen rechten Ecke des Bildschirms.

Sie können auch auf den Link „Vorschau“ klicken, um Ihre Seite zu sehen, bevor Sie sie auf Ihrer Website veröffentlichen.

Save and publish pricing page

Jetzt können Sie Ihre Website besuchen, um das Endergebnis zu sehen.

pricing table preview

Methode 2: Hinzufügen schöner Preistabellen mit einem Page Builder

Diese Methode eignet sich am besten, wenn Sie die vollständige Kontrolle über die Gestaltung Ihrer Preisseite haben möchten.

Zunächst müssen Sie das SeedProd-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

SeedProd ist ein Drag-and-Drop-WordPress-Seiten-Builder für Unternehmen, Blogger und Website-Besitzer und die beste Wahl für die Erstellung von hochkonvertierenden Preisseiten. Sie benötigen den Pro- oder Elite-Plan, um auf den Preistabellenblock zuzugreifen, den wir in diesem Tutorial verwenden.

Gehen Sie nach der Aktivierung auf die Seite SeedProd “ Einstellungen, um Ihren Plugin-Lizenzschlüssel einzugeben. Sie finden diese Informationen unter Ihrem Konto auf der SeedProd-Website.

Enter your SeedProd license key

Nachdem Sie Ihren Lizenzschlüssel eingegeben haben, erstellen wir zunächst eine neue Landing Page und fügen dann einen Preistabellenblock hinzu.

Erstellen einer neuen Landing Page

Um die Landing Page für Ihre Preistabelle zu erstellen, gehen Sie zu SeedProd “ Landing Pages und klicken Sie dann auf die Schaltfläche „Create a New Landing Page“.

Add a New SeedProd Landing Page

Auf dem nächsten Bildschirm werden Sie aufgefordert, ein Landing Page-Thema auszuwählen. SeedProd enthält Dutzende von schönen Landing Page-Vorlagen, die übersichtlich für verschiedene Kampagnentypen organisiert sind.

Klicken Sie einfach darauf, um eine Vorlage auszuwählen, die Sie als Ausgangspunkt verwenden möchten.

Select a SeedProd Landing Page Template

Wie Sie die Seite anpassen und neue Blöcke hinzufügen können, erfahren Sie in unserer Anleitung zum Erstellen einer Landing Page mit WordPress. Wenn Sie bereit sind, fügen wir die Preistabelle hinzu.

Hinzufügen einer Preistabelle

Zunächst müssen Sie einige Spalten hinzufügen, damit Sie Platz für die Blöcke der Preistabelle haben. Sie können den Block „Spalte“ auf die Seite ziehen und dann genügend Spalten auswählen, um Ihre Preise anzuzeigen. Für dieses Tutorial werden wir drei Spalten auswählen.

Start by Adding a Column Block to Your Landing Page

Danach müssen Sie den Block „Preistabelle“ suchen und ihn auf die Worte „Neuen Block hierher ziehen“ in jede der gerade erstellten Zellen ziehen.

Für diese Übung müssen Sie den Block dreimal auf die Seite ziehen, einmal für jede Spalte.

Add a SeedProd Pricing Table Block to Each Column

Um eine Preistabelle zu bearbeiten, klicken Sie sie einfach an.

Sie können nun die Einstellungen auf der Registerkarte Inhalt verwenden, um den Namen des Plans zu bearbeiten und den Namen Ihres Produkts oder Ihrer Dienstleistung einzugeben. Sie können auch den Preis und die Währung ändern, den Preis hinzufügen, den der Artikel normalerweise kostet, wenn er nicht im Angebot ist, und vieles mehr.

Customize Your Pricing Table Blocks Using the Content Tab

Danach müssen Sie auf die Registerkarte „Erweitert“ wechseln, um die Schriftart und -größe, die Farbe und Größe der Schaltflächen, die Abstände, die Hover-Effekte und vieles mehr anzupassen.

Sie können zum Beispiel eine Preisstufe stärker hervorheben als andere, um Ihre Nutzer zu ermutigen, diese Option zu wählen.

Customize Your Pricing Table Blocks Using the Advanced Tab

Veröffentlichung der Preistabelle

Wenn Sie mit Ihrer Landing Page und den Preistabellen zufrieden sind, ist es an der Zeit, sie zu veröffentlichen.

Klicken Sie einfach auf den Dropdown-Pfeil der Schaltfläche „Speichern“ und dann auf „Veröffentlichen“.

Publish Your SeedProd Landing Page

Sie erhalten eine Benachrichtigung, dass Ihre Seite veröffentlicht wurde.

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

SeedProd Pricing Table Preview

Bonus: Steigern Sie die Konversionen auf der Preisseite

Sobald Sie eine attraktive Preisseite erstellt haben, ist es wichtig, diese für Konversionen zu optimieren und die Nutzer zu einem Kauf zu ermutigen.

Zu diesem Zweck können Sie neuen Nutzern Rabatte auf einen bestimmten Preisplan anbieten. Dies kann als Anreiz dienen und die Nutzer motivieren.

Um einen Rabattcoupon zu erstellen, empfehlen wir die Verwendung des Plugins Advanced Coupons. Details finden Sie in unserem Tutorial zur Erstellung von intelligenten Coupons in WooCommerce.

Is Advanced Coupons the right coupon plugin for your WooCommerce store or WordPress website?

Ein weiterer Tipp, um die Verkäufe auf Ihrer Preisseite anzukurbeln, besteht darin, ein Gefühl der Dringlichkeit zu schaffen. Dies kann bei den Nutzern FOMO hervorrufen und sie zum Handeln anregen.

Sie können dies tun, indem Sie Countdown-Timer hinzufügen, limitierte Produkte anbieten, zeitlich begrenzte Rabatte gewähren und vieles mehr.

Zusätzlich können Sie TrustPulse verwenden, das beste WordPress-Plugin für sozialen Nachweis auf dem Markt.

Is TrustPulse the best social proof plugin for WordPress?

Es zeigt Live-Kundenaktivitäten auf Ihrer Website wie Käufe und Anmeldungen an, um die Konversionen zu erhöhen. Weitere Tipps finden Sie in unserem Tutorial, wie Sie die Konversionen auf der Preisseite um 30 % steigern können.

Wir hoffen, dass dieses Tutorial Ihnen dabei geholfen hat, zu lernen, wie Sie in WordPress schöne Preistabellen einfügen können, ohne dass Sie dafür programmieren müssen. Vielleicht möchten Sie auch erfahren, wie Sie eine WordPress-Mitgliedswebsite erstellen oder sich unsere Liste der wichtigsten WordPress-Plugins für Business-Websites ansehen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

9 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Moinuddin Waheed says

    Pricing table is a must have feature for any website that is making an online sale of products and services.
    Having a good looking, informative and call to action pricing table helps make quick purchase decision.
    it also helps make a comparison of different available options for some tweak of the costs, thus helps make informed decisions regarding the plan that best suits the need.

  3. Anika says

    Hi
    I want to make pricing table and add buy now button, on clicking on the buy now button wordpress admin will get an email notification of the plan choosed by the user
    Is it possible with this plugin

  4. Alex says

    I’ve created a really nice price table, which i can preview in table editing, but when I copied the ‚deployed‘ text into the wanted webpage, nothing shows up. In page editing the deployed text is just written and in preview the page is blank :(

    So 2 questions: 1) where do you insert the deployed text? 2) after copying the text how do you activate it, so it is visible on the webpage?

    Thanks!

  5. Donna Heath says

    I don’t sell anything. I want to do reveiws on animal products and thus get advertisers. But, I am having a hard time gettig my followers numbers up. Should I go ahead write the reviews and contact the companies and ask for them to advertise on my page for a fee. When they say yes, hopeful thinking, how do I put advertisements on my site?

  6. Allan Jackson says

    This plugin sounds good but a bit pricey to my mind. Elementor does the same thing and much, much more for $45. I guess this would work if you couldn’t use a page builder for some reason.

  7. Farukh hussain says

    This is a very useful article for me. I was just finding some way to make these tables. Thanx for sharing.

  8. Krishna says

    Please make a tutorial video on how to make left navigation bar or WordPress custom page .just like any tutorial website like w3school . threy have a beautiful navigation sidebar on their website . I want this feature in WordPress website too.please do fast and notify me via email

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.