Erstellen Sie mit Happy Addons eine Preistabelle auf Ihrer Elementor-Website

Veröffentlicht: 2021-09-08

Entfernen sich Ihre Website-Besucher von der Preisseite und verlieren Sie die erwartete Conversion-Rate?

Probieren Sie das Preistabellen-Widget von Happy Addons aus, um eine neue Preistabelle für Ihre Website zu erstellen. Oder gestalten Sie die aktuelle Version neu, um Ihre Benutzererfahrung zu verbessern und letztendlich die Konversionsrate zu steigern.

Eine Preistabelle ist ein wesentliches Merkmal für jede Website, die Produkte oder Dienstleistungen anbietet. Eine gut gestaltete Preistabelle kann helfen, die Konversionsrate einer Website zu erhöhen.

In diesem Blog zeigen wir Ihnen, wie Sie das Preistabellen-Widget von Happy Addons verwenden können, um das Design Ihrer Preistabelle zu verbessern.

Lass uns anfangen.

Warum sollten Sie das Preistabellen-Widget von Happy Addons verwenden?

Create Pricing Table in Your Elementor Website Using Happy Addons Widget

Das Erstellen einer Preistabelle für Ihre Elementor-Website ist sehr einfach, wenn Sie das richtige Tool zur Hand haben. Elementor selbst bietet ein Preistabellen-Widget an, um schöne Tabellen zu entwerfen. Mit Elementor können Sie den Tabellenkopftitel, den Preis, die Währung und den Zeitraum, den Verkaufsmodus, die Funktionsliste, die CTA-Schaltfläche und die spezielle Multifunktionsleiste hinzufügen, die allgemeine Merkmale einer Preistabelle sind.

Aber wenn Sie erweiterte Optionen benötigen, wie die Verwaltung der Höhen der verschiedenen Tabellen, das Hinzufügen von Tooltips, das Hochladen von SVG-Bildern und vor allem unbegrenzte Möglichkeiten beim Entwerfen einer ansprechenden Preistabelle, sollten Sie das Preistabellen-Widget von Happy Addons in Betracht ziehen.

Mit diesem praktischen Widget können Sie eine benutzerdefinierte Tabelle von Grund auf neu erstellen. Sie können auch die vorgefertigten Vorlagen zum Anzeigen des Preisplans verwenden und wertvolle Zeit sparen.

So verwenden Sie das Widget von Happy Addons, um Preistabellen in wenigen Minuten zu entwerfen und anzupassen

Happy Addons ist eines der besten Elementor-Addons, das mit über 90 kostenlosen und professionellen Widgets und Tonnen von vorgefertigten Blöcken und Vorlagen geliefert wird.

Sie können die Leistungsfähigkeit von Happy Addons zusammen mit Elementor nutzen, um Ihre Traumwebsite zu entwerfen.

Im folgenden Abschnitt unseres Blogs zeigen wir Ihnen nun, wie Sie eine Preistabelle auf zwei einfache Arten entwerfen, wobei beide die Leistungsfähigkeit von Happy Addons nutzen.

  1. Preistabelle mit dem Happy Addons Widget hinzufügen
  2. Erstellen Sie eine Preistabelle für Ihre Website mit vorgefertigten Vorlagenblöcken von Happy Addonts

Außerdem müssen Sie die folgenden Plugins auf Ihrer Website haben, bevor Sie mit der Gestaltung Ihrer Preistabelle beginnen.

  • Elementar (kostenlos)
  • Glückliche Add-ons (kostenlos)
  • Glückliche Addons Pro


Stellen Sie sicher, dass Sie sowohl die kostenlose als auch die Premium-Version von Happy Addons installiert und aktiviert haben.

Erster Weg: Preistabelle mit dem Happy Addons Widget hinzufügen

Lassen Sie uns Ihnen zeigen, wie Sie den Inhalt des Happy Addons-Preistabellen-Widgets verwalten und damit arbeiten. Um die Struktur des Designs aufzubauen, haben wir zunächst drei Spalten auf der Elementor-Leinwand hinzugefügt.

Auf geht's.

Preistabellen-Widget hinzufügen

Zuerst müssen Sie das Preistabellen-Widget zum bevorzugten Teil der Seite hinzufügen. Sie finden es im Widget-Bereich auf der linken Seite.

Add Pricing Table Widget

Nach dem Hinzufügen des Widgets sehen Sie das Standarddesign der Preistabelle und können es hier im Inhaltsbereich selbst anpassen. Dies sind die Optionen, die Ihnen bei der Verwaltung des Tabelleninhalts helfen können.

  • Voreinstellungen
  • Header
  • Preisgestaltung
  • Eigenschaften und Beschreibung
  • Fusszeile
  • Abzeichen
Content of Pricing Table widget

Voreingestelltes Design

In den Inhalten->Voreinstellungen können Sie das Tabellendesign festlegen. Sie erhalten hier 11 Designs . Wählen Sie das bevorzugte für Ihren Bedarf aus.

Presets design

Header-Inhalt verwalten

Wechseln Sie in den Kopfbereich, um den Tabellenkopf zu verwalten. Hier können Sie den Titel, das Symbol und die Position des Kopfzeileninhalts hinzufügen.

Manage Header Content

Preisinhalt festlegen

Jetzt können Sie den Preisplan im Bereich Content-> Pricing festlegen . Sie können hier Währung, Preis, Originalpreis hinzufügen, die Währungsposition und die gesamte Preisposition festlegen.

Set Pricing Content

Funktionen und Beschreibungen

