{"id":519,"date":"2025-01-12T20:14:32","date_gmt":"2025-01-12T20:14:32","guid":{"rendered":"https:\/\/tableberg.com\/?p=519"},"modified":"2025-01-12T20:14:35","modified_gmt":"2025-01-12T20:14:35","slug":"wie-man-eine-preistabelle-in-wordpress-erstellt","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-create-a-pricing-table-in-wordpress\/","title":{"rendered":"Wie man eine Preistabelle im WordPress Block Editor erstellt"},"content":{"rendered":"<p>Eine Preistabelle ist eine gut strukturierte Darstellung von Produkten und Dienstleistungen mit den entsprechenden Preisen und Merkmalen. Sie erm\u00f6glicht es den Kunden, verschiedene Preispl\u00e4ne zu vergleichen und den f\u00fcr sie passenden auszuw\u00e4hlen.<\/p>\n\n\n\n<p>Die <a href=\"https:\/\/tableberg.com\/de\/wie-man-den-wordpress-tabellenblock-verwendet\/\" data-type=\"post\" data-id=\"326\" target=\"_blank\" rel=\"noreferrer noopener\">Standard-WordPress-Tabellenblock<\/a> fehlt es an vielen erweiterten Funktionen. Sie k\u00f6nnen damit keine umfassenden Preistabellen erstellen. Sie ben\u00f6tigen ein Tabellenerstellungs-Plugin wie Tableberg, um beeindruckende Preistabellen zu erstellen.<\/p>\n\n\n\n<p>Auch mit der kostenlosen Version k\u00f6nnen Sie umsatzorientierte Preistabellen erstellen. In diesem Artikel zeigen wir Ihnen, wie Sie mit dem Tableberg-Plugin eine Preistabelle in WordPress erstellen k\u00f6nnen.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Methode 1<\/strong>: <a href=\"#Choosing-a-Pricing-Table-Template\">Auswahl einer Preistabellenvorlage<\/a><\/li>\n\n\n\n<li><strong>Methode 2<\/strong>: <a href=\"#Creating-a-Pricing-Table-from-the-Scratch\">Erstellen einer Preistabelle von Grund auf<\/a><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Sch\u00f6ne Tische erstellen <\/strong><br><strong>Mit Block-Editor<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Kostenlos ausprobieren<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/de\/preisgestaltung\/\" target=\"_blank\" rel=\"noreferrer noopener\">Profi werden<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Choosing-a-Pricing-Table-Template\">Auswahl einer Preistabellenvorlage<\/h2>\n\n\n\n<p>Das Tableberg-Plugin wird mit einigen <a href=\"https:\/\/tableberg.com\/de\/pricing-tables-demo\/\" target=\"_blank\" rel=\"noreferrer noopener\">Vorgefertigte Preistabellenvorlagen<\/a>. Sie k\u00f6nnen sofort loslegen, indem Sie eine dieser Vorlagen ausw\u00e4hlen. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 1: Installieren und Aktivieren des Tableberg-Plugins<\/h3>\n\n\n\n<p>Gehe zu <strong>Plugins &gt; Neues Plugin hinzuf\u00fcgen<\/strong>. Typ <strong>Tischberg<\/strong> in das Suchfeld ein. <strong>Installieren Sie<\/strong> und <strong>aktivieren.<\/strong> das Plugin, nachdem es unten erscheint.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-1024x481.png\" alt=\"\" class=\"wp-image-2583\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-1024x481.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-300x141.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-768x361.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-1536x722.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-2048x963.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-18x8.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 2: F\u00fcgen Sie den Tableberg-Block zu Ihrem Beitrag oder Ihrer Seite hinzu<\/h3>\n\n\n\n<p>\u00d6ffnen Sie den Beitrag oder die Seite, auf der Sie die Preistabelle erstellen m\u00f6chten. Klicken Sie auf das Symbol + und suchen Sie nach \"Tableberg\". Klicken Sie auf den Tableberg-Block, um ihn einzuf\u00fcgen.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"721\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1024x721.png\" alt=\"\" class=\"wp-image-2589\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1024x721.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-300x211.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-768x541.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1536x1081.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-2048x1442.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 3: W\u00e4hlen Sie einen vorgefertigten Tisch<\/h3>\n\n\n\n<p>Wenn Sie wollen, k\u00f6nnen Sie jetzt eine Tabelle von Grund auf neu erstellen. Ich werde das sp\u00e4ter zeigen.<\/p>\n\n\n\n<p>Schauen wir uns zuerst die vorgefertigte Option an. Nachdem Sie den Tableberg-Block eingef\u00fcgt haben, klicken Sie einfach auf \"Vorgefertigte Tabellen\". <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"650\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Tables-Tableberg-1024x650.png\" alt=\"\" class=\"wp-image-2592\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Tables-Tableberg-1024x650.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Tables-Tableberg-300x190.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Tables-Tableberg-768x488.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Tables-Tableberg-1536x975.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Tables-Tableberg-2048x1300.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Tables-Tableberg-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Es wird eine Musterbibliothek angezeigt. W\u00e4hlen Sie den Abschnitt \"Preistabelle\" und w\u00e4hlen Sie eine Preistabellenvorlage. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"841\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-a-Pre-Built-Table-1024x841.png\" alt=\"\" class=\"wp-image-2593\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-a-Pre-Built-Table-1024x841.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-a-Pre-Built-Table-300x246.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-a-Pre-Built-Table-768x630.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-a-Pre-Built-Table-1536x1261.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-a-Pre-Built-Table-2048x1681.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-a-Pre-Built-Table-15x12.png 15w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Die Tabelle wird in den Editor eingef\u00fcgt. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"625\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Table-inserted-1024x625.png\" alt=\"\" class=\"wp-image-2594\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Table-inserted-1024x625.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Table-inserted-300x183.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Table-inserted-768x469.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Table-inserted-1536x938.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Table-inserted-2048x1251.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Table-inserted-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 4: Anpassen der Tabelle<\/h3>\n\n\n\n<p>W\u00e4hlen 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\u00f6nnen Sie die Tabelle anpassen. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"600\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-Table-1024x600.png\" alt=\"\" class=\"wp-image-2595\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-Table-1024x600.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-Table-300x176.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-Table-768x450.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-Table-1536x899.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-Table-2048x1199.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-Table-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Creating-a-Pricing-Table-from-the-Scratch\">Erstellen einer Preistabelle von Grund auf<\/h2>\n\n\n\n<p>Sie k\u00f6nnen auch eine Tabelle von Grund auf neu erstellen. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 1: W\u00e4hlen Sie die Anzahl der Spalten und Zeilen<\/h3>\n\n\n\n<p>Nachdem Sie den Tableberg-Block eingef\u00fcgt haben, legen Sie seine Zeilen- und Spaltenzahl fest. Sie k\u00f6nnen jedoch die Anzahl der Zeilen und Spalten nach dem Erstellen der Tabelle nach Bedarf erh\u00f6hen oder verringern. Im Moment w\u00e4hlen wir jedoch eine 4*4 Zeile und Spalte.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-1024x522.png\" alt=\"Festlegen der Zeilen- und Spaltennummer\" class=\"wp-image-176\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Wenn Sie viele Inhalte hinzuf\u00fcgen, ben\u00f6tigen Sie m\u00f6glicherweise mehr Platz innerhalb der Tabellenzellen. Daher ist es besser, wenn Sie die Tabellenbreite erh\u00f6hen. W\u00e4hlen Sie die gesamte Tabelle aus, indem Sie dreimal auf das TableBerg-Symbol in der Symbolleiste klicken.<\/p>\n\n\n\n<p>Sie erhalten die <strong>Registerkarte Einstellungen<\/strong> die in der rechten Seitenleiste angezeigt wird. Unter der Tabelle mit den Einstellungen finden Sie die <strong>Tabelle Breite<\/strong> Option. Erh\u00f6hen Sie die Breite nach Bedarf.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-table-width.webp\" alt=\"Vergr\u00f6\u00dfern Sie die Breite der Tabelle\" class=\"wp-image-520\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-table-width.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-table-width-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-table-width-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-table-width-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 2: Hinzuf\u00fcgen von Titeln zu den Tabellenspalten<\/h3>\n\n\n\n<p>F\u00fcgen Sie den Tabellenspalten geeignete Titel hinzu. Angenommen, wir erstellen eine Preistabelle f\u00fcr ein Webhosting-Unternehmen. In der Tabelle gibt es vier Preispl\u00e4ne. Der Spaltentitel wird also lauten <strong>Economy, Deluxe, Ultimate,<\/strong> und <strong>Maximum<\/strong>.<\/p>\n\n\n\n<p>Sie k\u00f6nnen den Titeltext und seine Hintergrundfarbe auf der entsprechenden Registerkarte in der rechten Seitenleiste anpassen. Sie k\u00f6nnen auch die Typografie und die Gr\u00f6\u00dfe des Textes erh\u00f6hen.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-titles-to-the-pricing-table-columns.webp\" alt=\"Titel zu den Spalten der Preistabelle hinzuf\u00fcgen\" class=\"wp-image-522\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-titles-to-the-pricing-table-columns.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-titles-to-the-pricing-table-columns-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-titles-to-the-pricing-table-columns-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-titles-to-the-pricing-table-columns-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 3: F\u00fcgen Sie Preise und Rabatts\u00e4tze zu den Spalten der Preistabelle hinzu<\/h3>\n\n\n\n<p>F\u00fcgen Sie zun\u00e4chst die Preise der Pl\u00e4ne in die jeweiligen Spalten ein. Wir haben die Preistexte fett, etwas gr\u00f6\u00dfer und in Blau eingef\u00e4rbt.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-prices-to-the-pricing-table.webp\" alt=\"Preise zur Preistabelle hinzuf\u00fcgen\" class=\"wp-image-523\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-prices-to-the-pricing-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-prices-to-the-pricing-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-prices-to-the-pricing-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-prices-to-the-pricing-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>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 <strong>Eingabetaste<\/strong> auf Ihrer Tastatur.<\/p>\n\n\n\n<p>Geben Sie anschlie\u00dfend die gew\u00fcnschten Rabatts\u00e4tze in die entsprechenden Spalten ein. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-discount-rates.webp\" alt=\"Rabatts\u00e4tze hinzuf\u00fcgen\" class=\"wp-image-524\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-discount-rates.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-discount-rates-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-discount-rates-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-discount-rates-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Wir werden nun den Diskontsatz hervorheben, damit er besser sichtbar wird. <strong>W\u00e4hlen Sie den Diskontsatz<\/strong> Textbereich mit Ihrem Cursor. Klicken Sie auf die <strong>Mehr Optionen<\/strong> in der Symbolleiste. W\u00e4hlen Sie die <strong>Option hervorheben<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-the-discount-rate-text-in-the-pricing-table.webp\" alt=\"W\u00e4hlen Sie den Text des Rabattsatzes in der Kalkulationstabelle aus.\" class=\"wp-image-525\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-the-discount-rate-text-in-the-pricing-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-the-discount-rate-text-in-the-pricing-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-the-discount-rate-text-in-the-pricing-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-the-discount-rate-text-in-the-pricing-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Verwenden Sie einen Hintergrund-Highlighter f\u00fcr den Text des Rabattsatzes. Wir haben den Farbcode angewendet <strong>#fcdc4b<\/strong> im Hintergrund des Diskontsatzes in der Preistabelle.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-the-discount-rate-text.webp\" alt=\"Verwenden Sie einen Hintergrund-Highlighter f\u00fcr den Text des Diskontsatzes\" class=\"wp-image-526\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-the-discount-rate-text.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-the-discount-rate-text-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-the-discount-rate-text-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-the-discount-rate-text-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Wenden Sie das gleiche Verfahren auf jede Spalte in den jeweiligen Bereichen an.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-all-the-discount-text.webp\" alt=\"Verwenden Sie einen Hintergrund-Highlighter f\u00fcr den gesamten Rabatttext\" class=\"wp-image-527\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-all-the-discount-text.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-all-the-discount-text-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-all-the-discount-text-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-all-the-discount-text-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Wenn es besondere Hinweise zu den Pl\u00e4nen gibt, m\u00fcssen Sie diese im Preisbereich angeben. Sehen Sie, wir haben es mit dem ersten Klammerzeichen gemacht.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-special-notes-to-the-pricing-plans.webp\" alt=\"Besondere Hinweise zu den Preispl\u00e4nen hinzuf\u00fcgen\" class=\"wp-image-528\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-special-notes-to-the-pricing-plans.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-special-notes-to-the-pricing-plans-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-special-notes-to-the-pricing-plans-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-special-notes-to-the-pricing-plans-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Schritt 4: CTA-Schaltfl\u00e4chen zur Tabelle hinzuf\u00fcgen<\/h4>\n\n\n\n<p>Durch das Hinzuf\u00fcgen von CTA-Schaltfl\u00e4chen k\u00f6nnen Sie die Nutzer nicht zum Kauf Ihrer Produkte bewegen. W\u00e4hlen Sie die Zelle aus, zu der Sie die CTA-Schaltfl\u00e4che hinzuf\u00fcgen m\u00f6chten. Dr\u00fccken Sie die <strong>Plus-Symbol (+)<\/strong> auf die Zelle und w\u00e4hlen Sie die <strong>CTA-Schaltfl\u00e4che<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-the-button-block-to-the-TableBerg-tables.png\" alt=\"F\u00fcgen Sie den Schaltfl\u00e4chenblock zu den TableBerg-Tabellen hinzu\" class=\"wp-image-529\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-the-button-block-to-the-TableBerg-tables.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-the-button-block-to-the-TableBerg-tables-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-the-button-block-to-the-TableBerg-tables-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-the-button-block-to-the-TableBerg-tables-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Auf diesen Teil gehen wir nicht in allen Einzelheiten ein. Alles, was Sie hier tun m\u00fcssen, ist, einen \u00fcberzeugenden CTA-Text f\u00fcr jede Schaltfl\u00e4che zu schreiben. Verkn\u00fcpfen Sie die Schaltfl\u00e4chen mit der Kassenseite. F\u00fcgen Sie Hintergrund- und Textfarben f\u00fcr die Schaltfl\u00e4chen hinzu.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-CTA-buttons.png\" alt=\"Anpassen der CTA-Schaltfl\u00e4chen\" class=\"wp-image-530\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-CTA-buttons.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-CTA-buttons-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-CTA-buttons-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-CTA-buttons-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 5: Merkmale zur Preistabelle hinzuf\u00fcgen<\/h3>\n\n\n\n<p>Schlie\u00dflich m\u00fcssen Sie alle Merkmale Ihrer Produkte und Dienstleistungen auf der Grundlage der jeweiligen Preispl\u00e4ne auflisten. Wenn es besondere W\u00f6rter gibt, die Sie hervorheben m\u00f6chten, k\u00f6nnen Sie sie fett drucken.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/List-features-to-the-pricing-tables.webp\" alt=\"Auflistung der Merkmale in den Preistabellen\" class=\"wp-image-531\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/List-features-to-the-pricing-tables.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/List-features-to-the-pricing-tables-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/List-features-to-the-pricing-tables-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/List-features-to-the-pricing-tables-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 6: Vorschau der Preistabelle<\/h3>\n\n\n\n<p>Bevor Sie die Preistabelle ver\u00f6ffentlichen, sollten Sie sie im Vorschaumodus ansehen, um zu pr\u00fcfen, ob es Fehler gibt. Wenn die Tabelle absolut sauber ist, k\u00f6nnen Sie sie live schalten.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Preview-the-Pricing-Table.webp\" alt=\"Vorschau der Preistabelle\" class=\"wp-image-532\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Preview-the-Pricing-Table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Preview-the-Pricing-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Preview-the-Pricing-Table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Preview-the-Pricing-Table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Schlussfolgerung<\/h3>\n\n\n\n<p>So k\u00f6nnen 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\u00f6nnen.<\/p>\n\n\n\n<p>Wenn Ihnen dieser Beitrag gef\u00e4llt, kommentieren Sie unten und teilen Sie uns Ihr Feedback mit. Werfen Sie einen Blick auf <a href=\"https:\/\/tableberg.com\/de\/wie-man-eine-vergleichstabelle-in-wordpress-erstellt\/\" target=\"_blank\" data-type=\"post\" data-id=\"252\" rel=\"noreferrer noopener\">wie man eine Vergleichstabelle in WordPress erstellt<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>A pricing table is a well-structured representation of products and services along with their corresponding prices and features. It allows customers to compare different pricing plans and choose the one that suits them. The default WordPress table block lacks many advanced features. You cannot create comprehensive price tables with it. You need a table builder [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6733,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[9],"class_list":["post-519","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/How-to-Create-a-Pricing-Table-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/de\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/519","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/comments?post=519"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/519\/revisions"}],"predecessor-version":[{"id":6735,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/519\/revisions\/6735"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/6733"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=519"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=519"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}