Contact form

Overview:

The Contact Form section is designed to help customers easily connect with the store through a customizable contact form and business information panel. It supports contact details, working hours, store location, maps, form customization, typography controls, responsive layouts, color schemes, and spacing settings. This section is ideal for customer support, inquiries, business contact information, store locations, or appointment requests.

Blocks Configuration

Location Block

The Location block displays store contact information, business hours, map details, and supporting content.

Heading Settings:

Setting	Description
Heading	Defines the location heading displayed inside the block, such as Store Locations or Visit Us. Supports rich text formatting such as bold and italic styling.
Heading Size	Controls heading size such as H1–H6, Large, Medium, or Small.
Heading Weight	Adjusts the font thickness ranging from Thin (100) to Black (900).
Heading Case	Changes text transformation style such as Uppercase, Lowercase, Capitalize, or Default.
Heading Tag	Sets the HTML heading tag level from H1 to H6 for SEO and accessibility purposes.
Heading Font Family	Allows switching between Default and Body font family styles.
Heading Color Style	Applies predefined color styling to heading text.
Heading Link Style	Controls styling behavior of links used inside heading content.

Contact Information:

Setting	Description
Phone & Hours Description	Displays phone number and operating hours information. Supports rich text formatting.
Working Hours	Displays business operating schedule or availability timings.
Description	Displays supporting contact information or customer assistance text.

Text Typography:

Setting	Description
Text Size	Controls text size such as Large, Medium, or Small.
Text Weight	Adjusts the font thickness ranging from Thin (100) to Black (900).
Text Case	Changes text transformation style such as Uppercase, Lowercase, Capitalize, or Default.
Text Font Family	Allows switching between Default and Heading font family styles.
Text Color Style	Applies predefined color styling to body text.

Media & Map Settings:

Setting	Description
Image	Uploads a custom image displayed inside the contact information block.
Map Iframe	Allows embedding a custom map using iframe code for displaying store locations.

Section Configuration

Header Settings

Heading:

Setting	Description
Section Heading	Defines the main heading displayed above the contact form section. Supports rich text formatting such as bold and italic styling.
Heading Size	Controls heading size such as H1–H6, Large, Medium, or Small.
Heading Weight	Adjusts the font thickness ranging from Thin (100) to Black (900).
Heading Case	Changes text transformation style such as Uppercase, Lowercase, Capitalize, or Default.
Heading Tag	Sets the HTML heading tag level from H1 to H6 for SEO and accessibility purposes.
Heading Font Family	Allows switching between Default and Body font family styles.
Heading Color Style	Applies predefined color styling to section heading text.
Heading Link Style	Controls styling behavior of links used inside heading content.

Description:

Setting	Description
Section Description	Displays supporting text below the section heading.
Description Size	Controls text size such as Large, Medium, or Small.
Description Weight	Adjusts the font thickness ranging from Thin (100) to Black (900).
Description Case	Changes text transformation style for description text.
Description Font Family	Allows switching between Default and Heading font family styles.
Description Color Style	Applies predefined color styling to description text.

Contact Form Settings

Form Header:

Setting	Description
Form Heading	Defines the heading displayed above the contact form such as Reach Out Anytime!
Form Heading Size	Controls heading size such as H1–H6, Large, Medium, or Small.
Form Heading Weight	Adjusts the font thickness ranging from Thin (100) to Black (900).
Form Heading Case	Changes text transformation style for form heading.
Form Heading Tag	Sets the HTML heading tag level from H1 to H6.
Form Heading Font Family	Allows switching between Default and Body font family styles.
Form Heading Color Style	Applies predefined color styling to form heading text.
Form Heading Link Style	Controls styling behavior of links inside heading content.

Form Description:

Setting	Description
Form Description	Displays supporting text above the contact form such as submission guidance or privacy messaging.
Description Size	Controls text size such as Large, Medium, or Small.
Description Weight	Adjusts the font thickness ranging from Thin (100) to Black (900).
Description Case	Changes text transformation style for form description.
Description Font Family	Allows switching between Default and Heading font family styles.
Description Color Style	Applies predefined color styling to form description text.

Submit Button:

Setting	Description
Button Label	Defines the text displayed on the submit button such as Submit or Send Message.
Button Style	Controls button appearance such as Primary or Secondary style.
Button Case	Changes text transformation style such as Uppercase, Lowercase, Capitalize, or Default.

Layout:

Setting	Description
Container Layout	Determines whether the section uses Contained, Contained Content, or Full Width layout.
Container Width	Controls the maximum width of the section container on desktop devices.
Text Alignment (Desktop)	Sets content alignment on desktop devices (Left, Center, or Right).
Text Alignment (Mobile)	Sets content alignment on mobile devices (Left, Center, or Right).

Color Scheme:

Setting	Description
Section Color Scheme	Applies a predefined color palette to the Contact Form section background and content.