Carte-cadeau

Liens en vedette

1. Documentation Shopify sur l’éditeur de thème
2. Documentation Shopify sur les sections et les blocs
3. Documentation Company XYZ sur les paramètres d’arrière-plan de section
4. Documentation Company XYZ sur les paramètres d’espacement de section
5. Documentation Company XYZ sur les paramètres de séparateurs
6. Documentation Company XYZ sur les paramètres de largeur de mise en page

Vidéos utiles

Vidéo de Shopify Academy : personnaliser votre boutique

Vidéo de Shopify Academy : personnaliser votre boutique

Cette section contrôle la page principale de carte-cadeau que les destinataires utilisent pour consulter et utiliser leur carte-cadeau. Vous pouvez personnaliser le message, remplacer les visuels par des créations de marque et ajuster la mise en page pour que la page paraisse claire, soignée et cohérente avec le reste de votre boutique. Pour une vue d’ensemble plus large du fonctionnement de ces contrôles dans l’éditeur, consultez documentation Shopify sur l’éditeur de thème

Paramètres de base

Utilisez le titre et le sous-titre pour introduire la carte-cadeau et donner aux destinataires une indication courte et utile sur ce qu’ils peuvent faire ensuite. Si vous laissez ces champs vides, la section peut revenir au contenu par défaut du thème, ce qui est utile lorsque vous souhaitez une configuration plus simple.

Le paramètre d’image vous permet de remplacer les visuels de carte-cadeau intégrés par votre propre visuel de marque. Cela fonctionne mieux lorsque l’image complète la page sans entrer en concurrence avec les détails de la carte-cadeau.

Les paramètres de style d’image et de ratio d’aspect contrôlent la façon dont le visuel est cadré. Utilisez le ratio par défaut lorsque votre image est déjà conçue pour cet espace, ou choisissez un ratio fixe lorsque vous souhaitez une présentation plus cohérente entre différentes images.

Sur mobile, une option de ratio d’aspect distincte est disponible. Si le cadrage sur ordinateur semble trop large ou trop haut sur les petits écrans, ajustez le ratio mobile au lieu de remplacer l’image.

Les paramètres de mise en page sur ordinateur déterminent la manière dont l’image et les détails de la carte-cadeau se partagent l’espace. La largeur de colonne modifie le côté qui ressort le plus, et la position de la galerie contrôle si l’image apparaît à gauche ou à droite ; sur mobile, la mise en page s’empile toujours en une seule colonne. Pour plus de contexte sur le comportement des sections et des blocs, consultez documentation Shopify sur les sections et les blocs

Vérifiez les visuels personnalisés sur ordinateur et sur mobile avant de publier. Un cadrage qui semble équilibré sur ordinateur peut masquer des parties importantes de l’image sur les petits écrans.

Paramètres de couleur

Ce groupe vous permet de remplacer les couleurs par défaut du texte et du sous-titre pour cette section. C’est particulièrement utile lorsque vous ajoutez un arrière-plan personnalisé et avez besoin d’un contraste plus marqué ou d’une hiérarchie visuelle plus claire.

Faites de la lisibilité votre priorité. Si vous utilisez une image, un dégradé ou un arrière-plan vidéo plus clairs, veillez à ce que le message principal et le texte d’accompagnement restent faciles à parcourir en un coup d’œil.

Paramètres standard de section

Paramètres d’arrière-plan de section

Paramètres d’arrière-plan de section contrôlent le canevas visuel derrière le contenu de la carte-cadeau. Vous pouvez utiliser une couleur, un dégradé, une image ou une vidéo, puis ajouter une superposition pour aider le texte et les détails de la carte-cadeau à ressortir.

Cette page fonctionne généralement mieux avec des arrière-plans sobres. Si vous choisissez des médias décoratifs, ajustez ensemble l’intensité de la superposition et les couleurs du texte afin que la page reste avant tout fonctionnelle.

