Gravity Forms (WordPress)

Set up

1. Get your client id (it starts with tnt_) from Magic Setup in the dashboard at capchacloud.com/app. Your site origin must be allowlisted there, or the widget will not boot.
2. Find your form's numeric id (Forms, then the id column). Gravity Forms renders it as <form id="gform_ID">.
3. Add a Custom HTML block (or a footer snippet plugin) on the SAME page, below the form, and paste the snippet. Replace YOUR_CLIENT_ID and the 1 in #gform_1.
4. Submit a test entry. The form still submits normally; the consent checkboxes and disclosure appear directly under the form and the capture is recorded.

Snippets

Wrap the form (footer or Custom HTML block under the form)wrap

<script src="https://capchacloud.com/v1/widget.js" async></script>
<capcha-auth
  data-capcha-client-id="YOUR_CLIENT_ID"
  data-capcha-wrap="#gform_1"
  data-capcha-company="Your Company Name"
  data-capcha-privacy-url="https://example.com/privacy"
  data-capcha-terms-url="https://example.com/terms"
  data-capcha-campaign-id="gravity-forms"
  data-capcha-form-id="gform-1"></capcha-auth>

Late bind: forms rendered by AJAX or multi-step (Gravity fires gform_post_render after each render)latebind

<script src="https://capchacloud.com/integrations/capchacloud-browser.js"></script>
<script>
  var cc = CapchaCloudBrowser.init({ clientId: "YOUR_CLIENT_ID" });
  cc.load();
  function capchaWrap(selector, formId) {
    if (!document.querySelector(selector)) return;
    if (document.querySelector('capcha-auth[data-capcha-wrap="' + selector + '"]')) return;
    cc.mount(null, { wrap: selector, company: "Your Company Name", privacyUrl: "https://example.com/privacy", termsUrl: "https://example.com/terms", campaignId: "gravity-forms", formId: formId });
  }
  jQuery(document).on("gform_post_render", function (event, formId) {
    capchaWrap("#gform_" + formId, "gform-" + formId);
  });
</script>