Erstellen einer Seite mit WooCommerce -Einlösungen Produkte Produkte

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</span> class<span>="redeem-coupon"</span>></span>
</span>	<span><span><span><form</span> id<span>="ajax-coupon-redeem"</span>></span>
</span>		<span><span><span><p</span>></span>
</span>			<span><span><span><input</span> type<span>="text"</span> name<span>="coupon"</span> id<span>="coupon"</span>/></span>
</span>			<span><span><span><input</span> type<span>="submit"</span> name<span>="redeem-coupon"</span> value<span>="Redeem Offer"</span> /></span>
</span>		<span><span><span></p</span>></span>
</span>		<span><span><span><p</span> class<span>="result"</span>></span><span><span></p</span>></span>
</span>	<span><span><span></form</span>></span><!-- #ajax-coupon-redeem -->
</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

Umgang mit der Gutscheinlogik

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>

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!