Commencer

9 articles Manfred

Par Manfred

9 articles Manfred

Par Manfred

Qu’est-ce que Smart Emails ?

Smart Emails est un éditeur visuel pour les 52 modèles de notifications Shopify pris en charge — y compris les confirmations de commande, les mises à jour d’expédition, les retours, les cartes cadeaux, les notifications clients, les reçus de point de vente et les automatisations de messagerie Shopify. Comment cela fonctionne-t-il ? Smart Emails fonctionne en deux phases : 1. Phase de conception — Choisissez un préréglage et personnalisez les couleurs, polices, boutons, logo, pied de page, sections et contenu dans l’éditeur visuel. 2. Phase d’installation — Générez vos modèles dans Smart Emails, puis copiez et enregistrez le HTML en langue principale dans la notification Shopify correspondante. Shopify n’autorise pas les applications à remplacer automatiquement le corps principal des notifications. 3. Phase en direct — Après l’installation, de nombreux paramètres quotidiens sont lus depuis les Métachamps Shopify lors de l’envoi d’un e-mail. Les changements structurels nécessitent toujours une nouvelle exportation. Qu’est-ce qui la rend différente ? - 30 préréglages professionnels — 10 ensembles de design avec trois variations de couleur coordonnées chacun - 52 modèles Shopify pris en charge — notifications transactionnelles, emails de points de paiement, notifications au personnel et certaines automatisations de messagerie Shopify - Paramètres en direct — couleurs, boutons, bas de page, bannière et autres paramètres basés sur Metafield peuvent se mettre à jour sans remplacer le code principal du modèle - Auto-traduction — choisissez parmi 33 langues prises en charge et utilisez jusqu’à 20 langues d’e-mail dans un seul ensemble de conception boutique - Pas de code — vous ne voyez jamais HTML, CSS ou Liquid D’autres langues sont traduites avec Google Cloud Translation. Smart Emails peut automatiquement installer des corps localisés pour les 44 modèles de notification que Shopify expose pour la traduction lorsque leurs modèles principaux sont déjà installés.

Comment installer Smart Emails ?

Installer Smart Emails sur votre boutique Shopify prend moins d’une minute. 1. Visitez l’annonce Smart Emails sur l’App Store de Shopify. 2. Sélectionnez Ajouter l’application. 3. Examinez et approuvez les autorisations demandées. 4. Shopify ouvre le tableau de bord Smart Emails. Note : Smart Emails a besoin d’une autorisation pour lire les données pertinentes de la boutique, y compris les produits, les commandes et le branding, afin de créer des aperçus réalistes. Générer une exportation ne remplace pas automatiquement une notification principale Shopify. C’est vous qui décidez quels modèles principaux installer.

Comment choisir un préréglage de conception ?

Smart Emails propose 30 variantes prédéfinies — 10 ensembles de base conçus professionnellement, chacun avec trois variations de couleur coordonnées. Les noms des variations affichées dépendent du set de base sélectionné. 1. Ouvrez le tableau de bord Smart Emails. 2. Parcourez les préréglages. Chaque préréglage affiche un aperçu complet. 3. Sélectionnez le préréglage que vous souhaitez utiliser. 4. Choisissez votre langue principale. 5. Commencez à monter. Chaque préréglage inclut des couleurs coordonnées, des polices, des boutons, des espacements, des réglages de bas de page et des paramètres par défaut de section. Vous pouvez tout personnaliser ensuite — le préréglage n’est que le point de départ. Important : Appliquer un autre préréglage de base modifie la conception et la structure utilisées par vos modèles. Enregistrez d’abord un instantané de conception si vous souhaitez revenir à la version actuelle. Les modifications structurelles nécessitent une exportation en langue primaire fraîche.

Comment fonctionne l’éditeur ?

