Wenn Sie eine Vergleichstabelle mit mehreren Produkten oder Plänen erstellen, möchten Sie Ihre Besucher zur besten Wahl führen, ohne zu schreien.
Ein einfaches Band oder ein Abzeichen kann den Zweck erfüllen. Es verleiht gerade genug visuelles Gewicht, um die Aufmerksamkeit dorthin zu lenken, wo Sie sie haben wollen.
Tischberg können Sie Tabellen mit Blöcken innerhalb des WordPress-Editors erstellen. Die kostenlose Version bietet die richtigen Grundlagen, aber wenn Sie ein Menüband hinzufügen möchten, um Ihre beste Auswahl hervorzuheben, benötigen Sie die Pro-Version. Hier kommt der Ribbon-Block ins Spiel. Er wurde genau für diesen Zweck entwickelt.
In dieser Kurzanleitung zeige ich Ihnen, wie Sie eine Produkttabelle erstellen und Ihre beste Wahl mit einem sauberen, auffälligen Menüband markieren können - ganz ohne zusätzliche Design-Tools oder Shortcodes.
Schöne Tische erstellen
Mit Block-Editor
Schritt 1: Installieren Sie Tableberg (kostenlose Version)
Installieren Sie zunächst die kostenlose Version von Tischberg aus dem WordPress-Plugin-Repository:
-
Navigieren Sie zu Plugins
-
Klicken Sie auf Plugins hinzufügen
-
Suche nach "Tableberg"
-
Klicken Sie auf Installieren Siedann Aktivieren Sie
Einmal aktiviert, können Sie den "Tableberg"-Block in jedem Beitrag oder auf jeder Seite verwenden, um Tabellen zu erstellen.
⚠️ Anmerkung: Der Ribbon-Block, mit dem ein Produkt hervorgehoben werden kann (wie später in diesem Tutorial gezeigt), ist nur verfügbar in Tableberg Pro. Wenn Sie Bänder oder Abzeichen zur Kennzeichnung eines Produkts verwenden möchten, müssen Sie Upgrade auf Tableberg Pro. Sie können auch die Anweisungen auf wie man die Pro-Version aktiviert.
Schritt 2: Erstellen Sie eine Vergleichstabelle oder wählen Sie aus der Vorlagenbibliothek.
Fügen Sie einen Tableberg-Block zu Ihrem Beitrag oder Ihrer Seite hinzu. Sie können eine Vorlage aus der Vorlagenbibliothek auswählen oder Ihre Produktreihen nach Belieben einrichten. Ich habe eine Vorlage aus der Vorlagenbibliothek ausgewählt.
Fügen Sie Ihre Daten ein, nachdem Sie die Tabellenvorlage eingefügt haben. Halten Sie das Layout einfach zu scannen. Überladen Sie die Funktionen nicht - lassen Sie das Design atmen.
Schritt 3: Fügen Sie Ihrem Top Pick ein Farbband hinzu
Jetzt kommt der Höhepunkt.
Wählen Sie das Produkt, das Sie empfehlen möchten (am besten nur eines). Dann:
-
Klicken Sie in die Zeile oder Zelle des betreffenden Produkts
-
Verwenden Sie die Farbbandblock von Tableberg Pro
-
Fügen Sie Ihren Beschriftungstext hinzu (z. B. 🏆 Empfohlen)
-
Wählen Sie eine Farbe, die einen schönen Kontrast bildet - lila, gold oder etwas, das der Marke entspricht.
-
Platzieren Sie es dort, wo es am besten sichtbar ist und am attraktivsten aussieht.
Und das war's. Jetzt springt Ihre beste Option natürlich aus der Tabelle heraus.
💡 Profi-Tipps für maximale Wirkung!
-
Nur Highlight eine Produkt zur Erhaltung der Klarheit
-
Kombinieren Sie Ribbons mit fetten Preisschildern oder einzigartigen Merkmalen
-
Verwenden Sie kontrastierende Farben für das Band, damit es auffällt.
-
Vorschau auf dem Handy, um Reaktionsfähigkeit und Lesbarkeit zu gewährleisten
📀 Endgültige Beispieltabelle (Profi-Funktion in Aktion)
Der Ribbon-Block erscheint visuell über Produkt 2mit der von Ihnen gewählten Farbe und Platzierung gestaltet werden.
Produkt |
Preis |
Eigenschaften |
Aktion |
Produkt 1 |
P E R S O N A L $49 |
|
For 1 Site |
Produkt 2 Empfohlen! |
P L U S $99 |
|
For 3 Sites |
Produkt 3 |
E X P E R T $199 |
|
For 100 Sites |
Einpacken
Das Hinzufügen eines "Recommended"-Tags innerhalb einer WordPress-Tabelle sollte kein Problem sein.
Wenn Sie bereits Tableberg verwenden, bietet Ihnen das Upgrade auf Pro eine saubere Möglichkeit, die Aufmerksamkeit auf Ihr bestes Produkt zu lenken, ohne dass es überladen wirkt.
Der Ribbon-Block lässt sich in 30 Sekunden anwenden, sieht auf allen Geräten gut aus und erfüllt genau seine Aufgabe.
Probieren Sie es selbst aus und beobachten Sie, wie sich Ihre Produkttabellen abheben!
👉 Tableberg kostenlos herunterladen
🔑 Upgrade auf Pro um Ribbons und erweiterte Funktionen freizuschalten
Mehr lesen!
