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

概要

woocommerce_review_order_after_submitアクションは、WooCommerceの注文確認画面で「注文する」ボタンの後に、追加のコンテンツを表示するためのフックです。このフックを利用することで、特定の情報を注文確認ページに挿入することができます。この機能は、以下のような場合に利用されることが多いです。

カスタムメッセージの表示
ソーシャルメディアのシェアボタンの追加
クーポンやプロモーションのご案内
追加の条件や利用規約の表示
アンケートやフィードバックフォームの埋め込み
パートナー企業のリンクや広告の表示

構文

add_action( 'woocommerce_review_order_after_submit', 'custom_function_name' );

function custom_function_name() {
    // カスタム処理
}

パラメータ

なし

戻り値

なし。出力を直接行うため。

使用可能なWooCommerceのバージョン

WooCommerce 2.0 以降

使用可能なWordPressのバージョン

WordPress 4.0 以降

サンプルコード

サンプルコード 1

add_action( 'woocommerce_review_order_after_submit', 'add_custom_message' );

function add_custom_message() {
    echo '<p>ご注文ありがとうございます！何かご不明な点がありましたら、お気軽にお問い合わせください。</p>';
}

このサンプルコードは、注文確認の後にカスタムメッセージを表示します。

サンプルコード 2

add_action( 'woocommerce_review_order_after_submit', 'add_share_buttons' );

function add_share_buttons() {
    echo '<div class="social-share">シェアする: <a href="#">Facebook</a> | <a href="#">Twitter</a></div>';
}

このサンプルコードは、注文確認の後にソーシャルメディアのシェアボタンを表示します。

サンプルコード 3

add_action( 'woocommerce_review_order_after_submit', 'display_discount_info' );

function display_discount_info() {
    echo '<p>次回のご利用で使える10%のクーポンコード: SAVE10</p>';
}

このサンプルコードは、注文確認の後に次回使用できるクーポンコードを表示します。

サンプルコード 4

add_action( 'woocommerce_review_order_after_submit', 'add_terms_and_conditions' );

function add_terms_and_conditions() {
    echo '<p><input type="checkbox" required> 利用規約に同意します。</p>';
}

このサンプルコードは、注文確認の後に利用規約に同意するチェックボックスを追加します。

サンプルコード 5

add_action( 'woocommerce_review_order_after_submit', 'add_feedback_form' );

function add_feedback_form() {
    echo '<form><textarea placeholder="ご意見をお聞かせください"></textarea><button type="submit">送信</button></form>';
}

このサンプルコードは、注文確認の後にフィードバックフォームを追加します。

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

アクション名	使用可能性
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

概要

構文