Springe zum Hauptinhalt

So fügen Sie ein Preisraster in Elementor hinzu

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

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

Wenn Sie Ihre Website verwenden, 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 Elementor verfügbar. Pro Um es verwenden zu können, müssen Sie also Elementor Pro verwenden. In diesem Artikel fügen wir das Preistabellen-Widget direkt zum Bearbeitungsfeld 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.

Hinzufügen der Preisliste aus einer vordefinierten Vorlage

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.

Das Preisraster von Grund auf 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

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

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 gerade verkauft wird. Wenn Sie sich mit benutzerdefinierten WordPress-Feldern auskennen, können Sie auch einen dynamischen Preis hinzufügen, indem Sie auf das Datenbanksymbol im Feld klicken Preis.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

  • 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.

Tabellenanpassung

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.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

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 jetzt Elementor Pro!

Fazit

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.

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
0 Aktien
Aktie
tweet
Registrieren