Split Section Signup
A two column section with descriptive copy beside the signup form. Explains what subscribers get while keeping the email field clearly in view.
A two column section with descriptive copy beside the signup form. Explains what subscribers get while keeping the email field clearly in view.
Search blocks by description or jump to a page.
Split Section Signup is a two column card. The left column carries a mail icon, a newsletter label, a headline, a short pitch paragraph, and three numbered benefit rows, each with a bold title and a one line description. Below the benefit rows, two preview images sit side by side to reinforce what subscribers receive. The right column holds a compact form with a full name field, an email address field, a grid of four interest checkboxes (UI Design, UX Research, Web Development, Case Studies), a full width submit button, and a brief privacy note beneath it.
The two columns are independent. You can rewrite the headline, pitch, and benefit rows to match your own newsletter, swap in different checkbox topics, or remove the preview images entirely. The form fields and privacy note can be trimmed or extended to suit your consent requirements.
Reach for this block when you want subscribers to understand the value of joining before they commit. It works well on an HR or hiring platform portfolio where a practitioner shares recruiting frameworks, job description templates, and hiring process walkthroughs, and needs more than a bare input field to earn the sign up. The benefit list does the persuasion that a simple inline form cannot.
A natural flow around it on a Portfolio page:
Before
After
The block splits persuasion and capture into two discrete zones, so each side can be tuned separately:
Tip: keep the benefit rows to a single short sentence each so the left column stays balanced against the form on wider screens.