Contact form
The "Contact form" is a valuable section to get engage with your customers and keep in touch with them.
Use the "Heading" placeholder to add a section title.
If you need to set up the color of the title, use the "Heading color" picker. Here you can paste the hex code to the corresponding field or choose the color using the paint pallet. The color settings will be used for both desktop and mobile.
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 "Paragraph color" picker. The color you apply for the item will be used for a desktop and mobile.
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 align" settings to change the alignment of the heading and description to the "Left" or "Center". Leave the "Auto" option to use the pre-designed theme settings.
If you need to show a "Dividing line", choose "Top" or "Bottom" positions. It will be hidden once you use the option "None".
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
