Zum Hauptinhalt springen

Charming Theme

DE
Product landing page template for Elementor: desktop and mobile preview, $5

Wer ein einzelnes Produkt über Facebook- oder Instagram-Anzeigen verkauft, braucht keinen kompletten Onlineshop. Gebraucht wird eine schnelle Seite, die das Produkt erklärt, Zweifel ausräumt und die Bestellung aufnimmt. Verdia ist eine Elementor Landingpage Vorlage, die genau dafür gebaut wurde, und sie funktioniert mit der kostenlosen Version von Elementor.

In diesem Artikel siehst du jeden Abschnitt der Vorlage, wie das eingebaute Bestellformular funktioniert, wie du die JSON-Datei in wenigen Minuten importierst und wie aus der Demo-Marke deine eigene Produktseite wird.

Die Vorlage auf einen Blick

Preis5 $ (abgerechnet als ৳600), einmalige Zahlung
Kompatibel mitElementor (kostenlos) 3.x / 4.x, jedes Elementor-fähige Theme
DateiEine importierbare .json-Vorlage + Demo-Bilder
Abschnitte9 (Hero, Bild, Vorteile, Story, Anwendung, Produkt, Vertrauen, Anrufbox, Bestellformular)
BestellformularPaketkarten, Live-Summe, Zahlung bei Lieferung, WhatsApp-Bestellung
MobilEigene Schriftgrößen und Abstände für Smartphones
LizenzUnbegrenzt viele eigene Websites und Kundenprojekte
Verdia: Produkt-Landingpage für Elementor

Eine JSON-Datei, 9 Abschnitte, eingebautes Bestellformular. Sofort-Download.

Für 5 $ holenSofortiger Download nach der Zahlung

Warum eine Ein-Produkt-Landingpage besser konvertiert als eine Shopseite

Eine normale Produktseite steckt mitten im Shop, umgeben von Menüs, ähnlichen Produkten und einer Sidebar. Jeder Link ist eine Chance, dass der Besucher abspringt. Eine Landingpage entfernt all das und führt den Besucher auf einem einzigen Weg: Versprechen, Beweis, Details und Bestellformular.

Deshalb setzen die meisten Händler mit Zahlung bei Lieferung, die Social Ads schalten, auf lange Einzelseiten. Der Besucher kommt per Anzeige auf dem Handy, scrollt und bestellt, ohne die Seite zu verlassen. Verdia folgt dieser bewährten Struktur, damit du dich auf Produkt und Anzeigen konzentrieren kannst statt auf das Layout.

Rundgang durch die Vorlage, Abschnitt für Abschnitt

Die Demo verkauft ein fiktives Moringa-Blattpulver der Marke „Verdia Naturals“. Alle Texte, Bilder und Farben lassen sich leicht austauschen, daher passt dasselbe Layout für Hautpflege, Lebensmittel, Gadgets, Bücher oder jedes andere Einzelprodukt.

1. Hero: Überschrift, Versprechen und der erste Bestell-Button

Logo, eine zweifarbige Überschrift, ein kurzes Versprechen und ein gelber Order Now-Button, der direkt zum Formular springt. Wer schon überzeugt ist, bestellt mit einem Tipp.

Hero-Bereich der Elementor Landingpage Vorlage mit Überschrift und Bestell-Button
Der Hero-Bereich auf dem Desktop.

2. Produktbild

Ein großes Bild mit runden Ecken (oder dein Video), das das Produkt in Aktion zeigt. Im ursprünglichen Layout stand hier ein YouTube-Video, du kannst also jederzeit zum Video-Widget zurückwechseln.

3. Vorteile in zwei Spalten

Zwei Icon-Listen mit je acht Punkten unter einem dunkelgrünen Abschnittstitel. Kurze, überfliegbare Zeilen funktionieren auf dem Handy viel besser als lange Absätze.

Vorteile-Abschnitt mit zwei Icon-Listen in der Elementor Landingpage Vorlage
Vorteile in zwei Spalten. Auf dem Smartphone werden sie zu einer Liste.

