鑰匙要點

• WooCommerce允許您創(chuàng)建客戶可以兌換產(chǎn)品的獨特優(yōu)惠券代碼，這對于諸如會議之類的活動的預(yù)銷售項目特別有用。
>
• >可以通過復(fù)制您的頁面。此頁面將具有一個簡單的表格，客戶可以在其中輸入其優(yōu)惠券代碼。
>可以通過AJAX功能來增強贖回過程，通過減少頁面加載的需求，可以使用戶交互更加順暢，更快。這是通過驗證優(yōu)惠券代碼并自動將相應(yīng)產(chǎn)品添加到購物車中以進行結(jié)帳來實現(xiàn)的。
智能優(yōu)惠券插件可用于生成多個優(yōu)惠券，跟蹤使用情況，限制使用情況，設(shè)置到期日期，將優(yōu)惠券應(yīng)用于特定產(chǎn)品或類別，并啟用自動應(yīng)用優(yōu)惠券。
>在本文中，我們將探索一種獨特的方式，允許您的客戶輕松兌換他們可能已經(jīng)在會議或其他類似活動中已經(jīng)支付的產(chǎn)品或一組產(chǎn)品。

>

>讓我們更多地談?wù)撨@個概念。假設(shè)您是擁有革命性新產(chǎn)品的商店老板，并在會議上向成千上萬的人介紹了它。在演講結(jié)束時，那些愿意嘗試您的產(chǎn)品的客戶可以提前付款。您甚至可能通過將您的價格降低給前500名客戶來吸引他們。> 在這種情況下，您將在WooCommerce中做的是創(chuàng)建500張優(yōu)惠券，產(chǎn)品折扣為100％。您可以使用智能優(yōu)惠券插件來生成這500張優(yōu)惠券，因此您不必手動創(chuàng)建它們。每個提前付款的客戶都會獲得優(yōu)惠券代碼，但據(jù)客戶所知，這只是贖回產(chǎn)品的代碼。

>

創(chuàng)建優(yōu)惠券代碼

>如果您對要約的認(rèn)真程度，那么您將嘗試使優(yōu)惠券代碼看起來隨機，并且使用戶不可能提出有效的優(yōu)惠券代碼。確保選擇哪些產(chǎn)品綁在此優(yōu)惠券上，以便以后可以自動將其添加到購物車中。看看我創(chuàng)建的優(yōu)惠券之一，請密切關(guān)注設(shè)置：>

創(chuàng)建WooCommerce贖回產(chǎn)品頁面

>您可以輕松地制作page.php的副本，然后將其轉(zhuǎn)換為頁面模板，以便您可以將其用于我們要發(fā)送這些客戶的頁面，以便他們可以兌換產(chǎn)品。命名類似于page-coupon-redeem.php

>以下標(biāo)記是我們將使用該頁面上顯示給客戶的表單的格式。這只是一個帶有兩個字段的表格，一個用于輸入其代碼和實際提交按鈕。我們正在努力使客戶盡可能簡單。因此，我們將通過Ajax進行所有操作，因此頁面加載盡可能少。

>

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

>用戶輸入代碼并鍵入提交按鈕時，在文本字段中輸入的值將進行驗證，如果恰好是有效的，則將將用戶重定向到“購物車”頁面，并且產(chǎn)品將會已經(jīng)在那里以$ 0的價格結(jié)帳。如果有任何偶然的代碼不正確，那么我們將通知用戶出錯，并且輸入的代碼無效。

>

構(gòu)建Ajax功能

如果您從未在WordPress中完成Ajax，請參閱我以前的文章，將AJAX添加到您的WordPress插件中，以簡要介紹WordPress中的Ajax。

>讓我們開始構(gòu)建“贖回您的產(chǎn)品頁面”所需的AJAX功能，以如預(yù)期的那樣運行。主題的functions.php文件中的所有代碼均為

>

注冊我們的Ajax處理程序

第一次注冊我們的AJAX調(diào)用處理程序，通過掛接WP_AJAX_ $ ACTION和WP_AJAX_NOPRIV_ $ ACTION ACTION。

請注意，無論是否登錄，同一功能都在處理AJAX調(diào)用。

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

>

接下來，我們將開始構(gòu)建我們的邏輯以說明以下可能的方案：>

>代碼文本字段為空

代碼無效，含義不是有效的優(yōu)惠券代碼
成功提供有效的優(yōu)惠券
• 處理優(yōu)惠券邏輯

>現(xiàn)在我們已經(jīng)注冊了操作，并且知道該怎么做，我們需要編寫可以處理我們可能場景的實際功能。

>

>用jQuery

處理表單提交

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

>現(xiàn)在剩下要做的就是構(gòu)建jQuery代碼，以將優(yōu)惠券代碼提交給WordPress進行處理和處理返回的JSON數(shù)據(jù)。

最終結(jié)果

>表格的樣式完全取決于您。我已經(jīng)使用了默認(rèn)的20個主題和WooCommerce的虛擬數(shù)據(jù)，并且使用了幾個CSS規(guī)則，這就是我下面的內(nèi)容。

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

>

空字段錯誤消息

>無效的代碼錯誤消息

>有效的代碼/卡車填充

結(jié)論

