✨Contact form

Configure the section

Select the customize theme option. Click the dropdown menu at the top of the page to select the Home page template.

From the left side menu, select Contact form.

Customize the section by utilizing the setting on the right side of the theme editor, as described below:

General	Section visibility Select from the options to select the visibility of this section: -Always -Small (On selecting this, the section will be visible on mobile devices only.) -Large (On selecting this, the section will be visible on large devices only.) Color scheme Select any color scheme defined in the theme settings>Colors>Schemes. Section background Choose the background color from solid or gradient. These colors can be managed in the assigned color scheme. Container width Choose the container width from: - Small - Medium - Standard - Large Separator line Choose the separator line visibility from below options: - Top - Bottom - Both - None
Layout	Map location Enter the address to show it's map. Desktop image Choose any image to show on desktop. Mobile image Choose any image to show on mobile. Desktop height Choose from custom or auto height of image. Desktop custom height Adjust the range bar to determine the image height. Mobile height Choose from custom or auto height of image. Mobile custom height Adjust the range bar to determine the image height.
Content	Heading Add heading text. (Note: Use '++' to add a line break , '[]' for text underline, '[[]]' for text oval underline and '()' for highlighted text & background. Make text bold to show markers font.) Heading size Select the font size from the following options: - Extra small - Small - Regular - Medium - Large - Extra large - Double Extra large SEO tag Specify heading code types from H1-H6, div, span or p tag for SEO and search engines for crawling purposes. Markers font family Choose the markers text font family from the following options: - Heading - Body - Accent (Note: These fonts can be changed in theme settings>typography.) --------------------------------------------------------------------- Description Add description text. Description font size Select the font size from the following options: - Extra small - Small - Regular - Medium - Large - Extra large - Double Extra large Content alignment Choose the alignment from following options: - Left - Center - Right --------------------------------------------------------------------- Highlight text Text Choose the text color for highlight text. Background Choose the background color for highlight text.
Section spacing	Desktop top space Adjust the range bar to add spacing at the top of the section for desktop view. Desktop bottom space Adjust the range bar to add spacing at the bottom of the section for desktop view. Mobile top space Adjust the range bar to add spacing at the top of the section for mobile view. Mobile bottom space Adjust the range bar to add spacing at the bottom of the section for mobile view.

Block settings:

Information

Heading Add text to show as a title. Heading size Select the font size from the following options: - Extra small - Small - Regular - Medium - Large - Extra large - Double Extra large Phone/Email/Others content Heading Add text to show as a title. Description Add text to show as the description.

Form field

Field type Choose field type from: - Text - Text area - Select - Checkbox - Radio Placeholder Add the placeholder text. Required Select this checkbox to show this field as required. Full width Select this checkbox to show this field in full width. Select/Radio Options Add the options for select or radio buttons. Checkbox Checked value Add any text. This value will be sent with the form submission on checking the field to the store owner's email. Uncheck value Add any text. This value will be sent with the form submission on unchecking the field to the store owner's email.