L’éditeur Smart Emails s’ouvre dans Shopify et comporte trois sections principales : - Panneau de paramètres — Modifier le texte, les couleurs, les images, l’espacement et les options spécifiques à chaque section. - Canvas — Un aperçu visuel en direct du modèle actuellement sélectionné. - Barre d’outils — Ouvrir les paramètres globaux, changer la largeur d’aperçu, annuler ou refaire les modifications, envoyer un test et lancer une exportation. Modifications apportées 1. Sélectionnez une section sur la toile. 2. Les commandes correspondantes s’ouvrent dans le panneau de paramètres. 3. Fais tes modifications. La toile se met à jour immédiatement. 4. Attendez que l’indicateur de sauvegarde soit terminé avant de quitter l’éditeur. Commutation des gabarits Utilisez le sélecteur de modèles pour basculer entre les 52 modèles pris en charge. Les paramètres globaux de conception tels que les couleurs, la typographie, les boutons, le logo et le pied de page sont partagés. La structure de la section et le texte spécifique au modèle peuvent varier selon le modèle. Aperçu pour ordinateur et mobile Utilisez le bouton Bureau/Mobile pour prévisualiser différentes largeurs. Un vrai email de test reste la vérification finale car Gmail, Outlook, Apple Mail et d’autres clients de messagerie utilisent des moteurs de rendu différents. Langues primaires et secondaires L’éditeur en langue principale contient tous les contrôles de conception et de structure. Les éditeurs en langue seconde se concentrent sur le texte traduit. Les modifications de conception sont héritées du design principal afin que toutes les langues restent visuellement synchronisées. Important : La sauvegarde automatique protège votre travail, mais une sauvegarde complétée ne remplace pas automatiquement le HTML principal stocké dans Shopify lorsque la structure a changé.

Ai-je besoin de connaissances en programmation ?

Non. Smart Emails est un éditeur entièrement visuel — vous n’avez pas besoin de connaissances en codage. Tout se fait via des contrôles visuels comme des sélecteurs de couleurs, des menus déroulants et des bascules. Pour les utilisateurs avancés, il existe un champ Liquid code personnalisé optionnel par section pour des conditions d’affichage spéciales. Mais pour un usage normal, il n’est jamais nécessaire de toucher au code.

Où puis-je trouver mes e-mails dans Shopify ?

Vos e-mails de notification Shopify sont ici : 1. Ouvrir Shopify admin → paramètres → notifications. 2. Trouvez la notification que vous souhaitez installer, comme une confirmation de commande ou une mise à jour de livraison. 3. Ouvrez la notification pour prévisualiser ou modifier le corps de son email. C’est là que vous collez le code HTML de Smart Emails pendant le processus d’exportation.

Quels changements sont mis en place instantanément ?

Smart Emails utilise Shopify Metafields pour les paramètres en direct pris en charge. Ces valeurs sont lues lorsque Shopify crée un e-mail. Les modifications structurelles restent intégrées au HTML installé et nécessitent une nouvelle exportation. Instantané (pas de réexportation) - Couleurs (arrière-plan, texte, liens, boutons) - Typographie (famille de polices, tailles) - Stylisation des boutons (remplis, contour, rayon) - Logo d’en-tête (image, taille, alignement) - Texte de bas de page (légal, droits d’auteur, liens sociaux, texte libre) - Bannière de message (texte, couleurs, activation/désactivation par modèle) - Contenu et visibilité de la section marketing supportés, incluant réductions, produits, cartes cadeaux et paramètres de recommande - Pied de page par langue, liens boutique, bannière de message et texte marketing stockés dans des Métachamps spécifiques à la localisation Nécessite une réexportation - Ajout ou suppression de sections - Changement d’ordre des sections - Passer à un autre préréglage de base - Mises à jour du convertisseur qui modifient la structure HTML générée Important : Le modèle HTML principal ne peut pas être remplacé automatiquement via l’API de Shopify. Lorsque Smart Emails affiche un avis de réexportation, copiez le nouveau code en langue primaire généré sur Shopify. Les corps installés en langue seconde prise en charge peuvent alors être synchronisés automatiquement.

Configuration complète : des e-mails Shopify prédéfinis aux multilingues

