Shella Shopify Theme
  • User Manual
  • Shopify help
  • Get Started
    • How to create a new Template
    • How to add and edit a Page
    • How to build Metaobjects
    • How to find a handle
    • Filters logic
    • Pre-Order
  • Product variants
  • Header
    • Theme Blocks
  • Footer
    • Theme Blocks
  • Metafields
    • How to create custom filters
  • Theme Sections
    • Builder
      • Promo box (Banner)
      • Slick Slider
      • Revolution Slider
      • Instagram
      • Product column
      • Custom HTML
      • Space for vertical menu
    • Spacer
    • Article carousel
    • Brand carousel
    • Product carousel
    • Review carousel
    • Contact form
    • FAQs
    • Gallery
    • Information line
    • Search form
    • Subscription form
    • Brands
    • Collections
    • Lookbook
    • One product
    • Collection page heading
      • Theme Blocks
    • Collection banner builder
      • Theme Blocks
    • Ticker
  • Products
    • Product page
      • Theme blocks
    • Related product carousel
    • Usage information sidebar
  • Collections
    • Product grid
      • Current filters
      • Collections
      • Filters
      • Filter settings
      • Tags
      • Products
      • Custom HTML
      • Subscription
      • Promo box (Banner)
  • Collections list
  • Page categories
    • Policy page
    • Lookbook
      • Page
    • Gallery
      • Page
    • FAQs
      • Page
    • Contact
      • Page
    • Brands
      • Page
    • Password
      • Social media
    • Search
      • Current filters
      • Filters
      • Filter settings
      • Products
      • Custom HTML
      • Subscription
      • Promo box (Banner)
    • Quick view
  • Blogs
    • Theme Blocks
  • Blog posts
    • Theme Blocks
  • Theme settings
    • Quick Start
    • License
    • Logo and Favicon
    • Layout
    • Colors
    • Typography
    • Collection and Search page
    • Product -> General
    • Product -> Variants
    • Product -> Collection Page
    • Product Page and Quick View
    • Search
    • Currency
    • Cart
    • Wishlist and Compare
    • Payments
    • Social Media
    • News Subscription
    • Blog and Article Pages
    • Account
    • Reviews
    • Services
    • Apps and Language
    • Button, Input and Promo Box
    • Notifications
    • Pre-loader
    • Animations
    • Developer
    • Custom CSS
  • Theme features
  • Back to Help Center
Powered by GitBook
On this page
  • Contact form
  • Title
  • Show input label
  • Button type
  • Content
  • Show info column
  • Contact Map Code

Was this helpful?

  1. Theme Sections

Contact form

If you want to display a contact form, add the “Contact form” section.

PreviousReview carouselNextFAQs

Last updated 1 year ago

Was this helpful?

Add section -> Contact form

Contact form

Title

Here you can write a Title of this section (if needed), that will be displayed on the home page, e.g.: “Contact us”.

As a default content page, there is already a fixed Contact form. The content of this form you can change in your Shopify Admin. Simply click on "Online Store", then press the dotted [...] button next to "Customize" and choose "Edit default theme content" from the drop-down. Then, hit the tab "Contact":

Show input label

If you enable this option, the input titles will be shown for the contact form:

Button type

Here one can choose the button type from the dropdown list. The theme includes two types:

Content

Show info column

Contact Map Code

If you want to have Google Maps showing your store’s address on the left side of the contact form, you need to insert the Google Maps code of your store in the field “Contact Map Code”. If you do not need this option, simply remove the code from the field “Code” and no Google Maps will be displayed.

In our example, we enabled the “Show info column” option, selected the “About our store” page, and added the Google Maps code. This is what we have got:

There is also an option that allows you to add additional content if you want to have some on the left side of the contact form. All you need is to enable the option “Show info column” and select a page in the “Page content”. How to add and edit a page you can read .

here