Create contact forms, signup forms, and other input elements. Collect submissions and configure email notifications.
Adding Form Elements
Build forms using the form elements in the Blocks Panel:
- Text Input - Single-line text entry
- Text Area - Multi-line text entry
- Email Input - Email with validation
- Password Input - Masked password entry
- Checkbox - Single option toggle
- Radio Button - Select one from group
- Dropdown - Select from list
- Submit Button - Form submission trigger
Creating a Form
- Add a Form Container from the Blocks Panel
- Drag input elements into the form
- Configure each field's name and type
- Add labels for accessibility
- Add a Submit button
- Configure form action and method
Field Settings
Each form field has configurable properties:
- Name - Field identifier for submissions
- Placeholder - Hint text inside the field
- Required - Mark as mandatory
- Validation - Pattern matching rules
- Default Value - Pre-filled value
- Max Length - Character limit
Form Submission
Configure how form data is handled:
- Built-in Handler - Submissions stored in Azyrom
- Email Notification - Send submissions to your email
- Custom Endpoint - POST to your own server
- Webhook - Integrate with external services
Success & Error States
- Design custom success message content
- Configure redirect after submission
- Style validation error messages
- Show loading state during submission
Styling Forms
- Style inputs using the Properties panel
- Configure focus states and transitions
- Customize placeholder text appearance
- Style validation error states
- Create custom checkbox and radio designs
Accessibility
- Always add visible labels or aria-labels
- Associate labels with inputs using "for" attribute
- Provide clear error messages
- Ensure keyboard navigation works
- Mark required fields visually and with aria-required