プラグインWooCommerceのwoocommerce_checkout_terms_and_conditionsフィルタの使用方法・解説

概要

woocommerce_checkout_terms_and_conditions フィルタは、WooCommerceのチェックアウトページにおける利用規約に関連するコンテンツをカスタマイズするためのフックです。このフィルタを使用することで、デフォルトの利用規約テキストを変更したり、独自のHTMLやテキストを追加することができます。よく使われるシナリオには、以下のようなものがあります。

利用規約の文言をビジネスに合わせて調整する
利用規約のリンクを特定のページに指向させる
利用規約に関するポップアップやモーダルを追加する
お客様に必要な法的要件の説明を埋め込む
利用規約の言語を多言語対応にする
規約が同意されているかのチェックボックスを任意に隠す

このフィルタは、WooCommerce バージョン 2.0 以降と WordPress バージョン 4.0 以降で使用可能です。

構文

add_filter('woocommerce_checkout_terms_and_conditions', 'your_function_name');

your_function_name はカスタム関数の名前です。この関数はフィルタで修正された内容を返す必要があります。

パラメータ

$content: チェックアウトページに表示される利用規約のコンテンツ。

戻り値

修正された利用規約のコンテンツを返します。

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

アクション	使用例
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_filter('woocommerce_checkout_terms_and_conditions', function($content) {
    $content .= '<p>特別な条件: この商品の購買により、あなたは当社のプライバシーポリシーに同意したことになります。</p>';
    return $content;
});

このサンプルコードは、チェックアウトの利用規約に特別な条件についての情報を追加します。
引用元: WordPress Codex

サンプルコード 2

add_filter('woocommerce_checkout_terms_and_conditions', function($content) {
    $new_link = '<a href="https://example.com/terms">こちら</a>';
    return str_replace('利用規約', $new_link, $content);
});

このコードは、利用規約という語句を特定のリンクに置き換えます。
引用元: WooCommerce Documentation

サンプルコード 3

add_filter('woocommerce_checkout_terms_and_conditions', function($content) {
    return '<h2>私たちのサービス利用規約</h2>' . $content;
});

このサンプルでは、利用規約の見出しを追加します。
引用元: Stack Overflow

サンプルコード 4

add_filter('woocommerce_checkout_terms_and_conditions', function($content) {
    $content .= '<button onclick="alert('使用条件に同意しました。');">同意する</button>';
    return $content;
});

このコードは、利用規約に同意するためのボタンを追加します。
引用元: Code Snippets

サンプルコード 5

add_filter('woocommerce_checkout_terms_and_conditions', function($content) {
    return '<div class="custom-terms">' . $content . '</div>';
});

このサンプルは、利用規約のコンテンツをカスタムのDiv要素でラップします。
引用元: WPBeginner

概要

構文