Updated
Gutenberg block
Configure, verify, and operate Gutenberg block in the official Drecha plugin manual.
What this feature does
Select a published form in the block editor and render it through the same safe frontend engine used by the shortcode. No copied HTML or external embed service is required.
Key capabilities
- A native block workflow — Choose a published form from the editor and keep the page connected to the current form definition.
- One rendering engine — The block, shortcode, and dynamic embeds share validation, escaping, accessibility markup, responsive behavior, and submission handling.
- Theme-independent readability — Scoped foreground colors, controls, placeholders, container-aware columns, 44px touch targets, and visible focus states keep forms readable when a theme supplies conflicting light or dark text defaults.
Configure Gutenberg block
-
Publish the form. Finish validation and move the form from draft to published.
-
Insert the Drecha Forms block. Open the block inserter and add the native form block to the page.
-
Select the form. Choose the published form from the permission-checked selector.
-
Preview the page. Test responsive layout, validation, confirmation, and email behavior on the actual page.
Verify the result
Open the relevant public page in a private browser window and complete the workflow once. Confirm the saved result in WordPress, test keyboard navigation, and repeat the critical path at a mobile width before sharing it with customers.