如何向WooCommerce供应商注册中添加recaptcha

Question

我注意到有关WooCommerce注册的许多其他问题，但是与WooCommerce供应商插件以及供应商如何在网站上注册有关。

研究使我能够添加其他字段，并且发现了一些示例recaptcha代码，但是我缺少两者之间的重要链接，以便在WooCommerce供应商注册页面上可以查看Recaptcha。

是否可以通过从上方的示例代码中执行类似的操作来将其连接到wcpv_shortcode_registration_form_process？

/**
 * Add reCapcha to the Vendor registration page 
 */
function wooc_validate_re_captcha_field( $username, $email, $wpErrors )
{
    $remoteIP = $_SERVER['REMOTE_ADDR'];
    $recaptchaResponse = $_POST['g-recaptcha-response'];
    $response = wp_remote_post( 'https://www.google.com/recaptcha/api/siteverify', [
        'body' => [
            'secret'   => 'PRIVATE KEY HERE !!!',
            'response' => $recaptchaResponse,
            'remoteip' => $remoteIP
        ]
    ] );
    $response_code = wp_remote_retrieve_response_code( $response );
    $response_body = wp_remote_retrieve_body( $response );
    if ( $response_code == 200 )
    {
        $result = json_decode( $response_body, true );
        if ( ! $result['success'] )
        {
            switch ( $result['error-codes'] )
            {
                case 'missing-input-secret':
                case 'invalid-input-secret':
                    $wpErrors->add( 'recaptcha', __( '<strong>ERROR</strong>: Invalid reCAPTCHA secret key.', 'woocommerce' ) );
                    break;
                case 'missing-input-response' :
                case 'invalid-input-response' :
                    $wpErrors->add( 'recaptcha', __( '<strong>ERROR</strong>: Please check the box to prove that you are not a robot.', 'woocommerce' ) );
                    break;
                default:
                    $wpErrors->add( 'recaptcha', __( '<strong>ERROR</strong>: Something went wront validating the reCAPTCHA.', 'woocommerce' ) );
                    break;
            }
        }
    }
    else
    {
        $wpErrors->add( 'recaptcha_error', __( '<strong>Error</strong>: Unable to reach the reCAPTCHA server.', 'woocommerce' ) );
    }
}
        add_action( 'wcpv_shortcode_registration_form_process', 'wooc_validate_re_captcha_field', 10, 3 );

我确实尝试过无济于事。

非常感谢您提供的任何帮助。

Answer 1

为了使供应商注册中的验证码可查看，您需要在用于创建其他注册表格的代码之间添加一些JavaScript代码行。

在此处，在函数之前创建视图中的字段之前，添加以下代码：

vendors_reg_custom_field() { ?>
<script src='https://www.google.com/recaptcha/api.js' async defer></script>

关闭PHP功能之前，添加：

<p class="form-row form-row-wide">
<div class="g-recaptcha" data-sitekey="YOUR-RECAPTCHA-SITE-KEY-HERE</div>
</p>
<?php 
}

将使验证码可查看。欢呼。

您可以在这里找到更多帮助