ダミー

【WooCommerce】ログインはこちらから/クーポンコード入力はこちらから

2020年4月23日

当記事ではWordPressでECサイトが作れる無料プラグインWooCommerceの購入手続き画面(お支払い画面)で、「登録済みの方はこちら ログインはこちらから」の「ログインはこちらから」をクリックしても何も起こらない。
同様に「クーポンをお持ちですか?コード入力はこちらから」の「コード入力はこちらから」をクリックしても何も起こらないときの対処法をご紹介します。

お支払い画面

当記事の環境:WordPress バージョン 5.3.2、WooCommerceバージョン 4.0.1

購入手続き画面(お支払い画面)でログイン

購入手続き画面ではいろいろな情報を入力する必要がありますが、登録済みのマイアカウントにログインすると登録済みの情報が自動入力されて便利です。購入手続き画面でログインできます。

まず
/wp-content/plugins/woocommerce/templates/checkout/form-login.php
を以下にコピーします。
/wp-content/themes/お使いのテーマ/woocommerce/checkout/form-login.php

次にコピーしたform-login.phpを開きa href=”#”となっている箇所を探します。以下のようなコードがみつかるでしょう。

	<?php wc_print_notice( apply_filters( 'woocommerce_checkout_login_message', esc_html__( 'Returning customer?', 'woocommerce' ) ) . ' <a href="#" class="showlogin">' . esc_html__( 'Click here to login', 'woocommerce' ) . '</a>', 'notice' ); ?>

# をあなたのサイトのマイアカウントのページに書き変えます。
例えばマイアカウントが/shop/my-account/であれば以下のようになります。

	<?php wc_print_notice( apply_filters( 'woocommerce_checkout_login_message', esc_html__( 'Returning customer?', 'woocommerce' ) ) . ' <a href="/shop/my-account/" class="showlogin">' . esc_html__( 'Click here to login', 'woocommerce' ) . '</a>', 'notice' ); ?>

保存してサーバーにアップすると、「ログインはこちらから」をクリックしたとき以下のようにログイン情報を入力するエリアが表示されます。

ログイン

クーポンコードを利用するためには

  1. WooCommerce > クーポン でクーポンを作成する。
  2. WooCommerce > 設定 > 一般 で「クーポンコードの使用を有効化」にチェックを入れる。

以上で準備ができました。
購入するときカート画面の商品の下にクーポンコードの入力エリアが表示されます。

クーポンコード入力

購入手続き画面(お支払い画面)でクーポンコード入力

以上ご紹介したように、カート画面でクーポンコードが入力できますが、入力せずに購入手続き画面まで進んでしまっても、購入手続き画面でクーポンコードが入力できます。

まず
/wp-content/plugins/woocommerce/templates/checkout/form-coupon.php
を以下にコピーします。
/wp-content/themes/お使いのテーマ/woocommerce/checkout/form-coupon.php

次にコピーしたform-coupon.phpを開きa href=”#”となっている箇所を探します。以下のようなコードがみつかるでしょう。

	<?php wc_print_notice( apply_filters( 'woocommerce_checkout_coupon_message', esc_html__( 'Have a coupon?', 'woocommerce' ) . ' <a href="#" class="showcoupon">' . esc_html__( 'Click here to enter your code', 'woocommerce' ) . '</a>' ), 'notice' ); ?>

# をあなたのサイトのカートのページに書き変えます。
例えばカートが/shop/cart/であれば以下のようになります。

	<?php wc_print_notice( apply_filters( 'woocommerce_checkout_coupon_message', esc_html__( 'Have a coupon?', 'woocommerce' ) . ' <a href="/shop/cart/" class="showcoupon">' . esc_html__( 'Click here to enter your code', 'woocommerce' ) . '</a>' ), 'notice' ); ?>

保存してサーバーにアップすると、「コード入力はこちらから」をクリックしたとき以下のようにクーポンコードを入力するエリアが表示されます。

クーポンコード

注意事項

form-login.php、form-coupon.php は深い階層にあります。コピー元とコピー先、どちらのファイルを編集するか、アップロードする場所、などを間違えないようにご注意ください。

最近の記事

Business News