Turbo includes a Contact Form section to enhance pages. The form used here is the standard Shopify contact form and submissions are sent to your store’s public contact email address.
Contact Form Section Settings
Click the section to open its settings.
Upload an image by clicking Select Image. 1024 x 1024px is the recommended image size. The image will display above your subheading and text.
Within the contact form section, you can choose to add a 'heading', 'subheading' and 'text'. You can add one, add all three, whatever you'd like! This is a great way to add some important info that you want your customers to read before they contact you.
Here you can choose the position of your 'subheading,' 'text' and 'image' (if you've added them!) Choose from left, center, or right:
Here you can choose the alignment of your 'subheading' and 'text' (if you've added them!) Choose from left, center, or right:
Show social media icons
If you'd like your social media icons to display in the contact form section, if you have URLs added under Theme Settings > Social Media, and enable the 'show social media icons' setting, they will display under the text.
If you'd like a logo to appear within the contact form, you can upload an image under the 'logo' field. It will then display at the top of your contact form. The recommended image size is 500px by 500px.
Click one of the preloaded Text field blocks to open its settings.
To add more text fields or another block, select (+) Add block, then Option, Content, or Text field.
There are three field types includes in the Option block: Dropdown, Checkbox, and Radio buttons.
Select the option using the Field type dropdown.
Dropdown and Radio buttons only allow one selection, while Checkbox allows single or multiple selections.
For each of these options, customize the Label using the provided field.
If you're using a dropdown, customize the Placeholder text with the provided field.
Enable the Field is required setting to make the field type mandatory.
Add your options by adding them to the Option 1-6 fields. To use fewer than 6, leave the remaining fields blank.
Use the Content block to include a Logo and Text.
Click Select Image to locate your logo image. Then adjust the Logo display width using the provided slider.
Add Text using the text field.
The Text field block offers three options: Email, Text area, and Text field.
The Email option allows and requires customers to include their email address with the form submission.
Select Email from Field type, then add your Label and Placeholder using the provided text fields.
The Text area option provides customers with a larger text field for more detailed messages.
Select Text area from Field type, then add your Label and Placeholder using the provided text fields.
Select Field is required to make this text area mandatory for submission.
The Text field option provides customers with a text field for more brief information, such as a name, phone number, etc.
Select Text field from Field type, then add your Label and Placeholder using the provided text fields.
Select Field is required to make this text field mandatory for submission.
When viewed on a mobile device, the 'contact form' section stacks vertically with the text above the form.