Die Erstellung einer Preistabelle ist ein Muss, wenn Sie Ihre Produkte und Dienstleistungen über Ihre Website verkaufen wollen. Um jedoch mehrere Preispläne anzeigen zu können, die die Kunden leicht vergleichen können, ohne die Seite zu verlassen, müssen Sie der Tabelle die Funktion "Umschalten" hinzufügen.
Mit der Umschaltfunktion können die Benutzer zwischen verschiedenen Preisoptionen navigieren oder wechseln und so eine interaktive Schnittstelle schaffen. So können die Nutzer beispielsweise zwischen monatlichen, jährlichen und lebenslangen Abonnements umschalten.
In diesem Blogbeitrag zeigen wir Ihnen eine Schritt-für-Schritt-Anleitung, wie Sie mit Tableberg eine WordPress-Preistabelle mit einem Toggle erstellen. Los geht's.
Schritt 1: Installieren und Aktivieren von Tableberg
Installieren und aktivieren Sie zunächst die Tischberg Plugin auf Ihrer WordPress-Website. Wenn Sie es noch nicht installiert haben, holen Sie sich das Plugin hier.
Nach der Installation und Aktivierung können Sie mit der Erstellung Ihrer Preistabelle beginnen.
Anmerkung: Auch wenn Tableberg eine kostenlose VersionDie Umschaltfunktion ist nur in der Pro-Version verfügbar.
Schritt 2: Hinzufügen des Umschalters für den Tableberg-Block
Tableberg Pro wird mit einem leistungsstarken Umschaltbar für Tableberg Block, mit dem Sie Tabellen mühelos in Registerkarten organisieren können.
Um diesen Block hinzuzufügen:
- Öffnen Sie den WordPress-Editor und klicken Sie auf die Schaltfläche + Taste um einen neuen Block hinzuzufügen.
- Suche nach Umschaltbar für Tableberg und wählen Sie es aus.
- Der Toggle-Block wird zu Ihrem Editor hinzugefügt.
Schritt 3: Erstellen Sie eine Preistabelle in der ersten Registerkarte
Im Inneren der Umschaltbar für Tableberg Block können Sie eine Tabelle von Grund auf neu erstellen oder eine vorgefertigte Tabelle wählen. Für diesen Lehrgang wählen wir eine vorgefertigte Tabelle.
- Im Inneren der Umschaltbar für Tableberg Block, können Sie
- Klicken Sie auf die + Taste innerhalb der Registerkarte und suchen Sie die Tischberg Block.
- Define the number of rows and columns for your pricing table (e.g., 3×3 for three plans).
- Das Tabellenlayout wird sofort erstellt.
Schritt 4: Hinzufügen/Bearbeiten von Inhalten in der Tabelle
Now, it’s time to add or edit content to your pricing table.
# Spaltentitel hinzufügen
- Klicken Sie auf die erste Zeile und geben Sie die Namen der Preispläne ein (z. B. Basic, Standard, Premium).
- Richten Sie sie mittig aus und vergrößern Sie die Schriftgröße, damit sie besser sichtbar sind.
# Preispläne hinzufügen
- In der zweiten Zeile geben Sie die Preise für jeden Plan ein.
- Verwenden Sie die Option hervorheben um die Preisgestaltung zu differenzieren.
# Liste Produktmerkmale
- Jede Spalte sollte eine Liste der Merkmale des jeweiligen Plans enthalten.
- Tableberg ermöglicht es Ihnen, eine Block auflisten direkt in der Tabelle.
# CTA-Schaltflächen hinzufügen
- Verwenden Sie die Knopfleiste innerhalb von Tableberg, um Call-to-Action-Schaltflächen zu erstellen (z. B. "Jetzt kaufen" oder "Loslegen").
- Passen Sie den Text, die Farbe und den Stil der Schaltfläche an.
Schritt 5: Eine weitere Preistabelle zu einer neuen Registerkarte hinzufügen
Klicken Sie auf das Registerkarte 2 im Block Umschalten für Tableberg, um eine neue Tabelle in einer anderen Registerkarte hinzuzufügen. Wiederholen Sie dann die gleichen Schritte wie oben, um eine weitere Kalkulationstabelle für die neue Registerkarte zu erstellen.
Sobald Sie diese Schritte abgeschlossen haben, ist Ihre Preistabelle mit Umschaltfunktion fertig. Überprüfen Sie Ihre Tabelle in der Vorschau, um sicherzustellen, dass alles reibungslos funktioniert.
Schritt 6: Anpassen des Umschalters für den Tableberg-Block
Um Ihre Preistabelle optisch ansprechender zu gestalten und auf Ihre Marke abzustimmen, können Sie die Umschaltbar für Tableberg Block:
Umbenennen der Toggles: Klicken Sie auf die einzelnen Registerkarten und ändern Sie die Bezeichnung entsprechend Ihren Preisplänen, z. B. monatlich, jährlich oder auf Lebenszeit.
Registerkartenausrichtung ändern: Wählen Sie im Blockeinstellungsfeld aus, ob Sie die Registerkarten links, mittig oder rechts ausrichten möchten, je nachdem, was Sie bevorzugen.
Gestaltung der Registerkarten: Passen Sie auf der Registerkarte "Stile" die Hintergrundfarbe, die Textfarbe und den Rahmen der Kippschalter an, damit sie optisch mit dem Design Ihrer Website übereinstimmen.
Diese einfachen Anpassungen können die Benutzerfreundlichkeit erheblich verbessern und sicherstellen, dass sich Ihre Preistabelle nahtlos in das Gesamtbild Ihrer Website einfügt.
Schlussfolgerung
Die Erstellung von Preistabellen mit einer Umschaltfunktion ist für eine nahtlose Benutzererfahrung unerlässlich. Mit Tableberg Pro's Toggle für Tableberg Block können Sie jetzt interaktive Preistabellen direkt in WordPress erstellen, ohne dass Sie zusätzliche Plugins benötigen.
Probieren Sie es aus und teilen Sie uns Ihre Meinung in den Kommentaren unten mit!
