Skip to content
On this page

Pages - contact

This guide describes setting up your store's Pages - contact section. Use the section to set how your store's contact form is displayed on the Contact page.

A Contact page section on a store's Contact page.

The previous image shows a Pages - contact section on a store's Contact page, in Theme editor. In the image, the section contains a Contact form. On the left, the section's settings are set to their defaults.

For general guidance with modifying sections, refer to Sections overview, and Shopify help: Sections and blocks

Set up a pages - contact section

To set up a Pages - contact section:

  1. Go to Customize theme. At the top of the page, use the dropdown to select Pages > Contact.

    Note

    The section is available only on the Pages > Contact page, and the Pages > Default page.

    To add Content sections into the current page, select Add section, from the side menu, and then choose a section to add. Refer to Shopify help: Add a section.

  2. From the side menu, select Pages - contact.

    The Contact page section selected in Theme editor.

  3. Select a setting described in the following table.

Setting nameDescription
Display on cardSelect the checkbox Display on card to show/ hide a card behind the section. Refer to Shopify help: Cards
Color > Color schemeUse the Color scheme dropdown to set the section's color scheme to Primary, Secondary, Tertiary, or Quaternary. Refer to Colors.
Color > Use gradient for backgroundSelect the checkbox Use gradient for background to turn on/ off using a gradient as the section's background.
Theme settingsSelect Theme settings to access additional settings for the section. Refer to Section theme settings menu.

Configure a block inside a pages - contact section

A default Pages - contact section contains no blocks. To configure a block inside a Pages - contact section:

  1. Go to Customize theme. At the top of the page, use the dropdown to select Pages > Contact.

  2. From the side menu, expand the Pages - contact section menu.

  3. To configure an existing block, select the block from the side menu.

    To add a new block, select Add block, and then select the block you added.

    The Pages - contact section's add block menu in Theme editor.

    Note

    Inside the section, you can add, remove, show/ hide, or move blocks. Refer to Configure blocks inside a section, or Shopify help: Sections and blocks

  4. Apply a setting described in the following table.

Block nameBlock descriptionBlock setting(s)
Background patternDisplays a stylistic pattern as a background inside the section.Refer to Background pattern.
Background shapeDisplays a stylistic shape as a background inside the section.Refer to Background shape.
StickerOverlays the section with a stylized sticker.Refer to Stickers.
Shape dividerDisplays a stylized separator between the current section and the next/ previous section.Refer to Shape divider.