Captcha widget not visible

  • Resolved mchowet

    (@mchowet)


    2 weeks, 5 days ago

    Hello all.

    I’m trying to replace reCAPTCHA with Kitgenix for Cloudflare Turnstile on a site using WooCommerce.

    Got Turnstile keys, enabled and configured the plug-in, but am not seeing the widget on the WooCommerce checkout/payment page.

    The checkout page is set up to include a header followed by shortcode [woocommerce_checkout].
    The plug-in configuration is set for Appearance = “Always”, and Injection Mode = Auto-Inject under both the Woo Classic and Woo Blocks sections and also in the Elementor Forms section. Under the Classic section, only “Checkout Form” is ticked (not reviews, login, reg, or pw reset pages).

    Is there some anchor on the page that’s missing for it to identify where to auto-inject the widget?

    When I load/reload the checkout page, the CloudFlare Turnstile analytics do show an additional challenge issued, counted in the “Unsolved” category and counted as “Likely a bot”. On the Kitgenix settings’ “Support” tab, the stats are wrong – 1 check, 1 block, 1 retry, 100% friction. No changes when I try more checkouts.

    I do have solved challenges, but those look like they’re tallying (re)loads of the Kitgenix admin page where the captcha widget IS showing. The first time or two it asked for a click in a checkbox, but since it’s been validated immediately.

    For completeness, I’m testing this in a Chrome browser, both in regular and in Incognito (no Chrome plug-in) modes on a Win11 machine.

    Would appreciate any help!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support Carl C

    (@carlfromkitgenix)

    2 weeks, 2 days ago

    Hi @mchowet,

    Thanks for the detailed explanation, that is very helpful.

    I have tried checking the checkout page from the link provided, but unfortunately I cannot access the checkout/payment page directly from my side as it is asking for an email. However, I can see that the Cloudflare Turnstile widget is currently loading on the website, so the plugin and Turnstile keys do appear to be active.

    For WooCommerce Classic Checkout using the [woocommerce_checkout] shortcode, the widget should normally auto-inject into the checkout form without needing a custom anchor. If it is not appearing visually on the checkout page, it may be caused by the checkout markup, theme/template overrides, caching/minification, or another plugin altering the checkout form output.

    A few things worth checking:

    1. Please confirm the site is using the Classic Checkout shortcode and not the WooCommerce Checkout Block.
    2. Clear any page cache, optimisation cache, CDN cache, and browser cache.
    3. Temporarily disable JavaScript optimisation/minification/defer settings to see if the widget appears.
    4. Check whether the checkout form contains the normal WooCommerce checkout form wrapper.
    5. Try switching the Injection Mode from Auto-Inject to a manual/alternative mode if available, just to confirm whether the issue is with placement rather than Turnstile loading.

    Regarding the stats shown under the Support tab, these may not always match Cloudflare’s own analytics exactly, especially during testing, admin page loads, cached requests, or incomplete checkout attempts. The fact Cloudflare is showing challenges being issued suggests the Turnstile script is loading, but the checkout placement may not be rendering where expected.

    Please do not post any login credentials or private access details here. If possible, could you share a screenshot of the checkout page area where you expect the widget to appear, along with whether the checkout form is visible before payment is attempted?

    We will then be able to advise further based on the checkout layout and whether the widget container is being output but hidden, or not being injected at all.

    Best regards, Carl @kitgenix

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.