Skip to documentation

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.Options: Default · Saved color scheme · Custom
Desktop width
Choose the presentation or source that fits this component.Options: Fit · Custom
WidthConditional
Adjust within the range offered by the theme editor.
Mobile width
Choose the presentation or source that fits this component.Options: Fit · Custom
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.

Still need a hand?

Send support your store domain, theme version, error code and what you tried. Keep authentication tokens out of public messages.

Contact Scale support ↗