Utilisez cette liste de contrôle lors de la création de Smart Emails pour la première fois. 1. Choisir la langue principale Votre langue principale est la source pour la conception, la structure du modèle et les traductions automatiques. Choisissez la langue dans laquelle vous écrivez habituellement et maintenez le contenu de l’email. 2. Choisir et personnaliser un préréglage Sélectionnez l’une des 30 variantes prédéfinies, puis ouvrez l’éditeur. Configurez les couleurs globales, la typographie, les boutons, le logo, les liens boutique, le pied de page et toutes les sections marketing. Examinez la structure individuelle et le texte des modèles que vous comptez utiliser. 3. Envoyer un e-mail test Ouvrez un modèle et choisissez E-mail de test dans la barre d’outils. Entrez une adresse e-mail, envoyez le message et vérifiez le résultat sur ordinateur et mobile. Testez les liens importants, les images, le contenu des pieds de page, ainsi que les modes clair et sombre. 4. Générer les modèles principaux Cliquez sur Exporter vers Shopify. Smart Emails sauvegarde le design et génère le HTML pour chaque modèle disponible sur votre plan. 5. Installer le langage principal dans Shopify Allez dans Exports, sélectionnez un modèle et copiez son code. Ouvrez la destination Shopify affichée par Smart Emails, remplacez le corps de la notification et enregistrez-la. Répétez cela pour chaque modèle principal que vous souhaitez utiliser. Shopify n’autorise pas une application à remplacer automatiquement le corps de notification principal. Cette étape de copie-sauvegarde est donc requise une fois par modèle principal et une autre fois après des modifications structurelles. 6. Ajouter des langues secondaires Retournez à la page d’accueil de Smart Emails et cliquez sur Ajouter une langue. Sélectionnez les langues requises et confirmez. Smart Emails alors : - crée un ensemble de conception spécifique à chaque langage - copie le design principal - traduit le texte pris en charge avec Google Cloud Translation - active et publie le lieu dans Shopify - installe le body_html traduit pour chaque modèle primaire traduisible pris en charge déjà installé Vous n’exportez pas manuellement les versions en langue seconde. Smart Emails propose 33 langages d’interface et de contenu email. Une boutique peut conserver jusqu’à 20 langages de messagerie dans un seul ensemble de design, y compris sa langue principale. Ajoutez uniquement les langues que la boutique utilise réellement. 7. Vérifier le statut de l’e-mail Ouvrez Statut de l'e-mail pour vérifier quels modèles principaux et versions de langage sont présents. Si un langage a été ajouté avant l’installation d’un modèle principal, installez d’abord le modèle principal puis exécutez la synchronisation proposée. 8. Déclencher une vraie notification Shopify Créez une commande de test ou déclenchez la notification correspondante. Ce test final vérifie ensemble Shopify Liquid données, la langue du client, l’objet et le corps de l’email. Limitation actuelle : Smart Emails installe automatiquement les corps des courriels traduits pour les 44 modèles de notification que Shopify expose pour la traduction. Les sujets des notifications de Shopify sont séparés et ne sont pas actuellement traduits par Smart Emails.

Comment ajouter, déplacer et supprimer des sections ?

Chacun des 52 modèles a sa propre structure de section. Sélectionnez le modèle que vous souhaitez modifier avant d’ajouter, déplacer ou supprimer une section. Ajouter une section 1. Sélectionnez une section sur la toile. 2. Cliquez sur la commande + à l’endroit où la nouvelle section devrait apparaître. 3. Choisissez l’une des sections disponibles pour ce modèle. 4. Configurez son contenu et ses paramètres dans le panneau des paramètres. La liste est compatible avec les modèles. Les sections qui ne correspondent pas à la notification Shopify actuelle sont masquées, et les sections qui ne peuvent apparaître qu’une seule fois ne peuvent pas être insérées deux fois. Déplacez une section Sélectionnez la section et utilisez ses contrôles haut ou bas. Smart Emails respecte les positions requises. Par exemple, le pied de page reste la dernière section. Supprimer une section Sélectionnez la section et cliquez sur le contrôle de suppression. Les sections requises et les sections gérées globalement peuvent être protégées contre la suppression. Évolutions structurelles de l’édition Les ajouts de sections, suppressions et modifications d’ordre modifient le HTML généré. Après avoir effectué l’un de ces changements, générez une nouvelle exportation et remplacez le code principal du modèle dans Shopify. Les langues secondaires installées peuvent alors être régénérées automatiquement à partir de la structure mise à jour. Astuce : Annuler est disponible si vous supprimez ou déplacez une section par erreur, à condition de ne pas avoir quitté ou rechargé la session d’édition en cours.