CTA & Contact Forms

What It Does

The CTA block renders a focused call-to-action section with a headline, description, and button. It's designed to drive conversions — sign-ups, purchases, or navigation to key pages.

The Contact Form variant extends this with a configurable form that supports text, email, textarea, select, and checkbox fields. Submissions are stored in the database and optionally forwarded via email through the Contact plugin.

How to Use It

CTA Block

1. Open a page and click Add Block > CTA.
2. Fill in:
   • Headline — the action-driving heading.
   • Description — supporting text.
   • Button Text and Button Link — the primary action.
3. Save.

Contact Form Block

1. Click Add Block > Contact Form.
2. Define form fields:
   • Label — field name shown to users.
   • Type — text, email, textarea, select, checkbox.
   • Required — toggle validation.
   • Placeholder — hint text.
   • Options — for select fields, comma-separated values.
3. Set Submit Button Text (default: "Send").
4. Optionally set Success Message (default: "Thank you for your message!").
5. Save.

Configuration Options (CTA)

| Field | Type | Default | Description | |-------|------|---------|-------------| | headline | string | — | CTA heading | | description | string | — | Supporting text | | buttonText | string | — | Button label | | buttonLink | URL | — | Button destination | | style | enum | default | Visual style: default, highlight, minimal |

Configuration Options (Contact Form)

| Field | Type | Default | Description | |-------|------|---------|-------------| | fields | array | [] | Form field definitions | | fields[].label | string | — | Field label | | fields[].type | enum | text | Field type | | fields[].required | boolean | false | Validation flag | | submitText | string | "Send" | Submit button label | | successMessage | string | "Thank you!" | Post-submit message |

Submission API

Form submissions POST to /api/public/sites/:siteId/contact with the field values as JSON. The Contact plugin must be enabled for email forwarding.

Example Use Cases

• Newsletter sign-up — CTA block with "Subscribe" linking to a mailing list form.
• Contact page — form with name, email, message fields and a success confirmation.
• Demo request — form with company name, size (select), and message fields.