Möchten Sie ein Preisraster hinzufügen? Elementor ?

Wenn Sie Ihre verwenden Website Um Ihre Dienstleistungen oder Produkte zu verkaufen, ist es wichtig, die von Ihnen angebotenen Preispläne anzuzeigen. Elementor, das beliebteste WordPress Page Builder-Plugin, wird mit einem Widget geliefert Preisliste mit dem Sie mühelos ein Preisraster zu einer Seite oder Vorlage hinzufügen können. In diesem Artikel zeigen wir Ihnen, wie Sie dieses Widget verwenden.

Lesen Sie auch: So erstellen Sie ein abgerundetes Bild in Elementor 

Das Preistabellen-Widget selbst ist nur auf verfügbar Elementor. Pro: Um es nutzen zu können, müssen Sie es verwenden Elementor Profi. In diesem Artikel fügen wir das Preistabellen-Widget direkt zum Bearbeitungsbereich hinzu.

Es gibt zwei Optionen zum Hinzufügen eines Preisrasters zu einer Elementor-Seite oder -Vorlage. Zunächst können Sie eine vordefinierte Blockvorlage verwenden. Zweitens können Sie die Tabelle selbst erstellen. Von Null.

Fügen Sie das Preisraster aus einer vordefinierten Vorlage hinzu

Elementor bietet Ihnen rund 14 Preisrasterblock-Designs zur Auswahl. Auch hier müssen Sie Elementor Pro verwenden, um die Vorlagen zu verwenden, da das Preisraster nur auf Elementor Pro verfügbar ist. Um eine Preisrasterblockvorlage zu verwenden, klicken Sie auf das Ordnersymbol im Bearbeitungsfeld, um die Vorlagenbibliothek zu öffnen.

Klicken Sie in der angezeigten Vorlagenbibliothek auf die Registerkarte Blöcke und in Kategorien auswählen AnzeigenPreise im Dropdown-Menü, um die Modelle zu filtern. Wählen Sie ein Modell aus, das Ihnen gefällt und klicken Sie auf die Schaltfläche EINFÜGEN um es in den Elementor-Editor zu importieren.

füge ein Preisraster in Elementor hinzu

Sie können dann zum linken Bereich gehen, um den Standardinhalt der Raster zu ändern.

Preisraster von Grund auf neu hinzufügen

Wenn Sie ein eigenes Designkonzept für das Preisraster haben, das Sie hinzufügen möchten, ist es eine großartige Idee, die Tabellen von Grund auf neu zu erstellen. Um Ihre Arbeit zu erleichtern, können Sie eine Tabelle erstellen. Wenn Sie fertig sind, können Sie es kopieren und den Inhalt der duplizierten Tabellen anpassen. Es wird Ihnen viel Zeit sparen.

Siehe auch: So erstellen Sie einen Teammitgliedsbereich mit Elementor

Beginnen Sie mit dem Hinzufügen eines neuen Abschnitts und wählen Sie eine Spaltenstruktur entsprechend der Anzahl der Tabellen aus, die Sie erstellen möchten, und ziehen Sie das Widget Preisliste zu einer der Spalten.

Gehen Sie zum linken Bereich, um den Standardinhalt zu ändern. Sie können den Inhalt unter der Registerkarte bearbeiten Inhalt. Es gibt 5 Parameterblöcke, die Sie öffnen können, um dies zu bearbeiten: Kopfzeile, Preise, Funktionen, Fußzeile und Multifunktionsleiste.

füge ein Preisraster in Elementor hinzu
  • Kopfzeile

Sie können diesen Block öffnen, um den Inhalt des Tabellenkopfes zu ändern. Sie können den Titel sofort ändern Titel und die beschreibung sofort Beschreibung. Idealerweise verwenden Sie den Header-Abschnitt der Tabelle, um den Namen des Pakets hinzuzufügen.

  • AnzeigenPreise

Sie können diesen Block öffnen, um den Preis des Pakets zu ändern. Sie können die Option aktivieren Sale wenn das Paket zum Verkauf steht. Wenn Sie sich mit benutzerdefinierten WordPress-Feldern auskennen, können Sie auch einen dynamischen Preis hinzufügen, indem Sie auf das Datenbanksymbol klicken Daten auf dem Feld Preis.

  • Eigenschaften

