Kitgenix
Forum Replies Created
-
Hi @kammsw,
Thanks again for all the detailed notes and for testing so quickly.
We’ve just shipped v1.0.8, which addresses the three items you raised:
- Flexible (100% width):
You’ll now see Widget Size > Flexible (100% width) in settings. Selecting this makes the Turnstile iframe fill its container. (v1.0.7) - “Interaction Only” empty gap:
InAppearance Mode: Interaction Only, the placeholder stays collapsed (no padding or shadow) after the invisible challenge succeeds. It will only expand if Turnstile truly needs user interaction (e.g., unsupported, timeout, or error). - Elementor popup:
We added a “wait-until-visible” render and listen to Elementor’s popup events. The widget now instantiates reliably when the popup appears. Your custom snippet is fine to keep, but it’s no longer required.
Re-test your homepage hero + the popup after ~20s.
We really appreciate your help improving the plugin. If this update does the trick, a quick review would mean a lot and feel free to mark the ticket closed once you’re happy.
(Update: I have a team member awaiting an update if there is any issues to get on it right away, please do let us know)
Thanks again!
Carl @ @kitgenix- This reply was modified 7 months, 4 weeks ago by Kitgenix.
Hi @kammsw,
Thanks again for your detailed report and the links, they were super helpful! Here’s a quick update and what you can do next.
What’s new in version 1.0.7:
- Added the official Cloudflare “flexible” option so the Turnstile iframe now fills 100% of its container.
- Fixed the big empty space issue, the placeholder now stays collapsed until the widget needs to show.
- Improved how Turnstile loads inside modals and popups, so it should appear more reliably if your form is injected after page load.
What to do next:
1. Update the plugin:
- Update to version 1.0.7.
- After updating, clear any page cache, CDN cache, and CSS/JS minification caches so the new scripts load properly.
2. Make Turnstile full width:
- Go to Settings > Cloudflare Turnstile > Display Settings.
- Set Widget Size to “Flexible (100% width)” and save.
- The iframe will now stretch across the full width of your form automatically.
3. Fix the gap with “Interaction Only”:
- In the same settings screen, set Appearance Mode to “Interaction Only.”
- The empty gap you saw before is now gone, the widget only appears when needed.
- If your theme adds extra spacing below fields, we can help fine-tune it with a quick CSS tweak.
4. Turnstile not showing in modals:
If your form appears in a modal after the page loads, the widget might need a quick re-render. You can trigger it like this when the modal opens:window.KitgenixCaptchaForCloudflareTurnstile && window.KitgenixCaptchaForCloudflareTurnstile.init();This tells the plugin to recheck for any new Turnstile containers that appeared dynamically.
Also make sure:
- Only one Turnstile API script is being loaded (our plugin shows a notice if there’s a duplicate).
- Your optimizer or CDN isn’t blocking
challenges.cloudflare.com. - “Disable Submit Until Verified” is unchecked if you’re just testing render issues.
If it’s still not appearing, let us know:
- Which modal or popup plugin you’re using,
- How it’s triggered (click, timer, etc.), and
- Whether the form HTML is present from the start or added later.
We’ll replicate your setup and either include an integration in the *QUICK* update.
If this update fixes things on your end, we’d really appreciate it if you could take a moment to leave a quick review, it helps us keep improving and means a lot to the team.
And once everything’s working as expected, please feel free to mark this ticket as closed.
Thanks again for your time and for helping make the plugin better!
Best regards,
Carl @ @kitgenixHi @kammsw ,
Thanks for reaching out and for providing such detailed feedback!
We’ve been actively working on your requests since this morning, we will do the following:
- Adding the flexible data-size option so the Turnstile challenge can take up the full width of its container.
- Investigating and fixing the issue with the modal form not displaying the Cloudflare challenge properly.
- Reviewing the “Interaction Only” mode to remove the unnecessary empty space when the div is hidden.
We’ll be releasing an update later this evening that addresses these items. Once it’s live, we’ll follow up here so you can test it right away and provide feedback.
Thanks again for your patience and for helping us improve the plugin.
Best regards,
Carl @ @kitgenixThank you so much for the kind words! I’m thrilled to hear setup was quick and that it’s quietly keeping bots out without bothering your real visitors, exactly what we’re aiming for. We work hard to keep the plugin lightweight, so it’s great to know it fits neatly into your site without slowing anything down.
If you ever have a question or a feature idea, pop a note in the support forum and we’ll be happy to help.
Following…
- This reply was modified 1 year ago by Kitgenix.
- Flexible (100% width):