How to Add Cloudflare CAPTCHA to Your Website - Step-by-Step Guide

Поділитися
Вставка
  • Опубліковано 9 лют 2025

КОМЕНТАРІ • 9

  • @jitvimol
    @jitvimol 2 місяці тому

    This is good tutorial. Btw background music is satisfying.

  • @djkomic
    @djkomic 2 місяці тому

    Hello!
    I have Turnstile installed on my contact form for my website. However, I noticed that in my browsers (Chrome and Firefox) and on my phone, that the Turnstile sometimes appears, and sometimes it doesn't.
    But when it doesn't appear, it's only when I submit information, that the page refreshes and THEN the box appears, before I can click it and submit.
    Is there a way to have the box always appear?
    My settings are "Managed', "Non interactive" and "invisible" and right now, "managed" is selected.

    • @SimpleCodingTutorials
      @SimpleCodingTutorials  2 місяці тому

      Hi, Could you share how you've implemented it in your form? Specifically, how the Turnstile script is integrated and any event handlers you’re using. This will help pinpoint the issue and suggest a fix.

    • @djkomic
      @djkomic 2 місяці тому

      @@SimpleCodingTutorials I have WPForms installed, and I have an account with Cloudflare, so I input the Site keys into the Turnstile section of WPForms.
      Just when I go on my contact page, the turnstile sometimes appears, sometimes doesn't. But when it doesn't, it appears after I hit send on the form, and then I gotta click the box

    • @SimpleCodingTutorials
      @SimpleCodingTutorials  2 місяці тому

      @@djkomic Thanks for the info! For setting up Turnstile with WPForms, check out this guide: wpforms.com/how-to-add-cloudflare-turnstile-captcha-to-your-forms/#4_Add_API_Keys_to_WPForms. The No-Conflict Mode mentioned there is probably the solution to your problem, as it helps avoid issues caused by script conflicts.

  • @usermemeaa
    @usermemeaa 3 місяці тому +1

    Very good. Can you share the source code?

    • @SimpleCodingTutorials
      @SimpleCodingTutorials  3 місяці тому

      window.onloadTurnstileCallback = function () {
      turnstile.render("#myWidget", {
      sitekey: "",
      callback: function (token) {
      console.log(`Challenge Success ${token}`);
      setTimeout(()=>{
      document.querySelector(".container").style.display = "flex";
      document.getElementById("myWidget");
      },2000);
      },
      });
      };

  • @vasiovasio
    @vasiovasio 4 місяці тому +1

    Bro, I know you are a Hustler and work so hard to make Any UA-cam money, but the coding sphere is FULL!
    Make some channel for Celebrities, Kim Kardashian, Ice Spice something like this have more chance of success
    Good Luck!
    p.s. if you Actually make a video about Kim Kardashian reply to this comment to watch it and subscribe! 😂😂😂