Magento 2.2.5 – How to add the google captcha in checkout page before place order button.
I need to show the google captcha in checkout page before place order button.
Magento – Magento 2.2.5 – How to add the google captcha in checkout page before place order button
captchacheckoutrecaptcha
Related Solutions
On M2.1, I've managed to add captcha in the order review step, to each payment method, right before the place order button. There are also other things to keep in mind when implementing this feature like admin enable and visibility settings, validation, captcha reload when clicking the place order button (XHR request). Also make sure your captcha inputs have unique names in case you have multiple payment methods.
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="checkout.root">
<arguments>
<argument name="jsLayout" xsi:type="array">
<item name="components" xsi:type="array">
<item name="checkout" xsi:type="array">
<item name="children" xsi:type="array">
<item name="steps" xsi:type="array">
<item name="children" xsi:type="array">
<item name="billing-step" xsi:type="array">
<item name="children" xsi:type="array">
<item name="payment" xsi:type="array">
<item name="children" xsi:type="array">
<item name="payments-list" xsi:type="array">
<item name="children" xsi:type="array">
<!-- merge additional data after payment methods here -->
<item name="captcha-review" xsi:type="array">
<item name="component" xsi:type="string">Magento_Captcha/js/view/checkout/defaultCaptcha</item>
<item name="displayArea" xsi:type="string">before-place-order</item>
<item name="formId" xsi:type="string">co-payment-form</item>
<item name="configSource" xsi:type="string">checkoutConfig</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</argument>
</arguments>
</referenceBlock>
</body>
</page>
will look like this
There are many extensions available online for Google Recaptcha. Checkout this extension - https://github.com/magespecialist/m2-MSP_ReCaptcha
You can take reference from this extension.
Best Answer
you can use Magento 2 Google reCaptcha - Invisible CAPTCHA . And for reference, you can check the How to add Google reCAPTCHA into Magento 2 article.