To create a Contact Page, you need to do as follows:
1. Go to Online Store in Shopify
2. Access Pages
3. Click Add Page and enter a title
4. In Theme template, select Contact template
To configure Contact Page:
Access Themes → Customize → Page → Contact
Here you can choose Add sections to display information related to Store, for example:
Tapita - Google Map: Location of the store on the map, where you can enter the link in Google map iframe.
To get this link, you need to access Google Map, enter the address in the search bar, select Share or embed map, copy the link, then paste it in Google map iframe.
You can customize the configuration for Tapita - Google Map in Section configuration.
To adjust the size between sections on the page, you need to customize the size on the desktop screen in Desktop vertical spacing and Desktop margin bottom.
However, because the display sizes on the screens will be different, you need to align the sizes for tablet and mobile screens in Tablet, mobile vertical spacing, and Tablet, mobile margin bottom.
Tapita - Store Info: Here you can create information by Add store item:
Enter store title
Enter other store information
You can customize the display on Tapita - Store Info by:
Adjust title display in Title align
Store items will be displayed in columns on desktop, tablet, and mobile screens. Decide numbers of column to display on screens in Column number
You can customize the configuration for Tapita - Store Info in the Section configuration section for the following items:
Section max width: Width of section, if you choose “Disabled”, will default to the entire desktop with a size of 1830px. If you choose “Enabled”, you can customize the desired display size at Content max width.
To adjust the size between sections on the page, you need to customize the size on the desktop screen in Desktop vertical spacing and Desktop margin bottom.
However, because the display sizes on the screens will be different, you need to align the sizes for tablet and mobile screens in Tablet, mobile vertical spacing, and Tablet, mobile margin bottom.
Contact Form: This is an available form on Shopify, so you only need to Add section, type heading for the form in Heading, and adjust the spacing in Section padding.