Split With Details
A split layout pairing a contact form with a column of details like email, phone, and hours. Use it when people need a quick way to reach the right team.
A split layout pairing a contact form with a column of details like email, phone, and hours. Use it when people need a quick way to reach the right team.
Search blocks by description or jump to a page.
Split With Details opens with a centered heading and a short line of supporting text, then drops into a two-column grid. The left column holds a card containing a contact form: first and last name side by side, an email field, a phone field, a multi-line details textarea, a submit button, and a small response-time note beneath it. The right column presents three stacked detail rows divided by horizontal rules, each leading with an icon and a bold label followed by a short description and a clickable address, email, or phone number.
The heading, supporting text, and response-time note are all plain copy you can rewrite freely. The three detail rows are independent of each other, so you can remove any row that does not apply or add a fourth without disturbing the form. The form fields are straightforward inputs with no hidden logic.
Reach for this block on a dedicated contact or support page where visitors need both a way to send a message and a set of direct channels to choose from. For a fintech or banking product this balance matters: a compliance question warrants a written form, but an urgent card dispute wants a phone number right there on the same screen. It handles that better than a bare centered form, which hides the direct details, and better than a map layout when you have no physical branch that visitors need to locate.
A natural flow around it on a Marketing (Legacy) page:
Before
After
Each part of the block maps to a distinct piece of content you can swap independently:
Tip: for regulated products, point the email row at a dedicated support address rather than a general inbox so routing and audit trails stay clean.