4. Story und zweiter Call to Action

Ein Bild und ein Absatz, der erklärt, woher das Produkt kommt und warum es besser ist, gefolgt vom zweiten Bestell-Button.

5. Anwendung

Eine Liste mit Zeigefinger-Icons und praktischen Ideen. In der Demo sind es Rezepte, für dein Produkt können es Anwendungsschritte, Größen oder der Lieferumfang sein.

Anwendungsabschnitt mit Icon-Liste in der Elementor Landingpage Vorlage
Die Anwendungsliste.

6. Produktfoto und Vertrauensliste

Ein Packshot und danach „Shop with Confidence“: Zahlung bei Lieferung, einfache Rückgabe, schnelle Lieferung und ein Gratis-Bonus. Hier beantwortest du die letzten Zweifel vor dem Formular.

7. Anrufbox

Eine farbige Box mit Telefon-Button (ein echter tel:-Link) für Kunden, die lieber per Anruf bestellen.

Das eingebaute Bestellformular

Der letzte Abschnitt ist ein komplettes Bestellformular in einem einzigen HTML-Widget. Es braucht also kein Formular-Plugin und kein Elementor Pro und ist für Shops mit Zahlung bei Lieferung gemacht:

  • Drei Paketkarten mit „Best value“-Badge, damit Kunden zum größeren Paket greifen.
  • Live-Bestellübersicht: Zwischensumme, Versand und Gesamtbetrag aktualisieren sich sofort.
  • Name, Telefon und Adresse mit Autofill und Prüfung durch den Browser.
  • WhatsApp-Bestellung: Nummer einmal eintragen, und jede Bestellung öffnet WhatsApp mit Paket, Summe, Name, Telefon und Adresse.
  • Eigener Checkout, wenn du möchtest: Widget durch WooCommerce, CartFlows, Contact Form 7 oder Fluent Forms ersetzen und die Abschnitts-ID order behalten.
Eingebautes Bestellformular mit Paketauswahl, Lieferdaten und Zahlung bei Lieferung
Paketkarten, Live-Summe und Zahlung bei Lieferung. Bis du deine WhatsApp-Nummer einträgst, läuft das Formular im Demo-Modus.

Zuerst für das Smartphone gebaut

Die meisten Besucher einer Landingpage kommen über Social Ads auf dem Handy. Deshalb hat jede Überschrift, Liste und jeder Button eine eigene mobile Größe. Die Vorteilsspalten stapeln sich, das Formular wird einspaltig und die Buttons bleiben groß genug zum Tippen.

Mobile Ansicht der Elementor Landingpage Vorlage
Der Hero auf dem Smartphone.
Bestellformular auf dem Smartphone in der Elementor Landingpage Vorlage
Das Bestellformular auf dem Smartphone.

Was im Download steckt

  • verdia-moringa-landing.json, die Elementor-Vorlage zum Importieren.
  • Demo-Bilder: Logo, Hero, Vorteile und Produktillustration, frei nutzbar auf deinen Seiten.
  • Eine Schritt-für-Schritt-README zu Import, Anpassung und Einrichtung des Bestellformulars.
  • Eine Lizenzdatei: Nutzung auf unbegrenzt vielen eigenen Websites und Kundenprojekten.

So importierst du eine Elementor Landingpage Vorlage

Der Import dauert etwa zwei Minuten und funktioniert in jeder Elementor-Version gleich (die Menünamen können je nach Sprache deines WordPress leicht abweichen):

  1. Öffne in WordPress Templates > Saved Templates und klicke auf Import Templates.
  2. Wähle verdia-moringa-landing.json und klicke auf Import Now.
  3. Lege eine neue Seite an und klicke auf Edit with Elementor.
  4. Klicke auf das Ordner-Symbol, öffne My Templates und füge „Verdia Naturals – Moringa Powder Landing Page“ ein.
  5. Wähle in den Seiteneinstellungen das Layout Elementor Canvas, damit weder Header noch Footer ablenken.
  6. Ersetze Texte und Bilder durch deine eigenen und klicke auf Publish.