Paramètres d’espacement

Paramètres d’espacement contrôlent l’espace au-dessus et au-dessous du contenu. Utilisez-les pour donner à la page une impression plus compacte et plus orientée utilitaire, ou plus aérée lorsque vous souhaitez une présentation de marque plus douce.

Un espacement plus réduit peut aider les détails clés à apparaître plus tôt, surtout sur mobile. Un espacement plus important fonctionne mieux lorsque la section utilise un arrière-plan plus marqué et a besoin de davantage d’espace visuel.

Paramètres de séparateur

Paramètres de séparateur ajoutent une ligne facultative au-dessus ou au-dessous de la section. Cela peut aider à délimiter plus clairement la zone de la carte-cadeau lorsque la page inclut d’autres contenus autour.

Conservez des séparateurs discrets ici. Un séparateur léger suffit généralement à distinguer visuellement la page sans détourner l’attention de la carte-cadeau elle-même.

Paramètres de largeur

Paramètres de largeur contrôlent la largeur maximale du contenu et la largeur du conteneur de la section. Ces paramètres sont utiles lorsque vous souhaitez que la page paraisse plus étroite et plus facile à lire, ou plus large lorsque vous l’associez à un arrière-plan plus immersif.

Pour la plupart des boutiques, une largeur de contenu modérée permet de garder une expérience centrée. Si vous utilisez un arrière-plan de section plus large, prévisualisez la page en direct pour vérifier que la mise en page reste équilibrée et facile à lire.

Note

Les changements de largeur peuvent apparaître différemment dans l’éditeur et sur la page en direct, surtout lorsque des arrière-plans sont utilisés.

Notes d’utilisation

1. Gardez un texte concis. Utilisez un titre et un sous-titre courts qui confirment ce que le destinataire consulte et ce qu’il doit faire ensuite.
   1. Utilisez des champs vides lorsque vous souhaitez que le style par défaut et le contenu de secours prennent davantage de place dans la page.
   2. Veillez à ce que le message soit facile à lire dans les états émis et utilisé.
2. Choisissez des visuels qui se recadrent bien. Des visuels de marque simples fonctionnent généralement mieux que des graphismes détaillés qui peuvent perdre de leur impact sur les petits écrans.
   1. Vérifiez séparément l’affichage sur ordinateur et sur mobile, car le cadrage et la mise en page peuvent varier selon les zones d’affichage.
   2. Considérez des visuels mobiles séparés comme un moyen de préserver la lisibilité, et pas seulement de redimensionner la même image.
3. Privilégiez le contraste. Lorsque vous utilisez des couleurs ou des arrière-plans personnalisés, assurez-vous que le contenu de la carte-cadeau reste immédiatement facile à lire.
   1. Des couleurs locales plus marquées, des dégradés ou des médias peuvent donner à la section une impression plus indépendante du style environnant.
   2. Si vous conservez le style par défaut ou vide, une plus grande partie de la présentation de secours du thème sera visible.
4. Utilisez intentionnellement la mise en page sur ordinateur. Réservez la colonne la plus large au côté qui doit avoir le plus de poids visuel, en gardant à l’esprit que la page s’empile sur mobile.
   1. Vérifiez à nouveau l’alignement et la visibilité sur les petits écrans, car la mise en page mobile peut modifier la lecture de la page.
   2. Ajustez la mise en page lorsque l’équilibre paraît bon sur ordinateur, mais trop serré sur mobile.
5. Prévisualisez la page complète. Vérifiez l’espacement, la largeur et les choix d’arrière-plan sur la boutique en ligne en direct avant de finaliser le design.
   1. Portez une attention particulière aux messages liés au formulaire ou à l’utilisation de la carte afin que les états soumis, vides et d’erreur restent faciles à parcourir.
   2. Confirmez que la page finale reste claire lorsque le contenu, les contrôles et les visuels apparaissent ensemble.