Die Option Funktion & Beschreibung hilft Ihnen, Ihre Preisplandetails hinzuzufügen. Sie können mehrere Artikel und eine bestimmte Beschreibung hinzufügen. Sie können auch einen Tooltip-Text schreiben und die Ausrichtung der Funktionen auf Ihre eigene Weise definieren.

Features & Descriptions

Inhalt der Fußzeile der Preistabelle

Wenn Sie den Inhalt der Schaltflächen der Preistabelle ändern möchten, können Sie dies hier im Bereich Fußzeile tun. Sie können auch Schaltflächentext, benutzerdefinierte Links und eine Fußzeilenbeschreibung hinzufügen.

Footer content

Abzeichen

Möchten Sie ein Abzeichen anzeigen, um einen Plan hervorzuheben? Sie können dies tun, indem Sie das Abzeichen in der Abzeichen- Option ein- und ausblenden. Sie schreiben den Text des Abzeichens und legen auch seine Position fest.

Content badge

Wir haben fast die gleiche Art von Daten in allen Tabellen (Plänen), also haben wir die gesamte Tabelle kopiert und sie auch in die nächsten Spalten eingefügt. Wenn Sie auf jeder Tabelle unterschiedliche Inhalte haben, befolgen Sie die obige Methode erneut, um diese von Grund auf neu zu erstellen.

Wenn Sie ähnliche Inhalte auf jeder Tabelle haben, genau wie wir, klicken Sie einfach mit der rechten Maustaste auf den Abschnitt der einzelnen Spalten und kopieren Sie das Design und fügen Sie es einfach in die andere Spalte ein. Sie können dem folgenden Bild folgen.

How to copy design section

Nachdem Sie die anderen beiden Tabellen hinzugefügt haben, sieht unsere gesamte Tabelle so aus.

Add other pricing plan

Anpassen der Preistabelle

Im Abschnitt „ Stil “ erhalten Sie alle erforderlichen Gestaltungsoptionen, um das Design Ihrer Preistabelle anzupassen. Dies sind die Einstellungen, die Ihnen helfen werden.

  • Allgemein : Der allgemeine Abschnitt hilft Ihnen, den allgemeinen Inhalt der Tabelle anzupassen.
  • Kopfzeile : Mit dieser Option können Sie den Inhalt der Kopfzeile neu gestalten.
  • Preisgestaltung : Im Preisbereich können Sie den Standardpreisinhalt neu gestalten.
  • Merkmale und Beschreibung : Sie können den Inhalt von Merkmalen und Beschreibungen im Bereich dekorieren.
  • Features Tooltip : In diesem Bereich können Sie das Tooltip-Design bearbeiten.
  • Fußzeile : Hier können Sie den aktuellen Stil der Fußzeile ändern.
  • Abzeichen : Sie können das Abzeichen auf Ihre eigene Weise gestalten.
Style options

Endgültige Vorschau

Wir haben die wesentlichen Stile unserer Preistabelle geändert und das endgültige Aussehen der Tabelle sieht aus wie im Bild unten.

The final preview of the pricing table

Das ist alles.

Zweiter Weg: Erstellen Sie eine Preistabelle für Ihre Website mit vorgefertigten Vorlagenblöcken von Happy Addons

Bisher haben wir Ihnen gezeigt, wie Sie eine Preistabelle von Grund auf neu erstellen können. Hier in diesem Teil unseres Blogs lernen Sie die andere Möglichkeit kennen, Preistabellen für Ihre Elementor-Website zu erstellen.

Wenn Sie einen engen Zeitplan haben und nicht genug Zeit haben, die Dinge von Grund auf neu zu entwerfen, können Sie die praktischen vorgefertigten Preisblöcke verwenden.

Jetzt zeigen wir Ihnen, wie Sie den vorgefertigten Preisblock von Happy Addons verwenden können, um Ihrer Website eine beeindruckende Preistabelle hinzuzufügen.

Machen wir das.

Finden Sie eine glückliche Vorlage

Klicken Sie zunächst auf das Happy Template -Symbol auf der Elementor-Leinwand und öffnen Sie den Bereich Blöcke & Vorlagen.

Click Happy Template Icon

Fügen Sie eine geeignete Preistabellenvorlage ein

Auf dem nächsten Bildschirm findest du alle Blöcke . Wählen Sie die Blöcke der Preistabelle aus oder suchen Sie sie über die Suchleiste. Wählen Sie schließlich das am besten geeignete aus und installieren Sie es auf Ihrer Website.

Insert pricing table block

Danach ändern Sie einfach den Inhalt nach Ihren Bedürfnissen!

Das ist es. Ihre Website ist mit einer schönen Preistabelle ausgestattet.

Sie können sich auch dieses Video ansehen.

Lassen Sie mich die Preistabellendokumentation lesen

Sind Sie bereit, eine Preistabelle für Ihre Website zu erstellen?

Eine einfache und organisierte WordPress-Preistabelle gibt den Kunden ein perfektes Bild Ihres Preisplans. Es hilft ihnen, leicht einen geeigneten Plan entsprechend ihren Bedürfnissen auszuwählen.

In diesem Blog haben wir besprochen, wie Sie mit der Leistungsfähigkeit des Happy Addons-Widgets eine Elementor-Preistabelle erstellen. Außerdem wird gezeigt, wie Sie die vorgefertigten Vorlagenblöcke verwenden können, um einen ansprechenden Tisch zu entwerfen.

Wenn Sie Fragen zu diesem Tutorial haben, können Sie diese in das Kommentarfeld unten schreiben.

Dieser Artikel hat Ihnen gefallen? Wir haben viele nützliche Tutorial-Blogs zu Elementor, WordPress und Happy Addons geschrieben. Sie können unseren Newsletter abonnieren, um all dies KOSTENLOS zu erhalten.