Key Takeaways
-
Mit
- mit WooCommerce können Sie einzigartige Gutscheincodes erstellen, die Kunden für Produkte einlösen können, was besonders nützlich sein kann, um Elemente bei Veranstaltungen wie Konferenzen vorzubereiten.
- Eine Seite mit WooCommerce-Einlösungen Produkte kann erstellt werden, indem Sie Ihre Seite verdoppeln und in eine Seitenvorlage umwandeln, z. B. Page-Coupon-regeleem.php. Diese Seite bietet ein einfaches Formular, bei dem Kunden ihren Gutscheincode eingeben können.
- Der Rückzahlungsprozess kann durch AJAX -Funktionalität verbessert werden, wodurch glattere und schnellere Benutzerinteraktionen ermöglicht werden, indem die Notwendigkeit von Seitenladungen reduziert werden. Dies wird erreicht, indem der Couponcode validiert und die entsprechenden Produkte automatisch zum Wagen zum Checkout hinzugefügt werden.
- Das Smart Coupons -Plugin kann verwendet werden, um mehrere Gutscheine zu generieren, zu verfolgen, die Nutzung zu begrenzen, Ablaufdaten festzulegen, Gutscheine auf bestimmte Produkte oder Kategorien anzuwenden und die automatische Anwendung von Gutscheinen zu aktivieren.
In diesem Artikel werden wir eine einzigartige Methode untersuchen, um Ihren Kunden ein Produkt oder eine Gruppe von Produkten, die sie möglicherweise bereits auf einer Konferenz oder einer anderen ähnlichen Veranstaltung bezahlt haben, leicht einzulegen.
Lassen Sie uns ein bisschen mehr über das Konzept sprechen. Angenommen, Sie sind ein Ladenbesitzer mit einem revolutionären neuen Produkt und präsentieren es Tausenden von Menschen auf einer Konferenz. Am Ende Ihrer Rede können die Kunden, die bereit sind, Ihr Produkt zu probieren, dies im Voraus zu bezahlen. Möglicherweise haben Sie sie sogar veranlasst, indem Sie Ihren Preis auf die ersten 500 Kunden gesenkt haben.
In diesem Szenario werden Sie in WooCommerce 500 Coupons mit einem Produktrabatt von 100%erstellen. Sie können das Smart Coupons -Plugin verwenden, um diese 500 Coupons zu generieren, damit Sie sie nicht manuell erstellen müssen. Jeder im Voraus bezahlte Kunde erhält einen Gutscheincode, aber was der Kunde weiß, dass er nur ein Code ist, um die Produkte einzulösen.
Erstellen der Gutscheincodes
Wenn Sie Ihr Angebot ernst genug haben, werden Sie versuchen, die Gutscheincodes zufällig aussehen zu lassen und es für die Benutzer, wenn sie nicht unmöglich sind, einen gültigen Gutscheincode zu finden. Stellen Sie sicher, dass Sie auswählen, welche Produkte mit diesem Gutschein gebunden sind, damit wir sie später automatisch zum Wagen hinzufügen können. Schauen Sie sich eines der Coupons, die ich erstellt habe, einen Blick auf die Einstellungen:

