03GéNéRAL

Contact personnalisable

Cette page explique le comportement réel de « Contact personnalisable », les données dont il dépend et l’effet de ses réglages.

Contact personnalisable

Cette page explique le comportement réel de « Contact personnalisable », les données dont il dépend et l’effet de ses réglages.

Présente dans les modèles
page.jsonpage.sizing-help.json

Ce que le thème fait automatiquement

Cette section affiche uniquement les éléments disposant de contenu. Les éléments laissés vides sont ignorés afin de préserver la mise en page.

Comprendre les réglages

En-tête

Configurez les textes et éléments affichés dans la partie supérieure de la section.

Sur-titreeyebrow
Titreheading
Niveau du titretitle_tag
Par défaut : h1 · Choix : H1 — titre principal, H2 — titre de section
Introductionintroduction
Alignementheader_alignment
Par défaut : center

Image

Choisissez le visuel principal, son cadrage et sa position dans la section.

Image facultativeimage
Positionimage_position
Par défaut : top · Choix : Au-dessus, En dessous
Formatimage_ratio
Par défaut : 16 / 7 · Choix : Panoramique, Bannière, Carré

Mise en page

Réglez les dimensions, la disposition et les espacements de la section.

Largeur maximalemax_width
Par défaut : 1200 · Plage : 880–1520px
Position des interlocuteurssidebar_position
Par défaut : left · Choix : À gauche, À droite
Garder les interlocuteurs visiblessticky_sidebar
Par défaut : activé
Interlocuteurs sur mobilemobile_contacts_layout
Par défaut : slider · Choix : Défilement horizontal, Liste verticale

Choix d’un interlocuteur

Cette partie apparaît uniquement lorsqu’au moins un bloc Interlocuteur est ajouté. Configurez les textes et le comportement utilisés pour orienter le visiteur vers un contact.

Sur-titreexperts_eyebrow
Titreexperts_heading
Texteexperts_text
Règle de sélectionexpert_selection_mode
Par défaut : optional · Choix : Choix facultatif, Première personne présélectionnée, Choix obligatoire
Nom de l’information envoyéeexpert_field_label
Libellé sans préférenceno_preference_label
Précision sans préférenceno_preference_text
Libellé du récapitulatifselection_summary_label
Texte avant sélectionselection_placeholder

Réassurance

Renseignez les arguments courts affichés à proximité du formulaire.

Ligne 1reassurance_1
Ligne 2reassurance_2
Ligne 3reassurance_3

Formulaire

Configurez l’introduction, les données transmises et le bouton d’envoi du formulaire.

Titreform_heading
Introductionform_text
Texte accessible pour les champs obligatoiresrequired_label
Objet transmis dans le messagesubject

Shopify conserve sa propre ligne d’objet pour l’e-mail.

Transmettre la page d’origineinclude_source_page
Par défaut : activé
Libellé du boutonbutton_label
Style du boutonbutton_style
Par défaut : primary · Choix : Principal, Secondaire
Alignement du boutonbutton_alignment
Par défaut : left · Choix : Gauche, Centre, Droite, Pleine largeur
Note sous le boutonbutton_note

Messages

Personnalisez les confirmations, erreurs et informations affichées après l’envoi.

Titre après envoisuccess_heading
Texte après envoisuccess_text
Titre en cas d’erreurerror_heading
Note sous le formulairefooter_note

Apparence

Choisissez le style des surfaces et les espacements de la section.

Fond de la sectionbackground_style
Par défaut : soft · Choix : Transparent, Halo Opaline
Style du formulairepanel_style
Par défaut : glass · Choix : Verre Opaline, Carte pleine, Sans carte
Espacement supérieurpadding_top
Par défaut : 96 · Plage : 0–160px
Espacement inférieurpadding_bottom
Par défaut : 96 · Plage : 0–160px

Palette de la section

Applique une palette cohérente au fond, au texte et aux boutons de cette section.

Apparence de la section

Utiliser une palette dédiéeopaline_use_color_scheme
Par défaut : désactivé
Paletteopaline_color_scheme
Par défaut : scheme-1

Titre

Alignement sur ordinateuropaline_heading_alignment
Par défaut : inherit · Choix : Conserver le design, Gauche, Centre, Droite

Espacement

Espace après la sectionopaline_section_spacing

Crée un espace entre cette section et la suivante. L’espacement mobile s’adapte automatiquement.

Par défaut : 0 · Plage : 0–160px
Retrait à gauche et à droiteopaline_content_inset

Éloigne le contenu des bords. L’espacement mobile s’adapte automatiquement.

Par défaut : 0 · Plage : 0–120px

Blocs disponibles

Bloc d’application@app

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Interlocuteurexpert
Limite : 8

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Nomname
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

E-mailemail
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Téléphonephone
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Message principalmessage
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Champ courtshort_text

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Zone de textelong_text

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Liste déroulanteselect

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Choix uniqueradio

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Case à cochercheckbox

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Texte librecontent

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Séparateurdivider

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Avant de publier

  • ✓

    Le contenu reste lisible dans toutes les palettes.

  • ✓

    Les libellés correspondent à la langue de la boutique.

  • ✓

    Les promotions affichées correspondent aux règles Shopify.

  • ✓

    Les interactions restent accessibles au clavier et au toucher.