1. Docs
  2. Sections
  3. Forms & utilities

Forms & utilities

Contact form

A contact form with name, email, phone number and message. Messages arrive in the store's email address.

7 section settingsAvailable on every template. It cannot be placed in the header or footer
12
  1. 1Fields: name, email, phone and message
  2. 2Send button

Add the section#

Available on every template. It cannot be placed in the header or footer.

  1. From your Shopify admin, go to Online Store > Themes, then click Customize next to Opaline.
  2. Use the page selector at the top of the editor to open the template you want to change.
  3. In the sidebar, click Add section where you want it to appear.
  4. Select Contact form. Click the section in the sidebar to open its settings.
  5. Click Save in the top right corner when you are done.

Settings#

General

Heading
Rich text

Text on one line; bold, italic and links are kept.

Heading level
Dropdown

Sets the HTML level, for page structure and screen readers. It does not change the size — use Heading size for that. A page should carry exactly one H1.

Default: H2H1H3
Heading size
Dropdown
Default: MediumSmallLargeExtra largeExtra extra large
Color scheme
Color scheme

The color scheme of the section. Schemes are set under Theme settings > Colors.

Default: Scheme 1

Padding

Top
Slider
Default: 36pxFrom 0 to 100px, in steps of 4
Bottom
Slider
Default: 36pxFrom 0 to 100px, in steps of 4
Heading typeface
Dropdown

Theme default follows the section heading font chosen in Theme settings > Typography.

Default: Theme defaultHeading fontBody fontSans-serif heading font