03GENERAL

Customizable contact

This page explains how “Customizable contact” actually behaves, which data it depends on, and what its settings change.

WHAT IT DOES

Customizable contact

This page explains how “Customizable contact” actually behaves, which data it depends on, and what its settings change.

Used in templates

page.jsonpage.sizing-help.json

IMPLICIT BEHAVIOR

What the theme does automatically

This section only displays elements that have content. Empty elements are ignored to preserve the layout.

CONFIGURATION

Understand the settings

Header

Configure the texts and elements displayed at the top of the section.

Eyebroweyebrow

Titleheading

Title leveltitle_tag

Default: h1 · Options: H1 — main title, H2 — section title

Introductionintroduction

Alignmentheader_alignment

Default: center

Picture

Choose the main visual, its framing and its position in the section.

Optional imageimage

Positionimage_position

Default: top · Options: Above, Below

Formatimage_ratio

Default: 16 / 7 · Options: Panoramic, Banner, Square

Layout

Set the dimensions, layout and spacing of the section.

Maximum widthmax_width

Default: 1200 · Range: 880–1520px

Position of the interlocutorssidebar_position

Default: left · Options: On the left, Right

Keep the interlocutors visiblesticky_sidebar

Default: enabled

Contacts on mobilemobile_contacts_layout

Default: slider · Options: Horizontal scrolling, Vertical list

Choice of an interlocutor

This part only appears when at least one Speaker block is added. Configure the texts and behavior used to direct the visitor to a contact.

Eyebrowexperts_eyebrow

Titleexperts_heading

Textexperts_text

Selection ruleexpert_selection_mode

Default: optional · Options: Optional choice, First person shortlisted, Mandatory choice

Name of information sentexpert_field_label

Wording without preferenceno_preference_label

Precision without preferenceno_preference_text

Summary wordingselection_summary_label

Text before selectionselection_placeholder

Trust message

Complete the short arguments displayed near the form.

Line 1reassurance_1

Line 2reassurance_2

Line 3reassurance_3

Form

Configure the introduction, transmitted data and submit button of the form.

Titleform_heading

Introductionform_text

Accessible text for required fieldsrequired_label

Subject transmitted in the messagesubject

Shopify maintains its own subject line for the email.

Transmit the original pageinclude_source_page

Default: enabled

Button labelbutton_label

Button Stylebutton_style

Default: primary · Options: Main, Secondary

Button Alignmentbutton_alignment

Default: left · Options: Left, Center, Right, Full width

Note under the buttonbutton_note

Messages

Customize confirmations, errors, and information displayed after sending.

Title after sendingsuccess_heading

Text after sendingsuccess_text

Title in case of errorerror_heading

Note under the formfooter_note

Appearance

Choose the surface style and section spacing.

Section backgroundbackground_style

Default: soft · Options: Transparent, Halo Opaline

Form stylepanel_style

Default: glass · Options: Opaline Glass, Full card, Without card

Top Spacingpadding_top

Default: 96 · Range: 0–160px

Bottom spacingpadding_bottom

Default: 96 · Range: 0–160px

Section palette

Applies a consistent palette to the background, text, and buttons in this section.

Section appearance

Use a dedicated paletteopaline_use_color_scheme

Default: disabled

Paletteopaline_color_scheme

Default: scheme-1

Title

Alignment on desktopopaline_heading_alignment

Default: inherit · Options: Keep the design, Left, Center, Right

Spacing

Space after sectionopaline_section_spacing

Creates space between this section and the next. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–160px

Left and right insetopaline_content_inset

Moves content away from the edges. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–120px

COMPOSITION