Fluorescent
Lorenza
Lorenza
  • Lorenza Help Center
    • Start using Lorenza
      • Migrate your theme
      • Theme licenses
    • FAQs
    • Theme updates
      • Upgrade to OS2
    • Changelog
  • General
    • Editing themes
      • Adding sections
      • Using templates
      • Accessibility
      • Customizing your site
      • H1 heading tags
      • SEO for Shopify themes
      • Online store speed
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • Adapting theme content
      • Edit default theme content
      • Multiple languages
      • Dynamic content with metafields
      • Unique content for markets
  • Theme styles
    • Theme settings
    • Style presets
    • Fonts
    • Colors
    • Animation
    • Buttons
  • Pages
    • Templates
      • Home page
      • About page
      • Blogs page
      • Blog posts template
      • Collections list page
      • Contact page
      • Password page
      • Search page
      • 404 page
    • Header
      • Logo
      • Layout and style
      • Mega navigation
      • Transparent header
      • Quick search
      • Customer account link
    • Footer
      • Links block
      • Newsletter block
      • Text and image block
      • Language selector
      • Country selector
      • Payment icons
      • Social media icons
    • Utility bar
      • Announcements
  • Sections
    • Theme sections
      • Blog posts
      • Collapsible row list
      • Collection list
      • Collection list grid
      • Featured collection
      • Featured collection grid
      • Featured collection row
      • Featured product
      • Gallery
      • Image hero
      • Image with text
      • Image with text split
      • Map
      • Mosaic grid (2 columns)
      • Mosaic grid (3 columns)
      • Newsletter
      • Quotes
      • Rich text
      • Shoppable feature
      • Shoppable image
      • Slideshow
      • Slideshow split
      • Testimonials
      • Text columns with images
      • Video
      • Video hero
    • Popups
  • Products
    • Product listings
    • Product badges
    • Quick shop
  • Product pages
    • Product template
      • Pre-order template
    • Layout and style
      • Breadcrumbs
      • Navigation buttons
      • Media gallery
      • Gift recipient form
    • Product page blocks
      • Default blocks
        • Title
        • Price
        • Description
        • Variant selector
        • Quantity selector
        • Buy buttons
        • Local pickup banner
        • Share icons
      • Accordion block
      • Complementary products
      • Information popup
      • Payment block
      • Security block
      • Shipping block
      • Stock level indicator
      • Text block
      • Text with image
      • Text with video
      • App blocks
    • Product page sections
      • Product reviews
      • Recently viewed products
      • Recommended products
    • Variant options
      • Variant chips
      • Variant swatches
        • Enable swatches
        • Use default colors
        • Use custom images
        • Dynamic option availability
        • Show on collections
  • Collection pages
    • Collection template
    • Banner
      • Breadcrumbs
    • Product grid
    • Filters and sorting
  • Cart
    • Cart page
    • Fly-out cart
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • For developers
    • Custom CSS
    • Custom fonts
    • Custom Liquid
    • Custom JavaScript events
    • Edit Theme JavaScript
Powered by GitBook
On this page
  • Quick setup
  • Create page and assign template
  • Edit contact page template
  • Settings reference

Was this helpful?

  1. Pages
  2. Templates

Contact page

Template

Last updated 11 months ago

Was this helpful?

The Contact page template provides a simple and effective way for customers to get in touch with you. The template includes preset sections for frequently asked questions and a contact form.

See demos: |

Quick setup

For your contact page, you first need to create a page and assign the about template in your Shopify admin. Then, in the theme editor, you can customize the contact page template using the preset theme sections.

Create page and assign template

In your Shopify admin, you need to create a page and assign the contact template.

STEPS

In your Shopify admin:

  1. Click Online store > Pages.

  2. Click Add page.

  3. Add a Title (e.g. "Contact us").

    The title will be used for the page URL (e.g. www.store.com/contact-us).

    You don't need to add anything to the Content field. You will add the page content by editing the template in the theme editor.

  4. (Optional). Under Visibility, you can click Hidden if you don't want to publish the page to your live site yet.

  5. Click the Theme template menu and select contact to assign the template to your page.

    Note: Templates can't be assigned on unpublished themes. Your changes to templates will be saved and can be assigned when you buy and publish the theme.

  6. Click Save.

Edit contact page template

The default Contact template includes preset sections designed to provide answers to common questions and let customers get in touch.

You can also use theme sections to provide direct contact information, such as an email address or phone number, your business hours, location, and social media links.

We recommend first editing the preset sections and hiding any sections you won't use. Then, you can add other theme sections to further customize your page.

STEPS

In your theme editor (Customize):

  1. Use the Templates selector to open Pages > contact.

  2. Click Change in the "PREVIEW" section to select the page you want to use for your contact page.

    A warning symbol (!) next to the page name means that the template is not assigned. Click the page name to go to your Shopify admin, and assign a template.

  3. Click (+) Add image to display an image next to the contact form.

    We recommend using an image with a portrait orientation.

  4. Under Template, click (+) Add section to further customize your page with theme sections.

    Click and hold the drag and drop handles ⋮⋮ to change the order of sections.

  5. Click Save.

    Remember to assign the template and set your page to Visible in your admin.

  6. (Recommended.) Link to your contact page in your Header and Footer menus.

  7. Click Save.

Settings reference

The Contact template has the following settings.

Setting
Description

Image

Add or upload an image to display next to the contact form. We recommend an image with a portrait orientation (taller than it is wide, typically 2:3)

\


Related links

Shopify The contact form is a Shopify feature. You can test Shopify's free theme Dawn to see if an issue is platform-related. For assistance, you can contact .

Shopify Pages are a Shopify feature: see Shopify's guide for .

Shopify support ↗
creating pages ↗
Templates
Natural
Modern