キーテイクアウト

• woocommerceを使用すると、顧客が製品に対して引き換えることができる獨(dú)自のクーポンコードを作成できます。 Ajax機(jī)能により、償還プロセスを強(qiáng)化することができます。これにより、ページの負(fù)荷の必要性を減らすことで、よりスムーズで高速なユーザーインタラクションが可能になります。これは、クーポンコードを検証し、チェックアウトのために対応する製品をカートに自動(dòng)的に追加することによって実現(xiàn)されます。
• スマートクーポンプラグインを使用して、複數(shù)のクーポンを生成し、使用するのを追跡し、使用するのを制限し、有効期限を設(shè)定し、特定の製品またはカテゴリにクーポンを適用し、クーポンの自動(dòng)アプリケーションを有効にすることができます。
この記事では、顧客がすでに會(huì)議や他の同様のイベントですでに支払った製品または製品のグループを簡(jiǎn)単に引き換えることができる獨(dú)自の方法を探ります。
• このコンセプトについてもう少し話しましょう。あなたが革新的な新製品を持っている店主であり、會(huì)議で何千人もの人々にそれを提示するとしましょう。あなたのスピーチの終わりに、あなたの製品を試してみる意思のある顧客は、事前にそれを行い、それを支払うことができます。最初の500人の顧客に価格を下げることで、それらを誘惑したかもしれません。 このシナリオでは、WooCommerceで行うことは500クーポンを作成することで、100％の製品割引があります。スマートクーポンプラグインを使用してこれらの500のクーポンを生成して、手動(dòng)で作成する必要がないようにすることができます。事前に支払った各顧客はクーポンコードを取得しますが、顧客が知っている限り、それは製品を引き換えるコードにすぎないことを知っています。 クーポンコードの作成
オファーについて十分に真剣である場(chǎng)合は、ユーザーが有効なクーポンコードを作成することは不可能ではないにしても、クーポンコードをランダムに見せて難しくしようとします。後で自動(dòng)的にカートに追加できるように、このクーポンに縛られている製品を選択してください。私が作成したクーポンの1つを見て、設(shè)定に細(xì)心の注意を払ってください。

WooCommerce Redeem Products Pageの作成

page.phpのコピーを簡(jiǎn)単に作成してページテンプレートに変えることができます。そうすれば、それらの顧客に製品を引き換えることができるページに使用できます。 Page-Coupon-Redeem.php

のような名前を付けてください

次のマークアップは、そのページの顧客に表示されるフォームをフォーマットするために使用するものです。これは、コードと実際の送信ボタンを入力するための2つのフィールドを備えたフォームにすぎません。私たちは、これを顧客のために可能な限りシンプルにしようとしています。だから私たちは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ǎng)合、ユーザーは「カート」ページにリダイレクトされ、製品は製品がリダイレクトされますすでに0ドルの価格でチェックアウトするためにそこにいます。たまたまコードが正しくない場(chǎng)合、何かが間違っていて入力されたコードが有効でないことをユーザーに通知します。

ajax機(jī)能の構(gòu)築

WordPressでAjaxを行ったことがない場(chǎng)合は、WordPressでAjaxを簡(jiǎn)単に紹介するために、WordPressプラグインにAjaxを追加してください。

「製品ページを引き換える」に必要なAjax機(jī)能の構(gòu)築を開始して、予想どおりに機(jī)能します。以下のすべてのコードは、functions.phpファイルに掲載されています。

ajaxハンドラーを登録します

最初に、wp_ajax_ $ actionとwp_ajax_nopriv_ $アクションアクションに接続して、ajaxコールハンドラーを登録します。

同じ関數(shù)が、ログインしているかどうかにかかわらず、両方の顧客のAJAX呼び出しを処理していることに注意してください。

次に、次の可能なシナリオを説明するためにロジックの構(gòu)築を開始します。

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

コードテキストフィールドが空です

コードが無効であるため、意味は有効なクーポンコードではありません

有効なクーポンを正常に提示します

クーポンロジックの処理
• アクションが登録され、何をすべきかがわかったので、可能なシナリオを処理する実際の関數(shù)を記述する必要があります。
• jquery
でフォームの送信を処理します

今やるべきことは、jQueryコードを構(gòu)築して、jsonデータを処理および処理するためにクーポンコードをWordPressに送信することだけです。

最終結(jié)果

フォームのスタイリングは完全にあなた次第です。デフォルトのTwellve ThemeとWooCommerceのダミーデータを使用しましたが、いくつかのCSSルールを使用して、これは以下にあります。

空のフィールドエラーメッセージ

無効なコードエラーメッセージ

