Contact form
How to use the Contact form block in the Meditative Folks Theme.
Contact form
At a glance
Storefront contact form with name, email, and message fields.
Used in
- Configure where this block is available in the parent section.
Settings
Field settings
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show name field | Turns “Show name field” on or off on the storefront. | Yes | Always |
| Show name label | Turns “Show name label” on or off on the storefront. | Yes | show name |
| Name placeholder | Placeholder text shown inside the field before the customer types. | — | show name |
| Show email label | Turns “Show email label” on or off on the storefront. | Yes | Always |
| Email placeholder | Placeholder text shown inside the field before the customer types. | — | Always |
| Show phone field | Turns “Show phone field” on or off on the storefront. | Yes | Always |
| Show phone label | Turns “Show phone label” on or off on the storefront. | Yes | show phone |
| Phone placeholder | Placeholder text shown inside the field before the customer types. | — | show phone |
| Show order number field | Turns “Show order number field” on or off on the storefront. | No | Always |
| Show order number label | Turns “Show order number label” on or off on the storefront. | Yes | show order number |
| Order number placeholder | Placeholder text shown inside the field before the customer types. | — | show order number |
| Show message label | Turns “Show message label” on or off on the storefront. | Yes | Always |
| Message placeholder | Placeholder text shown inside the field before the customer types. | — | Always |
| Button label | Controls “Button label” on the storefront. Open the theme editor to preview live. | Send message | Always |
| Button variant | Chooses the button look (primary, secondary, outline, or ghost). | primary | Always |
| Button size | Chooses the button size from Theme settings → Button sizes. | medium | Always |
| Full width button | Stretches the button across the full width of its container. | Yes | Always |
| Enable shimmer | Adds a moving highlight across the button or ribbon. | Yes | Always |
| Test mode | Enabling test mode prevents data from being sent to Shopify while still allowing you to test the UI. | No | Always |
Layout settings
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Top spacing | Controls “Top spacing” on the storefront. Open the theme editor to preview live. | 0 | Always |
| Bottom spacing | Controls “Bottom spacing” on the storefront. Open the theme editor to preview live. | 0 | Always |
Setting details
Each control from the tables above, explained simply:
Show name field
Turns “Show name field” on or off on the storefront. Default: Yes.
Show name label
Turns “Show name label” on or off on the storefront. Default: Yes. This control appears when: show name.
Name placeholder
Placeholder text shown inside the field before the customer types. Default: —. This control appears when: show name.
Show email label
Turns “Show email label” on or off on the storefront. Default: Yes.
Email placeholder
Placeholder text shown inside the field before the customer types. Default: —.
Show phone field
Turns “Show phone field” on or off on the storefront. Default: Yes.
Show phone label
Turns “Show phone label” on or off on the storefront. Default: Yes. This control appears when: show phone.
Phone placeholder
Placeholder text shown inside the field before the customer types. Default: —. This control appears when: show phone.
Show order number field
Turns “Show order number field” on or off on the storefront. Default: No.
Show order number label
Turns “Show order number label” on or off on the storefront. Default: Yes. This control appears when: show order number.
Order number placeholder
Placeholder text shown inside the field before the customer types. Default: —. This control appears when: show order number.
Show message label
Turns “Show message label” on or off on the storefront. Default: Yes.
Message placeholder
Placeholder text shown inside the field before the customer types. Default: —.
Button label
Controls “Button label” on the storefront. Open the theme editor to preview live. Default: Send message.
Button variant
Chooses the button look (primary, secondary, outline, or ghost). Default: primary.
Button size
Chooses the button size from Theme settings → Button sizes. Default: medium.
Full width button
Stretches the button across the full width of its container. Default: Yes.
Enable shimmer
Adds a moving highlight across the button or ribbon. Default: Yes.
Test mode
Enabling test mode prevents data from being sent to Shopify while still allowing you to test the UI. Default: No.
Top spacing
Controls “Top spacing” on the storefront. Open the theme editor to preview live. Default: 0.
Bottom spacing
Controls “Bottom spacing” on the storefront. Open the theme editor to preview live. Default: 0.
Tips
- Place this block inside a wrapper if it should only show on certain screen sizes.
- Preview in the theme editor on mobile and desktop.