{"id":8698,"date":"2025-05-02T22:58:12","date_gmt":"2025-05-02T22:58:12","guid":{"rendered":"https:\/\/tableberg.com\/?p=8698"},"modified":"2025-05-04T10:00:53","modified_gmt":"2025-05-04T10:00:53","slug":"wie-man-einen-monatlichen-oder-jahrlichen-preiswechsel-in-wordpress-erstellt","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-create-a-monthly-yearly-pricing-toggle-in-wordpress\/","title":{"rendered":"Wie man ein monatliches\/j\u00e4hrliches Preisschild in WordPress erstellt"},"content":{"rendered":"

Die K\u00e4ufer von heute bewerten Optionen in Sekundenschnelle: Einige scannen die Preise, andere vergleichen die Funktionen, und viele diskutieren \u00fcber Monats- oder Jahrespl\u00e4ne. In diesem sekundenschnellen Entscheidungsumfeld wird das Design Ihrer Preistabelle zum entscheidenden Faktor f\u00fcr Konversionen.<\/p>\n\n\n\n

Wenn Sie eine Dienstleistung oder ein Abonnement anbieten, muss Ihre Preistabelle mehr leisten als nur Optionen aufzulisten, um Besucher in zahlende Kunden zu verwandeln. Sie sollte die Aufmerksamkeit lenken, Vergleiche unterst\u00fctzen und das bessere Angebot als die offensichtliche Wahl erscheinen lassen.<\/p>\n\n\n\n

Eine gut gestaltete Preistabelle mit einem monatlichen\/j\u00e4hrlichen Umschalter verwandelt eine Standardpreistabelle in etwas viel Dynamischeres und Benutzerorientierteres. Sie zeigt nicht nur Optionen an, sondern lenkt das Auge aktiv, hebt Einsparungen hervor und beseitigt Vergleichsschwierigkeiten.<\/p>\n\n\n\n

In diesem Leitfaden erfahren Sie, wie Sie in WordPress eine saubere monatliche und j\u00e4hrliche Preis\u00fcbersicht im Tabellenformat erstellen, die auf jedem Ger\u00e4t gut aussieht.<\/p>\n\n\n\n

<\/span>
\n

Monatliche\/j\u00e4hrliche Preisgestaltung Toggle<\/p>\n\n\n\n

Monatlich<\/p>\n <\/div>\n

J\u00e4hrlich<\/p>\n <\/div><\/nav>

\n
\n\t\t\t
\n\t\t\t\t<\/colgroup>\n\n\n\n\n
\n

Grundlegend<\/p>\n<\/div><\/th>\n\n

\n

Pro<\/p>\n<\/div><\/th>\n\n

\n

Enterprise<\/p>\n<\/div><\/th>\n<\/tr>

\n

F\u00fcr Einzelpersonen<\/p>\n<\/div><\/td>\n\n

\n

F\u00fcr Start-ups<\/p>\n<\/div><\/td>\n\n

\n

F\u00fcr gro\u00dfe Unternehmen<\/p>\n<\/div><\/td>\n<\/tr>

\n

$99\/Monat<\/p>\n<\/div><\/td>\n\n

\n

$199\/Monat<\/p>\n<\/div><\/td>\n\n

\n

$299\/Monat<\/p>\n<\/div><\/td>\n<\/tr>

\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Alle Analysefunktionen<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Bis zu 250.000 verfolgte Besuche<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Normale Unterst\u00fctzung<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Bis zu 3 Teammitglieder<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Alle Analysefunktionen<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Bis zu 1.000.000 verfolgte Besuche<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Premium-Unterst\u00fctzung<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Bis zu 10 Teammitglieder<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Alle Analysefunktionen<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Bis zu 5.000.000 verfolgte Besuche<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Engagierte Unterst\u00fctzung<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Bis zu 50 Teammitglieder<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n<\/tr>
Los geht's<\/div><\/div><\/div><\/td>\n\n
Los geht's<\/div><\/div><\/div><\/td>\n\n
Los geht's<\/div><\/div><\/div><\/td>\n<\/tr><\/tbody><\/table>\n\t\t\t<\/div>\n\t\t<\/div>\n\n
\n\t\t\t
\n\t\t\t\t<\/colgroup>\n\n\n\n\n
\n

Grundlegend<\/p>\n<\/div><\/th>\n\n

\n

Pro<\/p>\n<\/div><\/th>\n\n

\n

Enterprise<\/p>\n<\/div><\/th>\n<\/tr>

\n

F\u00fcr Einzelpersonen<\/p>\n<\/div><\/td>\n\n

\n

F\u00fcr Start-ups<\/p>\n<\/div><\/td>\n\n

\n

F\u00fcr gro\u00dfe Unternehmen<\/p>\n<\/div><\/td>\n<\/tr>

\n

$990\/Jahr<\/p>\n<\/div><\/td>\n\n

\n

$1990\/Jahr<\/p>\n<\/div><\/td>\n\n

\n

$2990\/Jahr<\/p>\n<\/div><\/td>\n<\/tr>

\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Alle Analysefunktionen<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Bis zu 250.000 verfolgte Besuche<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Normale Unterst\u00fctzung<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Bis zu 3 Teammitglieder<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Alle Analysefunktionen<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Bis zu 1.000.000 verfolgte Besuche<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Premium-Unterst\u00fctzung<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Bis zu 10 Teammitglieder<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Alle Analysefunktionen<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Bis zu 5.000.000 verfolgte Besuche<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Engagierte Unterst\u00fctzung<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Bis zu 50 Teammitglieder<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n<\/tr>
Los geht's<\/div><\/div><\/div><\/td>\n\n
Los geht's<\/div><\/div><\/div><\/td>\n\n
Los geht's<\/div><\/div><\/div><\/td>\n<\/tr><\/tbody><\/table>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n<\/div><\/div>\n\n\n

Gebaut mit Tableberg<\/a><\/p>\n<\/div><\/div>\n\n\n\n

\n\n\n\n

Hinzuf\u00fcgen eines monatlichen\/j\u00e4hrlichen Preiskippschalters in WordPress<\/strong><\/h2>\n\n\n\n

Da Sie nun wissen, wie ein Preisumschalter Vergleiche vereinfacht und den Wert hervorhebt, lassen Sie uns die Schritte zur Erstellung eines solchen mit dem Tableberg-Plugin durchgehen.<\/p>\n\n\n\n

Schritt 1: Installieren und Aktivieren von Tableberg<\/strong><\/h3>\n\n\n\n

Gehen Sie in Ihrem WordPress-Dashboard zu Plugins \u2192 Neu hinzuf\u00fcgen, suchen Sie nach Tableberg und klicken Sie auf Jetzt installieren, gefolgt von Aktivieren. Nach der Aktivierung finden Sie zwei neue Bl\u00f6cke im Editor: Tableberg und Toggle f\u00fcr Tableberg.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Schritt 2: Hinzuf\u00fcgen des Umschalters f\u00fcr den Tableberg-Block<\/strong><\/h3>\n\n\n\n

\u00d6ffnen Sie den Beitrag oder die Seite, auf der Sie Ihre Preistabelle platzieren m\u00f6chten. Klicken Sie auf das Plus-Symbol, suchen Sie nach Toggle for Tableberg, und f\u00fcgen Sie den Block ein. Er beginnt standardm\u00e4\u00dfig mit drei Registerkarten. Bewegen Sie den Mauszeiger \u00fcber eine beliebige Registerkarte, um sie zu entfernen, oder klicken Sie auf das Pluszeichen, um weitere hinzuzuf\u00fcgen. F\u00fcr diese Einrichtung behalten Sie nur zwei Registerkarten bei - eine f\u00fcr \"Monatlich\" und eine f\u00fcr \"J\u00e4hrlich\".<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Schritt 3: Konfigurieren Sie die Registerkarteneinstellungen<\/strong><\/h3>\n\n\n\n

Verwenden Sie bei ausgew\u00e4hltem Block das Einstellungsfeld auf der rechten Seite, um die Optionen Allgemein und Stil anzupassen.<\/p>\n\n\n\n

Benennen Sie auf der Registerkarte Allgemein jede Registerkarte um, w\u00e4hlen Sie aus, welche standardm\u00e4\u00dfig aktiv ist, und richten Sie die Registerkarten nach Bedarf aus. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Unter \"Stil\" k\u00f6nnen Sie die Farben f\u00fcr aktive und inaktive Registerkarten anpassen, die Abst\u00e4nde unter dem Kippschalter festlegen und den Radius der Umrandung \u00e4ndern, um die Ecken abzurunden, wenn Sie ein weicheres Aussehen w\u00fcnschen.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Schritt 4: Tabellen innerhalb jeder Registerkarte hinzuf\u00fcgen<\/strong><\/h3>\n\n\n\n

Klicken Sie auf die erste Registerkarte und erstellen Sie die Tabelle. Dies wird Ihre monatliche Preistabelle enthalten. Wiederholen Sie das Gleiche auf der zweiten Registerkarte und f\u00fcgen Sie Ihre j\u00e4hrliche Version hinzu. Die Struktur beider Tabellen sollte gleich bleiben, nur die Preise und die dazugeh\u00f6rigen Bezeichnungen sollten ge\u00e4ndert werden.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Schritt 5: Anpassen der Tabellen<\/strong><\/h3>\n\n\n\n

F\u00fcgen Sie in jeder Spalte Plan-Namen, Zielgruppen-Tags, Preise, Funktionen und Call-to-Action-Schaltfl\u00e4chen hinzu. Verwenden Sie Absatzbl\u00f6cke, Listen und Schaltfl\u00e4chenbl\u00f6cke innerhalb der Tabellenzellen. <\/p>\n\n\n\n

\u00d6ffnen Sie dann die allgemeinen Einstellungen, um die Kopf- und Fu\u00dfzeile festzulegen und bei Bedarf Funktionen wie \"Sticky Header\", Sortierung und Suche anzupassen. Verwenden Sie abschlie\u00dfend die Registerkarte \"Stil\", um Abst\u00e4nde, Hintergrundfarben, R\u00e4nder und Ausrichtungen f\u00fcr ein sauberes, einheitliches Erscheinungsbild in beiden Tabellen anzupassen.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Schritt 6: Speichern, Vorschau und Ver\u00f6ffentlichen<\/strong><\/h3>\n\n\n\n

Vergessen Sie nicht, Ihre Arbeit zuerst zu speichern. Verwenden Sie dann die Vorschaufunktion, um zu pr\u00fcfen, wie Ihr Umschalter sowohl auf dem Desktop als auch auf dem Handy aussieht. Vergewissern Sie sich, dass der Tabulatorwechsel reibungslos funktioniert und jede Version der Tabelle klar ist. Wenn Sie zufrieden sind, klicken Sie auf \"Ver\u00f6ffentlichen\", um es live zu schalten.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Abschlie\u00dfende \u00dcberlegungen<\/strong><\/p>\n\n\n\n

Ein Umschalter f\u00fcr monatliche\/j\u00e4hrliche Preise ist nicht nur ein Designtrick. Es ist eine praktische M\u00f6glichkeit, flexible Abrechnungsoptionen zu pr\u00e4sentieren, ohne Ihr Layout zu \u00fcberfrachten. Mit Tableberg ben\u00f6tigen Sie keine zus\u00e4tzlichen Plugins oder benutzerdefinierten Code, um es richtig zu machen. Sie k\u00f6nnen eine ansprechende, gut strukturierte Preistabelle erstellen, die den Besuchern hilft, die Tarife klar zu vergleichen und den f\u00fcr sie am besten geeigneten auszuw\u00e4hlen.<\/p>\n\n\n\n

Wenn Sie sich die Zeit nehmen, die Umschaltfunktion sorgf\u00e4ltig einzurichten, wird Ihre Seite \u00fcbersichtlicher und die Entscheidungsfindung f\u00fcr Ihre Nutzer reibungsloser.<\/p>","protected":false},"excerpt":{"rendered":"

Today’s buyers evaluate options in seconds: some scan prices, others compare features, and many debate monthly versus annual plans. In this split-second decision-making environment, your pricing table’s design becomes the decisive factor in conversions. If you run a service or subscription-based business, your pricing table needs to do more than list options to convert visitors […]<\/p>\n","protected":false},"author":9,"featured_media":8700,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7,130],"tags":[],"class_list":["post-8698","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/MonthlyYearly-Pricing-Toggle-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/de\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/8698","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/comments?post=8698"}],"version-history":[{"count":39,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/8698\/revisions"}],"predecessor-version":[{"id":8761,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/8698\/revisions\/8761"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/8700"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=8698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=8698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=8698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}