Contact form
Overview:
The Contact Form section allows customers to get in touch via a styled form, optionally paired with informational sidebar content (e.g., store address, support info). It's responsive, styled with theme color schemes, and includes validation, error handling, and success feedback.
Section Configuration:
| Setting |
Description |
| Card Heading Size |
Controls the size of sidebar headings. Options: text-size--large, text-size--small. |
| Card Heading Weight |
Sets the font weight for sidebar headings (300–900). |
| Card Description Size |
Controls the text size for sidebar descriptions. |
| Card Description Weight |
Controls the font weight for sidebar descriptions (300–900). |
| Button Label |
Text shown inside the sidebar button. |
| Button Type |
Button style: primary or secondary. |
| Button URL |
Destination link for the button. |
| Open in New Tab |
Opens the button link in a new tab when enabled. |
| Color Scheme |
Applies a color scheme to the sidebar card. |
Form Content Settings
| Setting |
Description |
| Form Heading |
Title displayed above the form. Supports inline rich text. |
| Heading Size |
HTML heading tag used (h1–h6). |
| Heading Weight |
Font weight of the heading (300–900). |
| Form Description |
Text displayed below the heading. Supports inline rich text. |
| Text Size |
Sets font size for the description. |
| Text Weight |
Sets font weight for the description. |
| Text Alignment |
Aligns form text left, center, or right. |
Layout Settings
| Setting |
Description |
| Container Layout |
Controls the section width: container or container-fluid. |
| Container Padding |
Toggles horizontal padding inside the container. |
| Color Scheme |
Applies a background and text color theme to the section. |
Spacing
| Setting |
Description |
| Top Padding |
Adds vertical spacing above the section (in px). |
| Bottom Padding |
Adds vertical spacing below the section (in px). |