Forms Blocks

Forms blocks collect customer messages and subscribers. Fit Check includes Contact form and Email signup blocks.

Included Blocks

Block	Use
Contact form	Collects customer name, email, phone, and message through Shopify’s contact form flow.
Email signup	Collects email subscribers and creates customer profiles through Shopify’s newsletter flow.

Choose the surfaceUse Contact form on contact, about, or support pages. Use Email signup in newsletter, footer, popup, or campaign areas.
Set width and spacingAdjust desktop and mobile widths first, then tune padding so fields line up with surrounding content.
Review colorsUse global colors by default or enable overrides when the form sits on a custom surface.
Write clear feedbackFor Email signup, set placeholder and success message text that matches the store voice.
Submit test entriesTest required fields, success states, error states, and mobile keyboard behavior before publishing.

Setting	Description
Width desktop/mobile	Controls form width by viewport.
Override global colors	Adds custom surface colors when needed.
Custom styling	Controls input background, text, placeholder, border color, border thickness, and corner radius.
Padding	Spaces the form within its parent surface.

Setting group	Description
Layout	Width and custom width controls.
Colors	Optional global color override and background color.
Input field	Border width, typography, placeholder text, placeholder size, and placeholder transparency.
Success message	Success text and optional auto-hide timing.
Button	Uses the block’s signup button styling controls.

State	What to confirm
Required fields	Empty required fields show useful browser or Shopify validation.
Success	Confirmation message is visible and does not shift the layout awkwardly.
Error	Invalid email or submission errors remain readable.
Mobile	Fields and buttons are easy to tap and do not overflow.
Contrast	Input, placeholder, border, and button colors are legible against the section background.