Erstellen der Seite WooCommerce Einlösen Produkte
Sie können problemlos eine Kopie Ihrer Seite.php erstellen und in eine Seitenvorlage verwandeln, damit Sie sie für die Seite verwenden können, die wir diese Kunden senden, damit sie ihre Produkte einlösen können. Nennen Sie es so etwas wie Page-Coupon-regeleeem.php
Das folgende Markup ist das, was wir verwenden werden, um das dem Kunden auf dieser Seite angezeigte Formular zu formatieren. Es ist nur ein Formular mit zwei Feldern, eines für den Eintritt in ihren Code und die tatsächliche Sendetaste. Wir versuchen, dies für den Kunden so einfach wie möglich zu halten. Wir werden also alles über Ajax tun, damit es so wenig Seitenladungen wie möglich gibt.
<span><span><span><div> class<span>="redeem-coupon"</span>> <span><span><span><form> id<span>="ajax-coupon-redeem"</span>></form></span> </span> <span><span><span><p>></p></span> </span> <span><span><span><input> type<span>="text"</span> name<span>="coupon"</span> id<span>="coupon"</span>/></span> </span> <span><span><span><input> type<span>="submit"</span> name<span>="redeem-coupon"</span> value<span>="Redeem Offer"</span> /></span> </span> <span><span><span></span>></span> </span> <span><span><span><p> class<span>="result"</span>></p></span><span><span></span>></span> </span> <span><span><span></span>></span><!-- #ajax-coupon-redeem --> </span><span><span><span></span></span></span></span></span></span></span></span> </div></span>></span><!-- .redeem-coupon --></span>
Wenn der Benutzer einen Code eingibt und die Schaltfläche Senden erhält, wird der im Textfeld eingegebene Wert zur Validierung gesendet. Wenn er zufällig gültig ist, wird der Benutzer auf die Seite "CART" umgeleitet und die Produkte werden auf Seien Sie bereits da, um den Preis von 0 US -Dollar zu überprüfen. Wenn der Code zufällig falsch ist, benachrichtigen wir den Benutzer, dass etwas nicht stimmt und der eingegebene Code nicht gültig ist.
Erstellen der Ajax -Funktionalität
Wenn Sie Ajax noch nie in WordPress gemacht haben, finden Sie in meinem vorherigen Artikel AJAX zu Ihrem WordPress -Plugin, um eine kurze Einführung in die Ausführung von AJAX in WordPress hinzuzufügen.
Beginnen wir mit der Erstellung der AJAX -Funktionalität, die für unsere Seite "Ihre Produkte einlösen" wie erwartet erforderlich ist. Alle folgenden Code gilt in Ihrer Datei Ihrer Funktionen.php Ihres Themas.
Registrieren Sie unseren Ajax -Handler
Registrieren Sie zuerst unseren AJAX -Anrufhandler, indem Sie die Aktion wp_ajax_ $ und WP_AJAX_NOPRIV_ $ Action anschließen.
<span>add_action( 'wp_ajax_spyr_coupon_redeem_handler', 'spyr_coupon_redeem_handler' ); </span><span>add_action( 'wp_ajax_nopriv_spyr_coupon_redeem_handler', 'spyr_coupon_redeem_handler' );</span>
Beachten Sie, dass dieselbe Funktion den AJAX -Aufruf für beide Kunden bearbeitet, unabhängig davon
Als nächstes werden wir unsere Logik aufbauen, um die folgenden möglichen Szenarien zu berücksichtigen:
- Code -Textfeld ist leer
- Code ist ungültig, was bedeutet kein gültiger Gutscheincode
- erfolgreich einen gültigen Gutschein präsentieren
Jetzt, da wir unsere Aktionen registrieren und wissen, was zu tun ist, müssen wir die tatsächliche Funktion schreiben, die unsere möglichen Szenarien behandelt.
<span><span><?php </span></span><span><span>function spyr_coupon_redeem_handler() { </span></span><span> </span><span> <span>// Get the value of the coupon code </span></span><span> <span>$code = $_REQUEST['coupon_code']; </span></span><span> </span><span> <span>// Check coupon code to make sure is not empty </span></span><span> <span>if( empty( $code ) || !isset( $code ) ) { </span></span><span> <span>// Build our response </span></span><span> <span>$response = array( </span></span><span> <span>'result' => 'error', </span></span><span> <span>'message' => 'Code text field can not be empty.' </span></span><span> <span>); </span></span><span> </span><span> <span>header( 'Content-Type: application/json' ); </span></span><span> <span>echo json_encode( $response ); </span></span><span> </span><span> <span>// Always exit when doing ajax </span></span><span> <span>exit(); </span></span><span> <span>} </span></span><span> </span><span> <span>// Create an instance of WC_Coupon with our code </span></span><span> <span>$coupon = new WC_Coupon( $code ); </span></span><span> </span><span> <span>// Check coupon to make determine if its valid or not </span></span><span> <span>if( ! $coupon->id && ! isset( $coupon->id ) ) { </span></span><span> <span>// Build our response </span></span><span> <span>$response = array( </span></span><span> <span>'result' => 'error', </span></span><span> <span>'message' => 'Invalid code entered. Please try again.' </span></span><span> <span>); </span></span><span> </span><span> <span>header( 'Content-Type: application/json' ); </span></span><span> <span>echo json_encode( $response ); </span></span><span> </span><span> <span>// Always exit when doing ajax </span></span><span> <span>exit(); </span></span><span> </span><span> <span>} else { </span></span><span> <span>// Coupon must be valid so we must </span></span><span> <span>// populate the cart with the attached products </span></span><span> <span>foreach( $coupon->product_ids as $prod_id ) { </span></span><span> <span>WC()->cart->add_to_cart( $prod_id ); </span></span><span> <span>} </span></span><span> </span><span> <span>// Build our response </span></span><span> <span>$response = array( </span></span><span> <span>'result' => 'success', </span></span><span> <span>'href' => WC()->cart->get_cart_url() </span></span><span> <span>); </span></span><span> </span><span> <span>header( 'Content-Type: application/json' ); </span></span><span> <span>echo json_encode( $response ); </span></span><span> </span><span> <span>// Always exit when doing ajax </span></span><span> <span>exit(); </span></span><span> <span>} </span></span><span><span>}</span></span></span>Umgang mit der Einreichung von Form mit JQuery
Alles, was jetzt noch zu tun ist, ist, den JQuery -Code zu erstellen, um den Gutscheincode zur Verarbeitung und Behandlung der zurückgegebenen JSON -Daten an WordPress zu senden.
<span>jQuery( document ).ready( function() { </span> <span>jQuery( '#ajax-coupon-redeem input[type="submit"]').click( function( ev ) { </span> <span>// Get the coupon code </span> <span>var code = jQuery( 'input#coupon').val(); </span> <span>// We are going to send this for processing </span> data <span>= { </span> <span>action: 'spyr_coupon_redeem_handler', </span> <span>coupon_code: code </span> <span>} </span> <span>// Send it over to WordPress. </span> jQuery<span>.post( woocommerce_params.ajax_url, data, function( returned_data ) { </span> <span>if( returned_data.result == 'error' ) { </span> <span>jQuery( 'p.result' ).html( returned_data.message ); </span> <span>} else { </span> <span>// Hijack the browser and redirect user to cart page </span> <span>window.location.href = returned_data.href; </span> <span>} </span> <span>}) </span> <span>// Prevent the form from submitting </span> ev<span>.preventDefault(); </span> <span>}); </span><span>});</span>Endergebnis
Das Styling der Form liegt ganz bei Ihnen. Ich habe das standardmäßige zwanzig zwölf Thema und die Dummydaten von Woocommerce und mit ein paar CSS -Regeln verwendet, die ich unten habe.
leere Feldfehlermeldung

Ungültige Code -Fehlermeldung

gültiger Code/Wagen in

Schlussfolgerung
Obwohl dieses Szenario möglicherweise nicht für jeden Geschäft da draußen gilt, leuchtet Woocommerce dazu, uns eine Reihe von Tools durch ihre API zu bieten, damit wir fast alles erledigen können, was wir uns vorstellen. Fügen Sie der Mischung WordPress hinzu und Sie haben eine vollständige E -Commerce -Lösung, die unübertroffen ist.
Ich hoffe, dass ich in diesem Artikel einige Einblicke in die Funktionsweise von Gutscheinen in WooCommerce gegeben habe und dass Sie sich bei Ihrem nächsten Projekt wohler fühlen werden.
häufig gestellte Fragen (FAQs) zum Erstellen einer WooCommerce -Coupon -Seite
Wie kann ich in WooCommerce einen eindeutigen Gutscheincode erstellen? Navigieren Sie zunächst zum WooCommerce -Abschnitt Ihres WordPress -Dashboards. Klicken Sie unter der Registerkarte "Marketing" auf "Gutscheine". Klicken Sie auf "Gutschein hinzufügen" und Sie werden auf eine neue Seite geleitet, auf der Sie Ihren eindeutigen Gutscheincode erstellen können. Sie können den Gutscheincode, den Rabatttyp, den Gutscheinbetrag und die anderen Einstellungen entsprechend Ihren Anforderungen anpassen. Denken Sie daran, auf "Veröffentlichen" zu klicken, um Ihren neuen Gutscheincode zu speichern.
Kann ich ein Ablaufdatum für meinen WooCommerce -Gutschein festlegen? Beim Erstellen oder Bearbeiten eines Gutscheins finden Sie eine Option "Coupon -Ablaufdatum" auf der Registerkarte "Allgemein". Hier können Sie das Datum auswählen, das der Gutschein abläuft. Denken Sie nach dem Einstellen des Datums daran, auf "Veröffentlichen" oder "Update" zu klicken, um Ihre Änderungen zu speichern.
Wie kann ich die Verwendung meines WooCommerce -Gutscheins einschränken? Ihrer Gutscheine. Unter der Registerkarte "Verwendungsgrenze" beim Erstellen oder Bearbeiten eines Gutschein Coupon. Denken Sie nach dem Einstellen der Grenzen daran, auf "Veröffentlichen" oder "Update" zu klicken, um Ihre Änderungen zu speichern.
Kann ich einen Gutschein auf bestimmte Produkte oder Kategorien anwenden? Gutscheine zu bestimmten Produkten oder Kategorien. Unter der Registerkarte "Nutzungsbeschränkung" beim Erstellen oder Bearbeiten eines Gutscheins können Sie bestimmte Produkte oder Kategorien auswählen, für die der Gutschein gilt. Sie können bestimmte Produkte oder Kategorien auch vom Rabatt des Gutscheins ausschließen. Denken Sie nach dem Einstellen der Einschränkungen daran, auf "Veröffentlichen" oder "Update" zu klicken, um Ihre Änderungen zu speichern.
Wie kann ich Kunden ermöglichen, Gutscheine automatisch anzuwenden? Navigieren Sie nach der Installation und Aktivierung zu den Einstellungen des Plugins. Hier können Sie die Option "auto bewerben" aktivieren, mit der der Rabatt des Gutscheins automatisch angewendet wird, wenn der Wagen des Kunden die Bedingungen des Gutscheins erfüllt.
Kann ich einen Gutschein erstellen, der ein kostenloses Geschenk bietet? > Ja, Sie können einen Gutschein erstellen, der ein kostenloses Geschenk bietet. Sie müssen ein Plugin wie "Smart Coupons für WooCommerce" verwenden. Navigieren Sie nach der Installation und Aktivierung zu den Einstellungen des Plugins. Hier können Sie einen neuen Gutschein erstellen und den Rabatttyp auf "kostenloses Geschenk" festlegen. Sie können dann das Produkt auswählen, das bei Verwendung des Gutscheins als kostenloses Geschenk gegeben wird.
Wie kann ich meinen WooCommerce -Gutschein mit Kunden teilen? Gutschein mit Kunden. Sie können den Gutscheincode in Ihre Marketing -E -Mails aufnehmen, ihn auf Ihrer Website anzeigen oder in den sozialen Medien teilen. Sie können auch ein Plugin wie "Smart Coupons für WooCommerce" verwenden, um den Gutschein direkt per E -Mail an Kunden zu senden.
Kann ich die Verwendung meines WooCommerce -Gutscheins verfolgen? Die Verwendung Ihres WooCommerce -Gutscheins. Im Abschnitt "Berichte" Ihres WooCommerce -Dashboards können Sie detaillierte Berichte über die Verwendung Ihrer Gutscheine anzeigen. Sie können sehen, wie oft jeder Gutschein verwendet wurde, der Gesamtrabattbetrag und mehr. Gutschein, der für die Versandkosten gilt. Wählen Sie beim Erstellen oder Bearbeiten eines Gutscheins unter der Dropdown "Rabattart" "Versandrabatt" aus. Sie können dann den Rabattbetrag festlegen. Denken Sie daran, auf "Veröffentlichen" oder "Update" zu klicken, um Ihre Änderungen zu speichern.
Kann ich nur einen Gutschein auf neue Kunden beschränken? Unter der Registerkarte "Nutzungsbeschränkung" beim Erstellen oder Bearbeiten eines Gutscheins können Sie das Kontrollkästchen "Nur Neukunden zulassen" überprüfen. Dies stellt sicher, dass nur Kunden, die ihren ersten Kauf tätigen, den Gutschein verwenden können. Denken Sie nach der Einstellung der Einschränkung daran, auf "Veröffentlichen" oder "Update" zu klicken, um Ihre Änderungen zu speichern.
Das obige ist der detaillierte Inhalt vonErstellen einer Seite mit WooCommerce -Einlösungen Produkte Produkte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Auswahl der richtigen integrierten Entwicklungsumgebung (ID) für die WordPress -Entwicklung Seit zehn Jahren habe ich zahlreiche integrierte Entwicklungsumgebungen (IDEs) für WordPress -Entwicklung untersucht. Die schiere Abwechslung - von frei bis kommerziell, einfach zu FEA

Dieses Tutorial zeigt, dass das Erstellen eines WordPress-Plugins mithilfe von OP-Prinzipien (Object-oriented Programming) erstellt wird, wodurch die Dribbble-API eingesetzt wird. Lassen Sie uns den Text für Klarheit und Zuversicht verfeinern und gleichzeitig die ursprüngliche Bedeutung und Struktur erhalten. Objektori

Best Practices für die Übergabe von PHP -Daten an JavaScript: Ein Vergleich von wp_localize_script und wp_add_inline_script Das Speichern von Daten in statischen Zeichenfolgen in Ihren PHP -Dateien ist eine empfohlene Praxis. Wenn diese Daten in Ihrem JavaScript -Code benötigt werden, Incorporat

Dieser Handbuch zeigt, wie PDF -Dateien in WordPress -Posts und Seiten mit einem WordPress -PDF -Plugin eingebettet und geschützt werden. PDFs bieten ein benutzerfreundliches, allgemein zugängliches Format für verschiedene Inhalte, von Katalogen bis zu Präsentationen. Diese Methode ens

WordPress ist für Anfänger leicht zu beginnen. 1. Nach dem Anmeldung im Hintergrund ist die Benutzeroberfläche intuitiv und das einfache Dashboard bietet alle erforderlichen Funktionslinks. 2. Grundlegende Vorgänge umfassen das Erstellen und Bearbeiten von Inhalten. Der Wysiwyg -Editor vereinfacht die Erstellung von Inhalten. 3. Anfänger können die Website-Funktionen durch Plug-Ins und Themen erweitern, und die Lernkurve existiert, kann aber durch das Üben gemeistert werden.

Die Leute verwenden WordPress wegen ihrer Kraft und Flexibilität. 1) WordPress ist ein Open -Source -CMS mit einer starken Benutzerfreundlichkeit und Skalierbarkeit, die für verschiedene Website -Anforderungen geeignet ist. 2) Es hat reichhaltige Themen und Plugins, ein riesiges Ökosystem und eine starke Unterstützung der Gemeinschaft. 3) Das Arbeitsprinzip von WordPress basiert auf Themen, Plug-Ins und Kernfunktionen und verwendet PHP und MySQL, um Daten zu verarbeiten und die Leistungsoptimierung zu unterstützen.


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

mPDF
mPDF ist eine PHP-Bibliothek, die PDF-Dateien aus UTF-8-codiertem HTML generieren kann. Der ursprüngliche Autor, Ian Back, hat mPDF geschrieben, um PDF-Dateien „on the fly“ von seiner Website auszugeben und verschiedene Sprachen zu verarbeiten. Es ist langsamer und erzeugt bei der Verwendung von Unicode-Schriftarten größere Dateien als Originalskripte wie HTML2FPDF, unterstützt aber CSS-Stile usw. und verfügt über viele Verbesserungen. Unterstützt fast alle Sprachen, einschließlich RTL (Arabisch und Hebräisch) und CJK (Chinesisch, Japanisch und Koreanisch). Unterstützt verschachtelte Elemente auf Blockebene (wie P, DIV),

SublimeText3 Englische Version
Empfohlen: Win-Version, unterstützt Code-Eingabeaufforderungen!

Dreamweaver Mac
Visuelle Webentwicklungstools

Herunterladen der Mac-Version des Atom-Editors
Der beliebteste Open-Source-Editor

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
