Personnaliser votre design

7 articles Manfred Par Manfred

Typographie

Cliquez sur Polices dans la barre d'outils pour modifier les polices et les tailles des différents éléments de texte : - Titre Shopify — le titre principal de l'e-mail (par exemple « Commande confirmée ») - Titres — titres de section - Sous-titres — étiquettes et sous-titres secondaires - Texte principal — Texte du contenu principal - Pied de page — texte du pied de page Selon le niveau du texte, vous pouvez ajuster la police, sa taille, sa graisse, son style italique, sa mise en majuscules ou l'interligne. Les polices disponibles sont sélectionnées pour une compatibilité maximale avec les clients de messagerie, mais un client de messagerie peut toujours utiliser une police système par défaut s'il ne prend pas en charge la police choisie. | Paramètre global : La typographie s’applique aux 52 modèles d’e-mail. Les modifications sont prises en compte instantanément.

Boutons

Cliquez sur Boutons dans la barre d'outils pour personnaliser tous les boutons de vos e-mails en une seule fois : - Style — Rempli, Contour ou Lien - Taille — Petit, Moyen ou Grand - Largeur — Automatique, Large ou Pleine largeur - Rayon des angles — Aigu, arrondi ou en forme de pilule - Couleurs — Couleur du texte, couleur de fond et couleur de la bordure - Typographie — Choisissez une police, une taille, une graisse et, si nécessaire, une mise en majuscules pour les boutons. Les paramètres des boutons sont globaux. Ils s'appliquent aux boutons de statut de commande, de suivi, de paiement et aux boutons personnalisés pris en charge dans les 52 modèles. Une section peut toutefois définir son propre libellé, URL, alignement ou visibilité pour chaque bouton. | Paramètre global : les styles de boutons s’appliquent aux 52 modèles d’e-mail. Les modifications sont prises en compte instantanément.

Logo

Cliquez sur Logo dans la barre d'outils, ou cliquez sur la zone du logo dans la zone de dessin. Image du logo Importez votre propre logo ou sélectionnez-en un parmi vos fichiers Shopify. Vous pouvez également supprimer le logo et le lier à l'URL de votre boutique. Taille et alignement - Taille du logo  — ajustez la largeur à l’aide d’un curseur en pourcentage - Bureau d'alignement  — Gauche, Centre ou Droite - Alignement mobile — alignement séparé pour mobile Mise en page de l'en-tête - Contenu — logo à l'intérieur de la largeur du corps de l'e-mail - Logo plein écran — s'étend sur toute la largeur de l'e-mail Espacement et couleurs - Densité verticale  — contrôle l’espacement au-dessus et en dessous du logo - Couleur de fond — le fond derrière le logo - Barre d'accentuation — bande colorée optionnelle au-dessus du logo (activation/désactivation, hauteur et couleur réglables) | Paramètre global : Le logo s’applique aux 52 modèles d’e-mail. Les modifications sont prises en compte instantanément.

Arrière-plans et styles

Cliquez sur Couleurs dans la barre d'outils pour ouvrir le panneau de couleurs global. Contextes - Arrière-plan extérieur — la zone autour de votre courriel - Contexte interne — le corps principal de l'e-mail - Arrière-plan du pied de page — la zone du pied de page - Arrière-plan du logo — la zone située derrière le logo d'en-tête - Arrière-plan du conteneur — l'arrière-plan des conteneurs de section Texte et liens Des options de personnalisation des couleurs sont disponibles pour le titre principal, les titres de section, les sous-titres, le corps du texte, les liens, le texte du pied de page et les liens du pied de page. Veillez à toujours conserver un contraste suffisant entre le texte et son arrière-plan. Bordure et séparateur - Couleur — couleur commune aux bordures et aux séparateurs - Style de séparateur — aucun, plein, en pointillés ou en tirets - Épaisseur du séparateur Conteneur de section - Arrière-plan du conteneur — couleur d'arrière-plan des sections de contenu - Rayon d'angle — angles arrondis ou vifs | Paramètre global : Les couleurs s’appliquent aux 52 modèles pris en charge. Smart Emails utilise un thème clair uniquement afin de préserver la palette choisie par le marchand et d’éviter qu’une conversion partielle en mode sombre ne crée des combinaisons texte/arrière-plan illisibles.

Guide complet des sections d'e-mail

