プラグインWooCommerceのwoocommerce_checkout_after_order_reviewアクションの使用方法・解説

概要

woocommerce_checkout_after_order_review アクションは、WooCommerceのチェックアウトページにおいて、注文内容のレビューの後にカスタムコンテンツを追加するために使用されるフックです。このアクションは、以下のような機能を実装する際によく使われます。

1. カスタムメッセージの表示
2. クーポン入力フォームの追加
3. プロモーション情報の表示
4. メンバーシップや特典の紹介
5. 購入時に必要なアンケートやフィードバックフォームの挿入
6. サードパーティのウィジェットや機能の統合

構文

add_action('woocommerce_checkout_after_order_review', 'your_function_name');

パラメータ

• 無し

戻り値

• 無し

使用可能なバージョン

• WooCommerceのバージョン: 2.1.0以降
• WordPressのバージョン: 4.0以降

この関数のアクションでの使用可能性

アクション名	使用例
mu_plugin_loaded
registered_post_type
plugins_loaded
wp_roles_init
setup_theme
after_setup_theme
set_current_user
init
register_sidebar
wp_loaded
send_headers
parse_query
pre_get_posts
wp
template_redirect
get_header
wp_head

サンプルコード

サンプルコード 1: カスタムメッセージの表示

このコードは、チェックアウトページにカスタムメッセージを表示します。

add_action('woocommerce_checkout_after_order_review', 'custom_checkout_message');

function custom_checkout_message() {
    echo '<div class="custom-message">ご購入いただきありがとうございます。このメッセージはカスタムで追加されたものです。</div>';
}

引用元: https://developer.wordpress.org

サンプルコード 2: クーポン入力フォームの追加

このコードは、クーポンコードの入力フォームをチェックアウトのレビューの後に追加します。

add_action('woocommerce_checkout_after_order_review', 'add_coupon_form');

function add_coupon_form() {
    echo '<h3>クーポンコードの入力</h3>';
    echo '<input type="text" name="coupon_code" placeholder="クーポンコード">';
}

引用元: https://woocommerce.com

サンプルコード 3: プロモーション情報の表示

このコードは、チェックアウト時に特別なプロモーション情報を表示します。

add_action('woocommerce_checkout_after_order_review', 'show_promotional_info');

function show_promotional_info() {
    echo '<div class="promo-info">今なら全商品10%オフ！クーポンコード「SALE10」をご利用ください。</div>';
}

引用元: https://developer.wordpress.org

サンプルコード 4: 購入時に必要なアンケートの挿入

このサンプルは、購入時に顧客に簡単なアンケートを表示します。

add_action('woocommerce_checkout_after_order_review', 'insert_survey');

function insert_survey() {
    echo '<h3>簡単なアンケート</h3>';
    echo '<form><textarea name="customer_feedback" placeholder="ご意見をお聞かせください。"></textarea></form>';
}

引用元: https://woocommerce.com

サンプルコード 5: サードパーティウィジェットの統合

このコードでは、サードパーティのウィジェットをチェックアウトページに追加します。

add_action('woocommerce_checkout_after_order_review', 'add_third_party_widget');

function add_third_party_widget() {
    echo '<div class="third-party-widget">ここにサードパーティのウィジェットが表示されます。</div>';
}

引用元: https://developer.wordpress.org