Contact form allows your customers to reach you by submitting the form with necessary information.
To add the Contact form,
- Go to Online Store > Themes and click Customize in your Shopify admin
- Then click Add section under Templates area. Now you can choose Contact form from the list.
You can find the following settings inside the each Contact form section,
General Settings | Description |
---|---|
Background image | It will allow you to display the background image |
Overlay | Set the solid background on top of the image |
Maximum width of form | Set the form width, if custom width enabled. |
Contact form order | Set the order of the form below/above the section text blocks |
You can also find common section settings inside the Contact form.
Blocks
Contact form includes two dedicated blocks as well, to make it more informative. These blocks can be added above/below to the contact form. Below you can find the list of blocks belonging to Contact form
- Text
- Custom liquid
Text
The Contact form can have multiple Text Blocks. It will allow you to display simple text, heading or description as per your wish.
You can find the following settings inside the each Text block,
General Settings | Description |
---|---|
Text | It will display the text |
Tag | It allows to choose tag you want to use for the text |
Use custom width | Option to enable/disable the width. |
Max width | Set the width of the text, if custom width enabled. |
Custom liquid
Liquid is a lightweight and easy-to-learn templating language designed to work with dynamic content. It allows you to add logic, variables, and conditionals to your store. It allow you to customize and control the dynamic content and behavior of your online store. Shopify used liquid to process and render dynamic content on web pages.
This block has custom liquid field to process the liquid codes for you.