Custom Form HTML in Contact Form 7

Custom Form HTML in Contact Form 7 — a practical guide to Contact Form 7 custom HTML with clear examples you can reuse in real projects.

Contact Form 7 Tutorial Series (24/100). Prefer one article? Read the complete Contact Form 7 tutorial.

Short description

CF7 Form tab accepts HTML around tags — use labels, wrappers, and grid classes freely.

Layout example

<label> Name
    [text* your-name] </label>

<label> Email
    [email* your-email] </label>

<label> Message
    [textarea* your-message] </label>

[submit "Send"]