Contact information

Easily display your business’s phone, email, address, hours, and social media links all in one place, with customizable headings and icons to make your contact information clear, accessible, and on-brand.

Last updated About 2 months ago

Overview

The Contact information block presents vital contact details—such as phone number, email, physical address, and operating hours—directly within your storefront. This block is designed for visibility and trust, making it easy for visitors to connect with your business quickly. You can customize fields, captions, headings, icons, and even integrate social media icons to suit your branding and communication needs.

⚠️ Important: Keeping the Contact information block current helps your business earn trust and lets customers know exactly how to reach you.

Content settings

Content settings determine what details appear in the Contact information block and how those details are presented. Clear and effective configuration improves customer access and encourages inquiries.

You can use these settings to tailor your contact details to your changing needs. Direct, clearly presented information ensures visitors can take immediate action.

Icon

Use an icon to visually highlight the nature of your contact area. An appropriate icon increases visibility and helps users recognize this section at a glance.

Caption

A short caption can be added below the icon or heading. This offers extra context or a prompt—such as inviting users to connect or explaining the best method to get in touch.

Heading

The main title for the contact area helps users instantly recognize your contact block. The default value is Contact information. You can customize this to match your tone or clarify the section's focus.

Heading size

The Heading size setting lets you choose from predefined text scales used consistently across your storefront. Each option defines the visual weight and hierarchy of your banner or section headings.

Available options:

  • Extra small (XS) — Subtle, compact headings ideal for tight layouts or mobile.

  • Small (S) — Balanced size for secondary emphasis or supporting titles.

  • Medium (M) — The standard heading size for most content sections.

  • Large (L) — Prominent headings suited for key sections and hero banners.

  • Extra large (XL) — Bold, attention-grabbing titles used for major highlights.

  • Jumbo — Oversized statement headings for hero visuals or impactful promotions.

📝 Note: These size presets help maintain consistent typography throughout your shop. When you update a size in Fonts → Heading fonts, it automatically applies everywhere that preset is used.

Heading type

Choose the HTML heading tag or paragraph used for your block’s title. This improves accessibility and ensures your content follows best practices for structure.

  1. Paragraph (p)

  2. Heading 1 (h1)

  3. Heading 2 (h2) default

  4. Heading 3 (h3)

  5. Heading 4 (h4)

  6. Heading 5 (h5)

  7. Heading 6 (h6)

    1. Selecting the right heading level supports organized content and benefits users relying on assistive technology.

Subheading

Provide a secondary line of text under your main heading. Use rich text formatting to feature supporting information or clarify your message.

Phone

Add your business phone number. Providing a direct number gives customers confidence they can easily reach your team.

Email

Display a business email address that is regularly monitored. Prompt replies promote a positive customer experience.

Address

Enter your location or store address, using the available formatting to ensure it is readable and helpful.

Hours of operation

Setting business or support hours helps customers know when to expect a response or when to visit in person. Well-presented hours reduce confusion and missed connections.

Social media settings

Enable or disable social icons within the Contact information block to allow visitors to connect with your business across other platforms. This is a flexible way to broaden your engagement beyond traditional methods.

You can make social media links prominent, or turn them off to keep the block focused. Either way, these settings match your outreach style and brand presence.

Display social media icons

Toggle the appearance of social media icons alongside your contact information. The default setting is enabled.

  1. Social icons display based on your global settings.

  2. Enabling this encourages visitors to follow and connect via social platforms.

Available in sections

The Contact information block can be used in the following sections:

  1. Contact form

Usage notes

  1. Always preview your Contact information block on desktop and mobile to confirm clarity and readability.

  2. Use short, relevant headings and captions to guide your visitors directly to your key information.

  3. Regularly test each point of contact—phone, email, and social—so inquiries are never missed.

  4. Select high-contrast colors and readable fonts within your block to maintain accessibility.

💡 Tip: Update your Contact information icon and headings regularly to match your current branding or highlight new contact methods.

⚠️ Important: Provide only essential contact details in your Contact information block. Keep the design simple and use formatting carefully to prevent confusion or information overload.