Contact form
The "Contact form" is a valuable section to get engaged with customers and keep in touch with them.
Heading
Use the "Heading" placeholder to add a section title.
To set up the color of the title, use the "Color" picker. Here you can paste the hex code into the corresponding field or select the color using the paint palette. The color settings will be used for both desktop and mobile.
Paragraph
Use the "Paragraph" input field to add some descriptive text lines to the section that will appear under the heading. If you do not need to display text paragraphs, leave the field blank.
The color of the description can be set in the "Color" picker. The color you apply to the item will be used for both desktop and mobile.
Section layout
The layout settings change the look and feel of the section.
Choose one of the options "In-grid heading", "Heading on top", or "Heading top center" in the "Layout" drop-down.
Use the "Mobile alignment" settings to change the alignment of the heading and description to "Left" or "Center". Leave the "Auto" option to use the pre-designed theme settings.
To add a divider between sections, use the "Dividing line" to set the position: "Top", "Bottom", or "Both". The dividing line will be hidden when you select the "None" option.
On the "Top spacing" and "Bottom spacing" scales, decide whether to add spaces at the top and bottom of the section. Control spacing settings from 0 to 100 pixels on each scale.
Check the following examples of how the section might be displayed on desktop and mobile:
Tip: Contact form input texts can be edited in your Shopify admin -> Edit default theme content-> Theme Content.
Press the dotted [...] button in the top left corner to navigate to Theme content:
Then, choose the tab "Templates" and scroll down to the "Contact form":
Last updated