Das Price Table Widget von SiteOrigin bietet eine einfache, aber leistungsstarke Oberfläche zum Erstellen einer Preistabelle. Es ist nur ein Standard-Widget, das heißt, Sie können es in jedem Ihrer Widget-Bereiche oder in Page Builder verwenden . Beachten Sie jedoch, dass dies nur ein einfaches Widget ist. Es wird kein E-Commerce abgewickelt. Dafür müssen Sie so etwas wie WooCommerce verwenden .

Beispiel einer Preistabelle

Beispiel einer Preistabelle

Im Moment gibt es nur diesen einen Stil. Es folgen demnächst weitere Stile. Um dieses Widget zu nutzen, gehen Sie zu Plugins SiteOrigin-Widgets , um das SiteOrigin-Preistabellen-Widget zu aktivieren.

Screen Columns / Spalten

Screen Columns / Spalten  (Columns / Spalten / Säulen)

Das obere Feld Titel

zeigt einen Standard-Widget-Titel über Ihrer Preistabelle an. In den meisten Fällen lassen Sie dieses Feld wahrscheinlich leer. Als nächstes haben Sie Spalten, gefolgt von allen Widget-Design-Optionen. Beginnen wir mit einem Blick auf die Spalten.

Sie können sich Spalten als Variationen Ihres Produkts oder Ihrer Dienstleistung vorstellen. Klicken Sie zum Hinzufügen einer Spalte auf die Schaltfläche Hinzufügen unter dem Spaltenblock.

Nehmen wir an, Sie möchten 3 Artikel erstellen. Plus, Premium und Professional. Also werden wir 3 Spalten hinzufügen. Um eine Spalte zu erweitern und zu bearbeiten, klicken Sie auf den kleinen Abwärtspfeil (und klicken Sie auf das x, um die Spalte zu löschen).

Spalten / Columns

Hervorgehobene Artikel, die Sie in der Spalte hervorheben möchten. Dies könnte Ihre beliebteste oder profitabelste Variante sein. Sie sollten nur eine Spalte auswählen, möglichst die mittlere Spalte.

Titel und Untertitel

Diese stehen in der Kopfzeile der Spalte.

Bild

Für jeden Artikel ein anderes Bild. Dieses Bild wird normalerweise unter der Spaltenüberschrift angezeigt. Stellen Sie sicher, dass alle Bilder, die Sie hinzufügen, die gleiche Größe oder mindestens das gleiche Seitenverhältnis haben , um sicherzustellen, dass alles ausgerichtet ist.

Bildtitel / Bildtiteltexte

vergeben Sie für jedes Bild entsprechende Alternativtexte und Beschriftungen ein

Preis

Dies ist, wie viel Sie dem Käufer je Artikel in Rechnung stellen.

Pro

Angaben zur Mengeneinheit . Vielleicht "pro Woche", "pro Monat" oder sogar "einmalig".

Schaltflächentext

Hier können Sie festlegen, was Sie möchten. Vielleicht so etwas wie "Anmelden"

Schaltflächen-URL

Hier geht der Käufer hin, wenn er auf die Schaltfläche klickt. Sie können sie an eine separate Landingspage, ein Kontaktformular, eine E-Mail, eine URL zum Hinzufügen zum Warenkorb oder eine PayPal-URL senden , um das Abonnement zu starten.

Das ist also alles, was Sie im ersten Bereich für Ihre Preistabelle benötigen.

Screen Features / Eigenschaften

Screen Eigenschaften

Als Nächstes möchten Sie den Käufern mitteilen, was diese Variante Ihres Produkts oder Ihrer Dienstleistung einzigartig macht. Sie können dazu Funktionen verwenden. Features werden in der Spalte Ihrer Preistabelle angezeigt. Verwenden Sie zum Hinzufügen eines Features dieselben Schritte wie zum Hinzufügen einer Spalte. Klicken Sie auf Hinzufügen und dann auf den Abwärtspfeil, um die Funktion zu erweitern.

Screen Feature aufrufen

Felder für Eigenschaften

Jedes Feature hat die folgenden Felder:

Text

Der Haupttext für das Feature.

Hover-Text

Text, der angezeigt wird, wenn der von Ihnen verwendete Stil dies unterstützt.
Der Standard-Atom-Stil unterstützt keinen Hover-Text, andere Stile werden dies jedoch in Zukunft tun.

Icon Symbol

Eines von vielen Icons von Font Awesome

Symbolfarbe

Die Farbe des Symbols.

Wiederholen Sie den Vorgang einfach, bis Sie alle Inhalte zur Preistabelle hinzugefügt haben. Jede Spalte und jedes Feature ist ziehbar. Wenn Sie also die Reihenfolge ändern möchten, heben Sie einfach die Spalte auf und ziehen Sie sie an ihre neue Position.

Design der Preistabelle

Eigenschaften der Preistabelle

Standardmäßig hat die Preistabelle ein sehr einfaches Design mit relativ allgemeinen Farben. Wenn Sie die Preistabelle ändern möchten, um sie Ihrer Marke oder Ihren persönlichen Vorlieben anzupassen, können Sie dies direkt im Widget tun.

Sie können die Farben für die Überschriften und Schaltflächen ändern. Wenn Sie etwas ganz anderes wollen, können Sie das Thema der Preistabelle ändern. Momentan gibt es nur ein Thema namens Atom, aber in Zukunft werden weitere folgen.

Theme Preistabelle

Atom

Header-Farbe

Kopfbereich Farbe

Empfohlene Header-Farbe

Farbe für das hervorgehobene Produkt

Button-Farbe

Farbe für die Schaltfläche auswählen

Empfohlene Button-Farbe

Farbe für die Schaltfläche zum hervorgehobenen Produkt

Öffne Button-URL in einem neuen Fenster

Häkchen setzen / nicht setzen

Zeilenhöhen ausgleichen

ist sehr wichtig.