Contact form
Placement and available controls for the Contact form block.
Where to find it
Open the parent section and use Add block where this block is offered.
Editor controls
Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.
- Input color style
- Use theme colors for Input DNA. Inherit follows the parent, Color scheme uses a Shopify preset, and Custom exposes only input background, text, and border colors.
- Desktop width
- Choose the presentation or source that fits this component.
- WidthConditional
- Adjust within the range offered by the theme editor.
- Mobile width
- Choose the presentation or source that fits this component.
- WidthConditional
- Adjust within the range offered by the theme editor.
- Inherit color schemeConditional
- Enable or disable this option and preview the result.
- Color schemeConditional
- Choose an available Shopify color scheme.
- Input backgroundConditional
- Choose a local color when the relevant custom source is enabled.
- Input borderConditional
- Choose a local color when the relevant custom source is enabled.
- Input textConditional
- Choose a local color when the relevant custom source is enabled.
- Input border width
- Adjust within the range offered by the theme editor.
- Input border radius
- Adjust within the range offered by the theme editor.
- Textarea border radius
- Adjust within the range offered by the theme editor.
- Top
- Adjust within the range offered by the theme editor.
- Bottom
- Adjust within the range offered by the theme editor.
- Left
- Adjust within the range offered by the theme editor.
- Right
- Adjust within the range offered by the theme editor.