Wie man eine Einzelprodukt-Verkaufsseite mit Blöcken erstellt – WP Tavern

22. März 2022
Wie man eine Einzelprodukt-Verkaufsseite mit Blöcken erstellt - WP Tavern

In der heutigen Ausgabe unserer Bauen mit Blöcken Serie werden wir uns ein Beispiel für den Aufbau einer Verkaufsseite für ein einzelnes Produkt ansehen. Es gibt keineswegs nur eine Methode, um eine solche Seite zu erstellen. Dieses Beispiel soll zeigen, wie du schnell ein einzelnes Produkt online verkaufen kannst, indem du kostenlose Plugins und Themes auf WordPress.org verwendest.

Hier ist, was du brauchst, um diese einfache Seite zu erstellen:

Dieses fünfminütige Video führt dich durch die Einrichtung der Verkaufsseite:

Schritt 1: Installiere Automattic's Leere Leinwand Thema.

Ich habe mich für dieses Theme entschieden, weil es den Aufbau einer einseitigen Website ohne all die überflüssigen Seitenelemente erleichtert. Es hat standardmäßig keine Kopfzeilen, Navigationsmenüs oder Widgets, so dass du nicht herausfinden musst, wie du all diese Dinge ausschalten kannst.

Erstelle zunächst eine neue Seite und wähle dann das Muster "Über mich" aus dem Muster-Explorer aus:

Ersetze das Bild durch dein Produktbild und den Text durch die Produktinformation. Ändere den Text des Buttons auf "Jetzt kaufen" oder was immer du für den Kaufbutton möchtest.

Füge Erfahrungsberichte unter dem Produkt ein. Wenn du im Block-Inserter suchst, findest du die Zeugnis-Block und installiere ihn von dort aus.

Schritt 2: Installiere und aktiviere die Stripe-Zahlungen akzeptieren Plugin.

Dieses Plugin ermöglicht es Nutzern, Kreditkartenzahlungen über das Stripe-Zahlungsgateway zu akzeptieren. Auch wer kein Unternehmen gegründet hat, kann Stripe für ein kleines Projekt wie dieses nutzen. Wähle bei der Aktivierung eines Stripe-Kontos "Einzelperson/Einzelunternehmer".

Wenn du PayPal oder ein anderes Gateway brauchst, suche einfach nach einem Block-Plugin, das das bietet, was du brauchst. Wenn ich einen vollwertigen E-Commerce-Shop mit mehreren Produkten einrichten würde, würde ich wahrscheinlich WooCommerce, Easy Digital Downloads oder ein anderes komplexeres Plugin verwenden. Stripe Payments zu akzeptieren, schien mir für dieses Projekt einfacher zu sein.

Im Video wird nicht gezeigt, wie du die Einstellungen des Plugins konfigurierst, aber du musst deine Stripe-API-Schlüssel hinzufügen und ein paar Einstellungen für deinen Ein-Produkt-Laden vornehmen.

Schritt 3: Erstelle ein neues Produkt und verknüpfe den Checkout-Button.

Gehe zu Stripe Payments >> Neue Produkte hinzufügen. Füge einen Titel, eine Standardwährung, einen Preis, Variationen, Versandkosten, eine Produkt-URL (für digitale Produkte) und eine Dankeseiten-URL hinzu, falls diese für dein Produkt zutreffen. Das Plugin unterstützt die Einstellung der verfügbaren Menge und die Aktivierung der Bestandskontrolle. Achte darauf, dass du für physische Produkte, die versendet werden müssen, die Option "Sowohl Rechnungs- als auch Versandadressen erfassen" auswählst.

Ich empfehle nicht, dieses spezielle Handelsplugin zu verwenden. Es ist nur eines, das ich mit einem Stripe-Block gesehen habe, der nicht unbedingt darauf abzielt, eine vollständige E-Commerce-Engine zu bieten. Eine überraschende Anzahl von Plugins unterstützt nur Shortcodes und hat keinen Block zur Verfügung. In diesem Fall wollte ich, obwohl das Plugin einen Block enthält, die Ausgabe des Buttons nicht umgestalten müssen. Jedes Produkt enthält eine URL, die du in den Block-Editor einfügen kannst. Sobald dein Produkt erstellt ist, fügst du den Produktlink in den Text der Schaltfläche für die Kasse ein.

Der letzte Schritt besteht darin, den Kaufprozess zu testen. Du kannst Stripe 's Test API Schlüssel und Test-Kreditkartennummern, um sicherzustellen, dass es funktioniert, bevor du es live schaltest. Das Checkout-Formular wird in einem modalen Fenster geöffnet und die Kunden werden nach der Kreditkartenzahlung auf die Seite "Checkout Result" weitergeleitet. Diese Seite kann im Block-Editor weiter angepasst werden.

Wenn du über diese einfache Website mit nur einem Produkt hinausgehen willst, kannst du mit dem Plugin Accept Stripe Payments mehrere Produkte hinzufügen oder andere Dinge tun, wie z. B. Spenden sammeln oder "Authorize Only"-Produkte erstellen.

Quelle


Dieser Artikel ist im Original von wptavern.com und wurde übersetzt
https://wptavern.com/how-to-build-a-single-product-sales-page-with-blocks

Abonniere den RSS-Feed von unseren WP News und verpasse keine Meldung: https://die-mainagentur.de/feed/?post_type=wp-news

Alternativ kannst du unseren WP-Newsletter abonnieren

Mit dem Eintrag in den WP-Newsletter bekommst du per Mail über neue Artikel zugesendet. Du kannst den Newsletter jederzeit abbestellen.
Mehr dazu in der Datenschutzerklärung