Create Your WPForms Demo - AMDemos Expand sidebar Collapse sidebar Create Your WPForms Demo Create Your Demo Enter your details to get started. It's free! First Name* Last Name* Email Address* { let options = { sitekey: '0x4AAAAAACVCRsR3gYZRqvuC', theme: 'dark', size: 'flexible', language: 'en-us', callback: function (token) { $wire.set('data.captcha', token) }, 'error-callback': function () { $wire.set('data.captcha', null) } } // Render widget when Turnstile API is ready const renderWidget = () => { if (!window.turnstile || !$refs.turnstile || widgetId !== null) { return; } widgetId = turnstile.render($refs.turnstile, options); } // Called when Turnstile API loads window.onTurnstileLoad = () => { renderWidget(); } // If API already loaded (on re-render), render immediately if (window.turnstile) { renderWidget(); } $wire.on('reset-captcha', () => { if (widgetId !== null && window.turnstile) { turnstile.reset(widgetId); } }) // Cleanup when component is destroyed return () => { if (widgetId !== null && window.turnstile) { turnstile.remove(widgetId); widgetId = null; } } })()" > I agree to the Terms of Use Create Demo Verifying email... { this.isOpen = true this.$refs.modalContainer.dispatchEvent( new CustomEvent('modal-opened', { detail: { id: 'CbTZcsB5MnkXmvNp3E9T-action' } }), ) }) }, }" x-on:close-modal.window="if ($event.detail.id === 'CbTZcsB5MnkXmvNp3E9T-action') close()" x-on:open-modal.window="if ($event.detail.id === 'CbTZcsB5MnkXmvNp3E9T-action') open()" data-fi-modal-id="CbTZcsB5MnkXmvNp3E9T-action" x-trap.noscroll="isOpen" x-bind:class="{ 'fi-modal-open': isOpen, }" class="fi-modal block" > { isShown = isOpen $watch('isOpen', () => (isShown = isOpen)) }) " x-on:keydown.window.escape="$dispatch('close-modal', { id: 'CbTZcsB5MnkXmvNp3E9T-action' })" x-show="isShown" x-transition:enter="duration-300" x-transition:leave="duration-300" x-transition:enter-start="scale-95 opacity-0" x-transition:enter-end="scale-100 opacity-100" x-transition:leave-start="scale-100 opacity-100" x-transition:leave-end="scale-95 opacity-0" wire:key="CbTZcsB5MnkXmvNp3E9T.modal.CbTZcsB5MnkXmvNp3E9T-action.window" class="fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl hidden max-w-sm" > { this.isOpen = true this.$refs.modalContainer.dispatchEvent( new CustomEvent('modal-opened', { detail: { id: 'CbTZcsB5MnkXmvNp3E9T-infolist-action' } }), ) }) }, }" x-on:close-modal.window="if ($event.detail.id === 'CbTZcsB5MnkXmvNp3E9T-infolist-action') close()" x-on:open-modal.window="if ($event.detail.id === 'CbTZcsB5MnkXmvNp3E9T-infolist-action') open()" data-fi-modal-id="CbTZcsB5MnkXmvNp3E9T-infolist-action" x-trap.noscroll="isOpen" x-bind:class="{ 'fi-modal-open': isOpen, }" class="fi-modal block" > { isShown = isOpen $watch('isOpen', () => (isShown = isOpen)) }) " x-on:keydown.window.escape="$dispatch('close-modal', { id: 'CbTZcsB5MnkXmvNp3E9T-infolist-action' })" x-show="isShown" x-transition:enter="duration-300" x-transition:leave="duration-300" x-transition:enter-start="scale-95 opacity-0" x-transition:enter-end="scale-100 opacity-100" x-transition:leave-start="scale-100 opacity-100" x-transition:leave-end="scale-95 opacity-0" wire:key="CbTZcsB5MnkXmvNp3E9T.modal.CbTZcsB5MnkXmvNp3E9T-infolist-action.window" class="fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl hidden max-w-sm" > { this.isOpen = true this.$refs.modalContainer.dispatchEvent( new CustomEvent('modal-opened', { detail: { id: 'CbTZcsB5MnkXmvNp3E9T-form-component-action' } }), ) }) }, }" x-on:close-modal.window="if ($event.detail.id === 'CbTZcsB5MnkXmvNp3E9T-form-component-action') close()" x-on:open-modal.window="if ($event.detail.id === 'CbTZcsB5MnkXmvNp3E9T-form-component-action') open()" data-fi-modal-id="CbTZcsB5MnkXmvNp3E9T-form-component-action" x-trap.noscroll="isOpen" x-bind:class="{ 'fi-modal-open': isOpen, }" class="fi-modal block" > { isShown = isOpen $watch('isOpen', () => (isShown = isOpen)) }) " x-on:keydown.window.escape="$dispatch('close-modal', { id: 'CbTZcsB5MnkXmvNp3E9T-form-component-action' })" x-show="isShown" x-transition:enter="duration-300" x-transition:leave="duration-300" x-transition:enter-start="scale-95 opacity-0" x-transition:enter-end="scale-100 opacity-100" x-transition:leave-start="scale-100 opacity-100" x-transition:leave-end="scale-95 opacity-0" wire:key="CbTZcsB5MnkXmvNp3E9T.modal.CbTZcsB5MnkXmvNp3E9T-form-component-action.window" class="fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl hidden max-w-sm" >