Adobe Adaptive Form Integration with Turnstile | Community
Skip to main content
A
amargupt
Level 2
October 29, 2024
Solved

Adobe Adaptive Form Integration with Turnstile

  • October 29, 2024
  • 2 replies
  • 541 views

Hi, I'm trying to integrate cloudflare Turnstile with the AEM Adaptive forms in AEMaaCS. I'm following https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/forms/adaptive-forms-authoring/authoring-adaptive-forms-core-components/create-an-adaptive-form-on-forms-cs/integrate-adaptive-forms-turnstile-core-components.

 

After following all the instruction:

First, I don't see the "Adaptive Form Turnstile component" in the component list to use.

And second.

 

From the screenshot given in the above article it looks like they added "Adaptive Form hCaptcha" component instead of "Adaptive Form Turnstile component". When I add "Adaptive Form hCaptcha" component on my form, nothing is coming up in the "Select CAPTCHA Configuration" dropdown.

Any idea, what I might be missing out here?

 

 

 

Best answer by amargupt

This is resolved. Actually the Cloudflare Turnstile core component is available in core components version 3.0.76 [0].
We will need to bump up the core component version in the archetype project and add a proxy component for Turnstile. For doing the same, we can refer to this PR [1].
For the theme-related changes, we can build the canvas theme [2] and deploy it using the frontend pipeline, or for custom theme, we can refer to the changes in this PR [3].


[0]: https://github.com/adobe/aem-core-forms-components/releases/tag/core-forms-components-reactor-3.0.76
[1]: https://github.com/adobe/aem-project-archetype/pull/1253/files
[2]: https://github.com/adobe/aem-forms-theme-canvas/tree/main
[3]: https://github.com/adobe/aem-forms-theme-canvas/pull/65/files

2 replies

Khushwant_Singh
Adobe Employee
Khushwant_SinghAdobe Employee
Adobe Employee
December 3, 2024

The Turnstile CAPTCHA with Adaptive Forms feature is available only for Foundation Components based Adaptive Forms. You can create a foundation components based form to use this feature. For details refer the following document:
https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/forms/adaptive-forms-authoring/authoring-adaptive-forms-foundation-components/add-components-to-an-adaptive-form/integrate-adaptive-forms-turnstile 

    kautuk_sahni
    Community Manager
    kautuk_sahniCommunity Manager
    Community Manager
    February 26, 2025

    @pankajpr @labreclo @darshanma @gourav_mukherjee @poweruserone @rahulpandey27 This question could use some expert insight—would love to hear your thoughts if you can take a look!

    Kautuk Sahni
    A
    amarguptAuthorAccepted solution
    Level 2
    February 27, 2025

    This is resolved. Actually the Cloudflare Turnstile core component is available in core components version 3.0.76 [0].
    We will need to bump up the core component version in the archetype project and add a proxy component for Turnstile. For doing the same, we can refer to this PR [1].
    For the theme-related changes, we can build the canvas theme [2] and deploy it using the frontend pipeline, or for custom theme, we can refer to the changes in this PR [3].


    [0]: https://github.com/adobe/aem-core-forms-components/releases/tag/core-forms-components-reactor-3.0.76
    [1]: https://github.com/adobe/aem-project-archetype/pull/1253/files
    [2]: https://github.com/adobe/aem-forms-theme-canvas/tree/main
    [3]: https://github.com/adobe/aem-forms-theme-canvas/pull/65/files

    Terms & ConditionsAccessibility statement

    Loading footer...