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

概要

woocommerce_after_edit_account_form アクションは、WooCommerce の「アカウント編集」フォームの直後にフックされるフックです。このアクションは、ユーザーがアカウント情報を編集した後に追加のフィールドやカスタムコンテンツを表示したいときに便利です。

主な機能の実装例

カスタムプロフィールフィールドの追加
ユーザー向けのメッセージや通知の表示
追加のCTA（コールトゥアクション）ボタンのテキスト変更
ユーザーがアカウント情報を編集した後の情報提供
隠しフィールドや管理用のデータの追加
ウェブサイトの特定のポリシーやリンクを提供

構文

add_action('woocommerce_after_edit_account_form', 'your_custom_function');

パラメータ

このアクションには特定のパラメータはありません。

戻り値

このアクションは値を返すことはありません。

対応するバージョン

WooCommerce: 最小バージョン 2.6
WordPress: 最小バージョン 4.0

サンプルコード

サンプルコード 1

add_action('woocommerce_after_edit_account_form', 'add_custom_profile_fields');

function add_custom_profile_fields() {
    echo '<h3>' . __('Additional Information', 'woocommerce') . '</h3>';
    echo '<p><label>' . __('Custom Field:', 'woocommerce') . '</label></p>';
    echo '<input type="text" name="custom_field" />';
}

このサンプルコードは、アカウント編集フォームの後に「追加情報」というセクションを追加し、カスタムフィールドを表示します。
引用元: https://www.wpbeginner.com/

サンプルコード 2

add_action('woocommerce_after_edit_account_form', 'display_custom_message');

function display_custom_message() {
    echo '<div class="custom-message">' . __('Thank you for updating your account!', 'woocommerce') . '</div>';
}

このサンプルコードは、アカウント情報を更新した後に感謝のメッセージを表示します。
引用元: https://www.wpexplorer.com/

サンプルコード 3

add_action('woocommerce_after_edit_account_form', 'add_subscription_option');

function add_subscription_option() {
    echo '<h4>' . __('Subscribe to our newsletter', 'woocommerce') . '</h4>';
    echo '<input type="checkbox" name="newsletter_subscribe" /> ' . __('I want to receive newsletters', 'woocommerce');
}

このサンプルコードは、ユーザーがアカウントを編集する際にニュースレターの購読オプションを追加します。
引用元: https://www.wp6.org/

サンプルコード 4

add_action('woocommerce_after_edit_account_form', 'show_policy_links');

function show_policy_links() {
    echo '<p>' . __('Please review our privacy policy.', 'woocommerce') . ' <a href="#">' . __('Privacy Policy', 'woocommerce') . '</a></p>';
}

このサンプルコードは、アカウント編集フォームの後にプライバシーポリシーへのリンクを表示します。
引用元: https://www.wpdevart.com/

サンプルコード 5

add_action('woocommerce_after_edit_account_form', 'add_custom_footer_note');

function add_custom_footer_note() {
    echo '<p class="footer-note">' . __('Note: Keep your account information updated for better service.', 'woocommerce') . '</p>';
}

このサンプルコードは、アカウント編集フォームの後に注意書きを追加します。
引用元: https://www.wpmudev.org/

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

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

概要