Contact form
The Contact form section sends messages to your store email. Add topics customers choose from, a phone field, and blocks for contact details and a map.
How to set it up
Step 1: Open the contact page
- In the page picker, choose Pages > contact and click Contact form.
- Turn on Show phone field and list Topics (1), separated by commas.
Step 2: Add details
- Add Contact detail blocks (a label, text and icon) and a Map block.
Settings reference
Contact form
| Show phone field | Turns this on or off. |
|---|---|
| Topics | Comma separated. Leave blank to hide the topic menu. |
Contact detail block
| Label | |
|---|---|
| Text | |
| Icon | Options: None, Check, Star, Heart, Sparkle, Bolt, Leaf, Globe, Clock, Chat, Mail, Location, Phone, Tag, Gift, Eye, Layers, Shipping, Returns, Warranty, Protection, Refresh, Package, Cart, Headphones, Earbuds, Speaker, Waveform, Noise cancelling, Microphone, Volume, Bluetooth, Battery, USB-C, Plug, Power, Chip, Wi-Fi, Signal, Screen, Phone, Camera, Water resistance, Temperature, Gauge, Gear, Wrench, Hammer, Dimensions, Weight, Precision, Cube. |
| Custom icon | Replaces the icon. Use a square SVG or PNG. |
| Icon size | Slider. |
Map block
| Address | Empty: the store address from Settings > Store details. |
|---|---|
| Zoom | Slider. |
| Load the map right away | Off: it loads when the shopper asks, since Google receives their data then (GDPR friendly). |
| Cover image | Shown until the map loads. |
| Height | Slider. |
| Height on mobile | Slider. |
Section width, corners, padding, color scheme, divider and visibility work the same in every section: see Section layout and spacing. Headings, subheadings and descriptions: see Section headings and text.
How it works
- The map loads when the shopper asks (GDPR friendly) unless Load the map right away is on.