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

概要

woocommerce_order_tracking_form_end は、WooCommerceの注文追跡フォームの最後にフックされるアクションです。このフックを使用することで、カスタムコンテンツや追加の機能を注文追跡画面に簡単に統合できます。一般的には、以下のような機能を実装する際に使われます。

カスタムメッセージの表示
ソーシャルメディアリンクの追加
フィードバックフォームの挿入
FAQリンクの追加
マーケティングバナーの表示
カスタムスクリプトの読み込み

構文

do_action( 'woocommerce_order_tracking_form_end' );

パラメータ

このフックにはパラメータはありません。

戻り値

このアクションは戻り値を持たず、実行される関数が影響を与える形で利用されます。

使用可能なプラグインバージョン

WooCommerce: バージョン 3.0 以降
WordPress: バージョン 4.0 以降

サンプルコード

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

add_action( 'woocommerce_order_tracking_form_end', 'custom_order_tracking_message' );
function custom_order_tracking_message() {
    echo '<p>ご注文の追跡情報はここに表示されます。サポートが必要な場合はお気軽にお問い合わせください。</p>';
}

このコードは、注文追跡フォームの終わりにカスタムメッセージを表示します。

サンプルコード2: ソーシャルメディアリンクの追加

add_action( 'woocommerce_order_tracking_form_end', 'add_social_links_to_tracking' );
function add_social_links_to_tracking() {
    echo '<div class="social-links"><a href="http://facebook.com">Facebook</a> | <a href="http://twitter.com">Twitter</a></div>';
}

このサンプルでは、注文追跡フォームの末尾にFacebookとTwitterのリンクを追加します。

サンプルコード3: フィードバックフォームの挿入

add_action( 'woocommerce_order_tracking_form_end', 'insert_feedback_form' );
function insert_feedback_form() {
    echo '<form><label for="feedback">フィードバックをお願いします:</label><textarea id="feedback"></textarea><button type="submit">送信</button></form>';
}

このコードは、ユーザーがフィードバックを送信できるフォームを追跡ページの最後に追加します。

サンプルコード4: FAQリンクの追加

add_action( 'woocommerce_order_tracking_form_end', 'add_faq_link' );
function add_faq_link() {
    echo '<p>よくある質問については <a href="/faq">こちら</a>をご覧ください。</p>';
}

このサンプルコードでは、よくある質問へのリンクを追跡フォームの最後に追加します。

サンプルコード5: マーケティングバナーの表示

add_action( 'woocommerce_order_tracking_form_end', 'show_marketing_banner' );
function show_marketing_banner() {
    echo '<div class="marketing-banner">新しい商品をチェック！</div>';
}

このコードは、注文追跡フォームの後にマーケティング用のバナーを表示します。

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

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

概要

構文