Les sections constituent les éléments de base d'un modèle d'e-mail intelligent. L'éditeur propose uniquement les sections compatibles avec la notification Shopify sélectionnée, et certaines sections spécifiques à une notification ne peuvent pas être ajoutées manuellement. Structure et texte - En-tête Shopify — l'en-tête de notification principal - Texte d'introduction, Texte d'introduction du personnel et Texte d'introduction de l'exécution — contenu d'ouverture contextuel - Texte, Message personnalisé et Texte de conclusion — zones de texte modifiables - Colonnes de texte — plusieurs blocs de texte en colonnes - Espaceur et séparateur — espacement et séparation visuels - FAQ — une liste de questions et réponses personnalisées Commandes, produits et totaux - Produit et Produits — informations de base sur le produit - Produits avec prix — articles, remises, taxes, frais de livraison et totaux - Produits remboursables et Produits échangeables — Détails des remboursements et des échanges - Numéro de commande, Notes de commande, Informations de paiement, Conditions de paiement, Rappel de paiement et Total dû - Détails de l'adresse, Détails de livraison et Lieu de retrait Ces sections affichent les données Shopify uniquement lorsque la notification les fournit. Des exemples de données peuvent être activés dans les panneaux compatibles à des fins de prévisualisation. Boutons et actions - Bouton État de la commande, bouton Suivi de commande et bouton Payer maintenant - Bouton — un appel à l'action personnalisé avec un libellé et une URL - Bouton Apple Wallet - Liens vers la boutique — liens de navigation vers les pages de la boutique Images et mises en page - Image - Image avec texte - Image à deux colonnes - Superposition d'image - Téléchargement de l'application mobile Sections marketing - Bannière de message - Réductions - Produit vedette - Produits recommandés - Carte-cadeau - Réorganiser Les sections marketing peuvent être attribuées aux modèles sélectionnés et gérées via des paramètres en direct une fois le modèle principal installé. Cartes-cadeaux, retours et notifications de compte - Code de la carte cadeau, Détails de la carte cadeau et Message au destinataire - Instructions pour l'étiquette de retour et Motifs de refus de retour - Détails du crédit en magasin - Modification de l'adresse e-mail et Modifications de l'attribution des ventes - Enquête Sections mondiales Le logo d'en-tête, la bannière de message, les liens vers la boutique et le pied de page utilisent des paramètres communs. Leur conception visuelle est gérée depuis l'éditeur principal, tandis que le texte pris en charge est stocké séparément pour chaque langue. || L'ajout, la suppression ou le réarrangement d'une section constitue une modification structurelle et nécessite une nouvelle exportation dans la langue principale.

Liens vers la boutique

Les liens vers la boutique offrent une zone de navigation compacte dans vos e-mails de notification. Utilisez-les pour des destinations telles que votre page d'accueil, vos nouveaux produits, vos articles en promotion, votre page de contact ou vos informations de retour. Liens vers la boutique ouverte Cliquez sur Liens de la boutique dans la barre d'outils de l'éditeur ou sélectionnez la zone Liens de la boutique dans le canevas. Configurer le contenu Tu peux: - activer ou désactiver les liens de la boutique - modifier l'en-tête facultatif - Configurer les libellés de liens et les URL disponibles - Contrôlez le style des liens via les paramètres globaux de couleur et de typographie. Utilisez les URL complètes https:// et testez chaque lien dans un véritable e-mail de test. Langues et synchronisation La mise en page et le design des liens proviennent de l'éditeur principal. Les libellés des liens peuvent être traduits dans chaque langue. Les URL sont copiées telles quelles et ne sont pas traduites par Google Cloud Translation. Si différentes langues nécessitent des URL de destination différentes, ouvrez l'éditeur de langue secondaire concerné et vérifiez les paramètres spécifiques à la langue avant de publier. | Les liens vers la boutique sont stockés dans des métachamps Shopify spécifiques à la langue et s'appliquent à l'ensemble des 52 modèles pris en charge qui contiennent le bloc Liens vers la boutique.

Emplacements de sauvegarde de conception

Smart Emails propose quatre emplacements de personnalisation. Ils permettent de conserver des variations saisonnières, des styles de campagne ou un texte de sécurité avant d'appliquer un autre préréglage. Quels magasins de machines à sous Un aperçu de conception comprend les paramètres visuels globaux, tels que les couleurs, la typographie, les boutons, le pied de page, les liens vers la boutique, la bannière de message, les paramètres marketing, l'espacement et d'autres valeurs de conception prédéfinies. Enregistrer un design 1. Ouvrez le préréglage et le contrôle de conception enregistrée dans l'éditeur. 2. Sélectionnez un emplacement vide. 3. Saisissez un nom descriptif. 4. Enregistrer la conception actuelle. Gérer les modèles enregistrés Pour un emplacement occupé, vous pouvez : - charger le modèle enregistré - remplacer par le design actuel - renommer - Supprimer après confirmation Le chargement d'un emplacement remplace les paramètres de conception globaux actuels. Si vous souhaitez revenir à l'état actuel, enregistrez-le d'abord dans un autre emplacement. || Un emplacement de design ne constitue pas une installation Shopify distincte. Si son chargement modifie la structure du modèle ou le préréglage de base, générez et installez une nouvelle exportation principale.