>即使這種情況可能不適用于那里的每個商店，WooCommerce也可以通過其API為我們提供一組工具，以便我們幾乎可以完成任何想法。將WordPress添加到混音中，您將獲得一個完整的電子商務(wù)解決方案，這是首屈一指的。

>

>我希望通過本文，我對優(yōu)惠券如何在WooCommerce中的工作提供了一些見解，并且您在下一個項目中使用它會更加自在。

>

>創(chuàng)建WooCommerce贖回優(yōu)惠券頁面的常見問題（常見問題解答）

>如何在WooCommerce中創(chuàng)建唯一的優(yōu)惠券代碼？

>在WooCommerce中創(chuàng)建唯一的優(yōu)惠券代碼是一個簡單的過程。首先，導(dǎo)航到WordPress儀表板的WooCommerce部分。單擊“營銷”選項卡下的“優(yōu)惠券”。單擊“添加優(yōu)惠券”，您將被指向新頁面，您可以在其中創(chuàng)建唯一的優(yōu)惠券代碼。您可以根據(jù)需要自定義優(yōu)惠券代碼，折扣類型，優(yōu)惠券金額和其他設(shè)置。請記住要單擊“發(fā)布”以保存您的新優(yōu)惠券代碼。

我可以為我的WooCommerce優(yōu)惠券設(shè)置到期日期嗎？在創(chuàng)建或編輯優(yōu)惠券時，您會在“常規(guī)”選項卡下找到“優(yōu)惠券到期日期”選項。在這里，您可以選擇要優(yōu)惠券到期的日期。設(shè)置日期后，請記住單擊“發(fā)布”或“更新”以保存更改。

我如何限制WooCommerce優(yōu)惠券的使用？

woocommerce允許您限制用法您的優(yōu)惠券。在創(chuàng)建或編輯優(yōu)惠券時，在“使用限制”選項卡下，您可以設(shè)置優(yōu)惠券的次數(shù)，可以應(yīng)用的項目數(shù)，或者單個用戶可以使用的次數(shù)優(yōu)惠券。設(shè)置限制后，請記住單擊“發(fā)布”或“ Update”以保存您的更改。

我可以將優(yōu)惠券應(yīng)用于特定產(chǎn)品或類別嗎？特定產(chǎn)品或類別的優(yōu)惠券。在創(chuàng)建或編輯優(yōu)惠券時的“用法限制”選項卡下，您可以選擇優(yōu)惠券將適用的特定產(chǎn)品或類別。您還可以從優(yōu)惠券的折扣中排除某些產(chǎn)品或類別。設(shè)置限制后，請記住單擊“發(fā)布”或“更新”以節(jié)省您的更改。>

>我如何使客戶自動應(yīng)用優(yōu)惠券？

使客戶能夠自動應(yīng)用優(yōu)惠券，您需要使用諸如“ smart優(yōu)惠券”之類的插件。安裝并激活后，導(dǎo)航到插件的設(shè)置。在這里，您可以啟用“自動申請”選項，當(dāng)客戶的購物車符合優(yōu)惠券的條件時，它將自動應(yīng)用優(yōu)惠券的折扣。

>

我可以創(chuàng)建一個提供免費禮物的優(yōu)惠券嗎？

??

是的，您可以創(chuàng)建免費禮物的優(yōu)惠券。您需要使用諸如“ WooCommerce的智能優(yōu)惠券”之類的插件。安裝并激活后，導(dǎo)航到插件的設(shè)置。在這里，您可以創(chuàng)建新的優(yōu)惠券，并將折扣類型設(shè)置為“免費禮物”。然后，您可以在使用優(yōu)惠券時選擇將作為免費禮物提供的產(chǎn)品。

>我如何與客戶共享我的WooCommerce Coupon？與客戶的優(yōu)惠券。您可以在營銷電子郵件中包含優(yōu)惠券代碼，在網(wǎng)站上顯示，或在社交媒體上共享。您還可以使用諸如``WooCommerce for WooCommerce for WooCommerce''之類的插件直接通過電子郵件將優(yōu)惠券發(fā)送給客戶。

我可以跟蹤我的WooCommerce優(yōu)惠券的使用嗎？您的WooCommerce優(yōu)惠券的使用。在WooCommerce儀表板的“報告”部分下，您可以查看有關(guān)優(yōu)惠券使用情況的詳細(xì)報告。您可以看到每張優(yōu)惠券已使用了多少次，給出的總折扣金額等等。

>我可以創(chuàng)建適用于運輸成本的優(yōu)惠券嗎？適用于運輸成本的優(yōu)惠券。在創(chuàng)建或編輯優(yōu)惠券時，請在“折扣類型”下拉菜單下選擇“運輸折扣”。然后，您可以設(shè)置折扣金額。請記住要單擊“發(fā)布”或“更新”以保存您的更改。

我只能將優(yōu)惠券限制在新客戶嗎？

是的，您只能將優(yōu)惠券限制在新客戶身上。在創(chuàng)建或編輯優(yōu)惠券時的“使用限制”選項卡下，您可以選中“僅允許新客戶”的框。這將確保只有首次購買的客戶才能使用優(yōu)惠券。設(shè)置限制后，請記住單擊“發(fā)布”或“更新”以節(jié)省您的更改。>

以上是創(chuàng)建WooCommerce兌換產(chǎn)品頁面的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！