Contact Section
The Contact Section displays your business contact details on the homepage, making it easy for customers to reach out with questions, concerns, or feedback. Providing clear and accessible contact information builds trust and demonstrates that your business is approachable and responsive.
On this page
Site Builder does not include a preview mode. Any changes saved are applied directly to your live website. Review all content carefully before saving.
Overview
The Contact Section is typically placed near the bottom of the homepage, providing customers with multiple ways to connect with your business. Depending on the selected design, this section can include various contact methods and interactive elements.
The Contact Section helps:
- Make your business accessible and approachable
- Build trust through transparent communication channels
- Provide multiple contact options for customer convenience
- Reduce friction for customers who need assistance
- Encourage feedback and engagement
Design Layouts
The Contact Section provides multiple professionally designed layouts. Each layout changes how contact information is presented.
Available layout options include:
- Design 1 — Two-column layout with contact info on left, form on right
- Design 2 — Card grid with icon, label, and detail for each contact method
- Design 3 — Minimal layout with centered contact details and social links
- Design 4 — Full-width layout with embedded map and contact form
- Design 5 — Split layout with contact form above and map below
Color & Style Options
The Contact Section inherits colours from your global Color & Style configuration. You can customize specific elements for better visual hierarchy.
Customizable elements include:
- Icon Colour — Colour of contact method icons (phone, email, location)
- Label Colour — Colour of labels like "Phone", "Email", "Address"
- Detail Colour — Colour of actual contact information text
- Form Field Style — Input borders, backgrounds, and focus states
- Submit Button — Background, text colour, and hover state
- Section Background — Background colour of the entire section
- Card Background — Background of individual contact info cards
Contact Information
Configure the contact details displayed in this section. Depending on the selected design, this may include:
- Business Address — Physical store or office location
- Phone Numbers — Customer support and business phone lines
- Email Address — General inquiry and support email addresses
- Business Hours — Operating hours for customer reference
// Example contact information
Address: 123 Main Street, Bangalore, Karnataka 560001
Phone: +91 98765 43210
Email: support@yourstore.com
Hours: Mon - Sat: 9:00 AM - 6:00 PM
Ensure all contact information is accurate and up to date. Incorrect phone numbers or email addresses can frustrate customers and damage your credibility.
Contact Form
Some Contact Section layouts include an embedded contact form that allows customers to send messages directly from the homepage.
Form fields typically include:
- Name — Customer's full name
- Email — Customer's email address for reply
- Phone — Optional phone number
- Subject — Purpose of the inquiry
- Message — Detailed description of the query
Submitted forms are sent to the email address configured in your store settings. Ensure you monitor this inbox regularly for customer inquiries.
Map Integration
Some Contact Section layouts include an embedded Google Map showing your business location. This helps customers find your physical store and builds trust through transparency.
To enable the map:
- Enter your business address in the map configuration
- The map will automatically locate and display your address
- Customers can click the map to get directions
Only display your physical address if you have a customer-facing location. If you operate from home or a warehouse, consider omitting the map or using a general area marker instead of an exact address.
Section Title
Configure the heading text displayed above the contact information.
// Example section titles
"Get In Touch"
"Contact Us"
"We're Here to Help"
"Let's Connect"
Best Practices
- Keep contact information accurate and updated at all times
- Respond to inquiries promptly — aim for within 24 hours
- Include multiple contact methods for customer convenience
- Place this section near the bottom of the homepage for easy access
- Use a professional email address (avoid Gmail, Yahoo for business)
- Include business hours so customers know when to expect a response
- Link social media profiles that are active and regularly updated
- Test the contact form regularly to ensure it delivers messages correctly
- Consider adding a link to your FAQ section for common questions
- Make phone numbers clickable on mobile for one-tap calling
Social Media Links
Display links to your business social media profiles. This helps customers connect with your brand on platforms they already use.
Supported platforms include:
Enter the full URL for each social profile you want to display. Only enabled platforms will appear in the Contact Section.