有効なコード/カートが存在する

結(jié)論

このシナリオはそこにあるすべての店には適用されないかもしれませんが、WooCommerceはAPIを介して一連のツールを提供して、私たちが心を設(shè)定したほとんどすべてのものを達(dá)成できるように輝いています。ミックスにWordPressを追加すると、誰にも負(fù)けない完全なeコマースソリューションがあります。

この記事を通して、クーポンがWooCommerceでどのように機(jī)能するかについての洞察を提供し、次のプロジェクトで使用するのがより快適に感じることを願(yuàn)っています。

WooCommerce Redeemクーポンページの作成に関するよくある質(zhì)問（FAQ）

WooCommerceで一意のクーポンコードを作成するにはどうすればよいですか？

WooCommerceで一意のクーポンコードを作成することは、簡(jiǎn)単なプロセスです。まず、WordPressダッシュボードのWooCommerceセクションに移動(dòng)します。 [マーケティング]タブの下で「クーポン」をクリックします。 「クーポンの追加」をクリックすると、一意のクーポンコードを作成できる新しいページに向けられます。ニーズに応じて、クーポンコード、割引タイプ、クーポン額、その他の設(shè)定をカスタマイズできます。 「公開」をクリックして新しいクーポンコードを保存してください。

WooCommerceクーポンの有効期限を設(shè)定できますか？クーポンを作成または編集するときは、「一般」タブの下に「クーポンの有効期限」オプションがあります。ここでは、クーポンの有効期限を切る日付を選択できます。日付を設(shè)定した後、「公開」または「更新」をクリックして変更を保存してください。あなたのクーポンの。クーポンを作成または編集するときに「使用制限」タブで、クーポンを使用できる回?cái)?shù)、適用できるアイテム數(shù)、または単一のユーザーが使用できる回?cái)?shù)に制限を設(shè)定できます。クーポン。制限を設(shè)定した後、「公開」または「更新」をクリックして変更を保存することを忘れないでください。

特定の製品またはカテゴリにクーポンを適用できますか？特定の製品またはカテゴリへのクーポン。クーポンを作成または編集するときに「使用制限」タブで、クーポンが適用される特定の製品またはカテゴリを選択できます。クーポンの割引から特定の製品またはカテゴリを除外することもできます。制限を設(shè)定した後、「公開」または「更新」をクリックして変更を保存してください。

顧客がクーポンを自動(dòng)的に適用できるようにするにはどうすればよいですか？

顧客がクーポンを自動(dòng)的に適用できるようにするには、「WooCommerce用のスマートクーポン」などのプラグインを使用する必要があります。インストールしてアクティブになったら、プラグインの設(shè)定に移動(dòng)します。ここでは、顧客のカートがクーポンの條件を満たしているときにクーポンの割引を自動(dòng)的に適用する「Auto Apply」オプションを有効にすることができます。 >はい、無料のギフトを提供するクーポンを作成できます。 「WooCommerce用のスマートクーポン」などのプラグインを使用する必要があります。インストールしてアクティブになったら、プラグインの設(shè)定に移動(dòng)します。ここでは、新しいクーポンを作成して、割引タイプを「無料ギフト」に設(shè)定できます。その後、クーポンの使用時(shí)に無料ギフトとして與えられる製品を選択できます。顧客とのクーポン。クーポンコードをマーケティングメールに含めるか、ウェブサイトに表示するか、ソーシャルメディアで共有できます。 「WooCommerceのスマートクーポン」などのプラグインを使用して、メールでクーポンを顧客に直接送信することもできます。 WooCommerceクーポンの使用。 WooCommerceダッシュボードの「レポート」セクションでは、クーポンの使用に関する詳細(xì)なレポートを表示できます。各クーポンが使用された回?cái)?shù)、與えられた総割引額などを確認(rèn)できます。送料に適用されるクーポン。クーポンを作成または編集するときは、「割引タイプ」ドロップダウンの下で、「配送割引」を選択します。その後、割引額を設(shè)定できます。変更を保存するには、「公開」または「更新」をクリックしてください。

クーポンを新規(guī)顧客のみに制限できますか？

はい、クーポンを新規(guī)顧客のみに制限できます。クーポンを作成または編集するときに「使用法制限」タブの下で、「新しい顧客のみを許可する」というボックスを確認(rèn)できます。これにより、最初の購入を行っている顧客のみがクーポンを使用できるようになります。制限を設(shè)定した後、「公開」または「更新」をクリックして変更を保存してください。

以上がWooCommerce Redeem製品ページの作成の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語 Web サイトの他の関連記事を參照してください。