Sie können diesen Block öffnen, um die Funktionen hinzuzufügen, die Sie dem Paket anbieten möchten. Standardmäßig haben Sie drei Funktionen. Sie können eine Entität öffnen, um sie zu bearbeiten. Um eine neue Funktion hinzuzufügen, können Sie einfach auf die Schaltfläche klicken EIN ELEMENT HINZUFÜGEN.

Lesen Sie auch: 7 kreative Möglichkeiten, den Elementor Popup Builder zu verwenden  

Standardmäßig verfügt jede Funktion über ein Checklistensymbol. Um das Symbol zu ändern, klicken Sie einfach auf das Symbol. Um es zu entfernen, klicken Sie einfach auf das Papierkorbsymbol.

  • Fußzeile

Die Fußzeile ist der Abschnitt, in dem Sie einen Link und eine Call-to-Action-Schaltfläche hinzufügen können. Sie können diesem Abschnitt auch zusätzliche Informationen hinzufügen.

  • Band

Sie können Ihrem Tisch ein Sale-Tag wie "SALE", "SPECIAL", "HOT OFFER" hinzufügen. Wenn Sie ein Sale-Tag oder ein beliebiges Tag hinzufügen möchten, können Sie den Block öffnen Band und aktiviere die Option Anzeige. Sie können Ihr Lieblingsetikett im Feld hinzufügen Titel und stellen Sie die Position auf die Option ein Position.

Rasteranpassung

Um die Komponenten des Etiketts anzupassen, können Sie zum Tab wechseln Stil im linken Panel. Auf dieser Registerkarte sehen Sie auch fünf Einstellungsblöcke.

  • Kopfzeile : Sie können diesen Block öffnen, um den Kopfbereich der Tabelle anzupassen. Sie können Dinge wie den Kopfzeilenhintergrund, die Typografie (Schriftfamilie, Schriftgröße, Schriftstil) von Titel und Beschreibung sowie die Farbe des Titeltexts und der Beschreibung festlegen.
  • Preisgestaltung: Sie können diesen Block öffnen, um den Preisbereich anzupassen. Sie können Dinge wie Hintergrundfarbe, Typografie, Textfarbe, Währungssymbol und Position usw. festlegen.
  • Eigenschaften : Sie können diesen Block öffnen, um den Entitätsabschnitt anzupassen. Sie können Dinge wie Hintergrund, Textfarbe, Typografie, Ausrichtung, Trennzeichen ein / aus usw. einstellen.
  • Fußzeile : Sie können diesen Block öffnen, um den Fußzeilenbereich anzupassen. Sie können Elemente wie den Hintergrund, die Größe der Schaltfläche, die Farbe der Schaltfläche, die Typografie des Schaltflächentextes usw. definieren.
  • Band: Dieser Block erscheint nur, wenn Sie die Option aktivieren Band unter der Registerkarte Inhalt. Sie können diesen Block öffnen, um das Menüband anzupassen, z. B. Farbe, Textfarbe und Typografie.

Sobald Sie mit der ersten Tabelle fertig sind, können Sie sie in andere Spalten kopieren und dann den Inhalt ersetzen, je nachdem, welche Funktionalität Sie für jede Tabelle / jeden Plan bereitstellen möchten. Um die Tabelle zu kopieren, klicken Sie mit der rechten Maustaste auf das Handle des Widgets und wählen Sie Kopieren, Klicken Sie dann mit der rechten Maustaste auf die Spalte, in die Sie sie einfügen möchten, und wählen Sie Paste.

Am Ende

Elementor Pro wird mit einem Preistabellen-Widget geliefert, mit dem Sie einer Seite oder Vorlage ganz einfach ein Preisraster hinzufügen können. Einige Add-Ons - wie z Glückliche AddonsWesentliche Addons und JundElemente - haben auch die gleichen Widgets mit unterschiedlichen Styling-Optionen.

Holen Sie sich Elementor Pro jetzt!!!

Zusammenfassung

Hier ist ! Das war's für diesen Artikel, der Ihnen zeigt, wie Sie ein Preisraster in Elementor hinzufügen. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, flass es uns wissen im commentaires.

Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.

...