Availability And Form
An availability strip showing current status and four project criteria sits above a name plus email plus message form so visitors self-qualify before writing.
An availability strip showing current status and four project criteria sits above a name plus email plus message form so visitors self-qualify before writing.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Availability and Form leads with a status strip before showing the form. A pill dot and the label Currently available open the strip, followed by a four-cell criteria grid: status, next opening in August 2026, best fit for product design three to six months, and not a fit for content-only or fixed-style briefs. The form below asks for name, email, and a message with the placeholder the project, the timeline, what you need from a designer.
Criteria are one array rendered in a card grid above the form. Stacking the availability panel before the form is the distinctive choice: visitors know whether to bother writing before they type a word.
Reach for this block as the contact section when availability is the first question visitors ask. The installer swaps the criteria values, the opening month, and the message placeholder.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the freelance booking intake page. Other availability-first contact uses:
Tip: the not-a-fit criterion is the most important row; it filters enquiries before they arrive.