Contact section
A Section intro and a list of Detail items (phone, email, office, hours) beside a form card. The form card holds a marked slot for your form plugin's block; the details link where they can.
Live preview
Contact
Talk to a person, not a form.
Call, write or come by. For a quote, the visit is free.
Send a message
We read every message the same day and reply by the next business day.
Your form goes here: drop in a SureForms or WS Form block and delete this box.
Contact
Talk to a person, not a form.
Send a message
We read every message the same day and reply by the next business day.
Your form goes here: drop in a SureForms or WS Form block and delete this box.
What you can build with it
A contact page with details on one side and a form on the other. A get a quote section at the end of a service page. A visit us block with address, hours and a booking form.
Props
A pattern: edit the Section intro and each Detail item; drop your form block into the marked box.
States shown
Every state comes from the components inside; see their pages. Grids reflow by container width.
How to change it
It is a section built from library components (Detail item, Section intro). Edit each component's props, and add or remove cards in the structure panel. Colour, type, spacing and radius follow your Automatic.css settings, so a change to the site's palette or scale changes this too.
ACSS tokens used
section-space-m, gutter, content-width, space-l, space-m, bg-light, white, neutral-ultra-light, border-color-dark
ACSS requirements
ACSS 4 defaults. Uses the Section intro and Detail item components (included). Bring your own form plugin.
Version history
Version 1.0.0, September 17, 2026: First release.
Tested with
Etch 1.6.7 and ACSS 4.0.1. Version 1.0.0.
Free item
Create a free account and copy it straight into Etch.
Used an earlier version? How to update it
Want EtchPress for Bricks or the block editor?
Everything here is made for Etch. Pick the builder you use and leave your email: we write once, when EtchPress works there.