鑰匙要點(diǎn)

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

>

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

>

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

>如果您對(duì)要約的認(rèn)真程度，那麼您將嘗試使優(yōu)惠券代碼看起來(lái)隨機(jī)，並且使用戶不可能提出有效的優(yōu)惠券代碼。確保選擇哪些產(chǎn)品綁在此優(yōu)惠券上，以便以後可以自動(dòng)將其添加到購(gòu)物車中?？纯次覄?chuàng)建的優(yōu)惠券之一，請(qǐng)密切關(guān)注設(shè)置：>

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

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

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

>

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

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

>

構(gòu)建Ajax功能

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

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

>

註冊(cè)我們的Ajax處理程序

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

請(qǐng)注意，無(wú)論是否登錄，同一功能都在處理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>

>

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

>代碼文本字段為空

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

>現(xiàn)在我們已經(jīng)註冊(cè)了操作，並且知道該怎麼做，我們需要編寫可以處理我們可能場(chǎng)景的實(shí)際功能。

>

>用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進(jìn)行處理和處理返回的JSON數(shù)據(jù)。

最終結(jié)果

>表格的樣式完全取決於您。我已經(jīng)使用了默認(rèn)的20個(gè)主題和WooCommerce的虛擬數(shù)據(jù)，並且使用了幾個(gè)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>

>

空字段錯(cuò)誤消息

>無(wú)效的代碼錯(cuò)誤消息

>有效的代碼/卡車填充

結(jié)論

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

>

>我希望通過(guò)本文，我對(duì)優(yōu)惠券如何在WooCommerce中的工作提供了一些見解，並且您在下一個(gè)項(xiàng)目中使用它會(huì)更加自在。

>

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

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

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

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

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

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

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

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

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

>

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

??

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

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

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

>我可以創(chuàng)建適用於運(yùn)輸成本的優(yōu)惠券嗎？適用於運(yùn)輸成本的優(yōu)惠券。在創(chuàng)建或編輯優(yōu)惠券時(shí)，請(qǐng)?jiān)凇罢劭垲愋汀毕吕藛蜗逻x擇“運(yùn)輸折扣”。然後，您可以設(shè)置折扣金額。請(qǐng)記住要單擊“發(fā)布”或“更新”以保存您的更改。

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

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

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