Contact form
The Contact Form block allows customers to send direct messages or inquiries to the store. You can customize the labels for all input fields (Name, Email, Phone, Message), configure an optional dropdown, and define the block's width and spacing.
.png)
General settings
| Setting | Description |
|---|---|
| Name | Sets the placeholder text for the name field in the contact form. If this setting is left empty, the name field will be hidden from the storefront display. |
| Sets the placeholder text for the email field in the contact form. | |
| Phone | Sets the placeholder text for the phone number field in the contact form. |
| Message | Sets the placeholder text for the message field in the contact form. |
| Button label | Defines the text displayed on the contact form's submit button. |
| Select label | Specifies the text label displayed for the option select field |
| Option | Defines the selectable choices for the option select field. Enter the options in the desired order, separated by commas. Each comma indicates a new option in the dropdown list. |
Size
| Setting | Applies To | Description |
|---|---|---|
| Width | Desktop | Defines the width of the form block on larger screens:
|
| Custom Width | Desktop | Only visible when Width is Custom. Use the slider to set a specific block width, measured in percentage (%) (Range: 0% to 100%). |
| Mobile Width | Mobile | Defines the width of the form block on smaller screens:
|
| Custom Mobile Width | Mobile | Only visible when Mobile Width is Custom. Use the slider to set a specific block width on mobile, measured in percentage (%) (Range: 0% to 100%). |
Spacing
These settings control the external spacing (padding) applied directly above and below this specific block.
| Setting | Description |
|---|---|
| Top | Sets the amount of empty space (padding) above this button block. Measured in pixels (px) (Range: 0px to 100px). |
| Bottom | Sets the amount of empty space (padding) below this button block. Measured in pixels (px) (Range: 0px to 100px). |
Block Submit button
| Setting | Description |
|---|---|
| Button label | Display the content of the button. |
| Type | Type
|
| Show icon | Show/hide icon |
No comments yet