Pro Forms
48 field types. 40 post-submit actions. Multi-step, calculations, payments, PDF generation and CRM integrations — configured entirely inside Bricks Builder.
Pro Forms replaces the native Bricks form element with a feature-complete form builder. Every field type and action is registered as a native Bricks element — drag, drop and configure from the builder controls panel.
Add the Pro Form element
Drag the Pro Form element onto your canvas. This is the form wrapper — all fields and actions are configured inside it.
Add field elements inside
Drag any field type elements inside the Pro Form. Configure each field — label, placeholder, validation rules, required status.
Add a Form Submit button
Drag the Form Submit element inside the form. Customize label, loading state and success message.
Configure actions
In the Pro Form element controls, go to the Actions tab. Add and configure one or more post-submit actions — Email, CRM, Webhook, etc.
Actions run after a form is submitted. Chain as many as you need. Each action can be conditionally triggered based on field values.
| Action | Description |
|---|---|
| Send notification with dynamic field values, custom template and file attachments | |
| Mailchimp | Add subscriber with tags, groups and merge field mapping |
| HubSpot | Create or update CRM contacts and deals |
| ActiveCampaign | Add contacts to lists, tags and automation sequences |
| ConvertKit | Add subscribers to sequences and apply tags |
| Klaviyo | Add to list with custom profile properties |
| Stripe | Fixed or dynamic amount charge on form submit |
| PayPal | Redirect to PayPal checkout after submission |
| Webhook | POST form data as JSON to any URL with custom headers |
| Create Post | Create a new WordPress post with title, content, meta and terms |
| Registration | Create WordPress user with configurable role |
| Create PDF | Generate PDF from submission using a custom HTML/CSS template |
| WC Create Order | Create a WooCommerce order with product and quantity fields |
| Discord / Slack / Telegram | Send formatted submission to messaging platforms |
| Redirect | Redirect to any URL — static or built from field values |
| JavaScript | Execute custom JS with access to all field values |
Wrap groups of fields in Form Step elements to create a multi-step form. Add Form Step Next, Form Step Previous and Form Progress elements for navigation and progress display.
Accept Stripe card payments or redirect to PayPal checkout directly from a Pro Form submission.
- Go to Djia Bricks → Settings → Stripe and enter your Publishable and Secret API keys
- Add a
Payment Fieldelement to your form for the Stripe card input - Add the Stripe action to your form — set amount as fixed or map to a
Price DisplayorCalculationfield - Add a
Price Displayfield to show the total dynamically before payment
The Create PDF action generates a downloadable PDF from submission data using a custom HTML/CSS template.
- Create a PDF template in Djia Bricks → PDF Templates using standard HTML and CSS
- Use
{{field_name}}placeholders to inject field values into the template - Add the Create PDF action to your form and select the template
- Choose delivery: email attachment, media library save, or immediate browser download
- Set a dynamic filename using field values — e.g.
invoice-{{order_id}}.pdf
| Method | Setup | Notes |
|---|---|---|
| Honeypot | Add Honeypot field to form — no API key needed | Invisible to humans, traps bots automatically |
| hCaptcha | Add hCaptcha field + enter Site Key in settings | Privacy-friendly CAPTCHA alternative |
| reCAPTCHA v2 | Add reCAPTCHA field + enter Site Key in settings | Checkbox challenge visible to users |
| reCAPTCHA v3 | Enter Site Key in settings — no visible element needed | Invisible score-based protection |