Black Friday Sale
Exclusive Design & Shopify Themes Resources
Hire us Hire Us
View Categories

Contact form works

How to Access the Contact Form

  1. Go to Admin → Online Store → Themes
  2. Click Customize on your active theme
  3. Open the required Template
  4. Search for and select the Contact form section
  5. Inside the Contact form section, click Add block
  6. You can dynamically add multiple form fields such as:
    • Text
    • Email
    • Textarea
    • Dropdown
    • Radio buttons
    • Button
SettingsDescription
WidthChoose the content width for the Contact form section. Available options include Page width and Full width.
Column GapAdjust the horizontal spacing between form columns and content blocks.
Row GapControl the vertical spacing between form fields and rows.
Color SchemeSelect a predefined color scheme that matches your store branding and design style.
Padding TopAdd top spacing for the section separately for Desktop, Tablet, and Mobile devices.
Padding BottomAdd bottom spacing for the section separately for Desktop, Tablet, and Mobile devices.
Add BlockDynamically add new form fields and content blocks inside the Contact form section.
Text FieldAdd a standard single-line text input field for collecting user information such as name or subject.
Email FieldAdd an email input field with email validation support.
Textarea FieldAdd a multi-line message field for longer customer inquiries or feedback.
Dropdown FieldAdd selectable dropdown options for users to choose predefined values.
Radio ButtonsDisplay multiple selectable options where users can choose a single option.
Button BlockAdd a submit or action button for form submission.
Dynamic FieldsThe Contact form supports dynamically adding and organizing multiple custom fields based on your business requirements.
Custom CSSAdd custom CSS styles to further customize the appearance and layout of the Contact form section.