Tipp: Elementor lädt die Demo-Bilder beim Import automatisch in deine Mediathek. Blockiert dein Hoster das, lade die Bilder aus dem ZIP hoch und wähle sie im jeweiligen Bild-Widget aus.

In 15 Minuten zu deiner eigenen Seite

  • Marke: Logo und Markennamen in Überschrift und Footer austauschen.
  • Farben: Die Buttons sind gelb (#FFC100), die Abschnittstitel dunkelgrün (#004111). Beides änderst du im Style-Tab der Widgets.
  • Schriften: Überschriften in Bricolage Grotesque, Fließtext in Anek Bangla, beides kostenlose Google Fonts. Anek Bangla unterstützt auch Bengalisch.
  • Preise und Pakete: Die drei Paketzeilen, die Versandkosten und das Währungssymbol im HTML des Bestellformulars bearbeiten.
  • Sprache: Alle Texte sind normaler Text und lassen sich von Hand oder mit WPML, Polylang oder TranslatePress übersetzen.

Für wen ist diese Vorlage?

Verdia passt für alle, die ein Hauptprodukt verkaufen und eine Seite wollen, die genau eine Aufgabe gut erledigt:

  • Händler auf Facebook und Instagram mit Anzeigen für Zahlung bei Lieferung.
  • Kleine Marken für Lebensmittel, Kräuterpulver, Hautpflege, Gadgets oder Bücher.
  • Freelancer und Agenturen, die Produktseiten für Kunden bauen und einen schnellen Start wollen.
  • WooCommerce-Betreiber, die neben ihrem Shop eine fokussierte Kampagnenseite brauchen.

Vorschau der ganzen Seite

Hier die komplette Seite von oben bis unten, genau so, wie sie importiert wird:

Vorschau der ganzen Seite der Ein-Produkt Elementor Landingpage Vorlage
Die komplette Vorlage auf dem Desktop.

Häufige Fragen

Brauche ich Elementor Pro?

Nein. Die Vorlage nutzt nur kostenlose Widgets: Heading, Image, Button, Icon List und HTML.

Funktioniert sie mit meinem Theme?

Ja, mit jedem Theme, das Elementor unterstützt, zum Beispiel Hello Elementor, Astra, Kadence oder GeneratePress. Mit dem Layout Elementor Canvas sieht sie überall gleich aus.

Verschickt das Bestellformular Bestellungen von selbst?

Es wird im Demo-Modus ausgeliefert. Trage an einer Stelle deine WhatsApp-Nummer ein, dann kommen die Bestellungen per WhatsApp, oder ersetze das Formular durch deinen WooCommerce- oder Formular-Checkout. Die README zeigt beide Wege.

Kann ich sie für ein anderes Produkt nutzen?

Ja. Moringa-Pulver ist nur die Demo. Texte und Bilder ändern, und die Seite passt für jedes Einzelprodukt.

Darf ich sie auf Kunden-Websites einsetzen?

Ja, auf unbegrenzt vielen eigenen Websites und Kundenprojekten. Die Vorlagendatei selbst darfst du nicht weiterverkaufen oder weitergeben.

Wie bekomme ich die Datei?

Direkt nach der Zahlung erhältst du einen Download-Link auf der Bestellseite und per E-Mail.

Hol dir die Verdia Landingpage-Vorlage

Wenn du gerade ein Produkt mit Social Ads startest, spart dir eine fertige Landingpage einen Tag Designarbeit. Verdia importieren, dein Produkt einsetzen und noch heute Bestellungen annehmen.

Verdia: Produkt-Landingpage für Elementor

5 $ einmalig. Kostenloses Elementor. Sofort-Download.

Jetzt für 5 $ kaufenSofortiger Download nach der Zahlung
Share this article