Commencer

9 articles Manfred

Par Manfred

9 articles Manfred

Par Manfred

Ai-je besoin de connaissances en programmation ?

Non. Smart Emails est un éditeur entièrement visuel : aucune connaissance en programmation n’est requise. Tout se fait via des commandes visuelles telles que des sélecteurs de couleurs, des listes déroulantes et des boutons à bascule. Pour les utilisateurs avancés, un champ de code Liquid personnalisé est disponible par section pour des affichages spécifiques. Mais pour une utilisation courante, vous n’aurez jamais besoin de toucher au code.

Qu'est-ce que les e-mails intelligents ?

Smart Emails est un éditeur visuel pour les 52 modèles de notification Shopify pris en charge, notamment 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 ça marche ? Smart Emails fonctionne en deux phases : 1. Phase de conception — Choisissez un modèle prédéfini et personnalisez les couleurs, les polices, les boutons, le logo, le pied de page, les sections et le contenu dans l'éditeur visuel. 2. Phase d'installation — Générez vos modèles dans Smart Emails, puis copiez et enregistrez le code HTML de la langue principale dans la notification Shopify correspondante. Shopify n'autorise pas les applications à remplacer automatiquement le corps de la notification principale. 3. Phase de production — Après l'installation, de nombreux paramètres courants sont lus à partir des métadonnées Shopify lors de l'envoi d'un e-mail. Les modifications structurelles nécessitent toujours une nouvelle exportation. Qu'est-ce qui le différencie ? - 30 préréglages professionnels — 10 ensembles de design avec trois variations de couleurs coordonnées chacun - 52 modèles Shopify compatibles — notifications transactionnelles, e-mails de point de vente, notifications au personnel et automatisations de messagerie Shopify sélectionnées - Paramètres en direct — Les couleurs, les boutons, le pied de page, la bannière et les autres paramètres basés sur les métadonnées peuvent être mis à jour sans remplacer le code du modèle principal. - Traduction automatique — actuellement 33 langues, et d'autres sont ajoutées en continu. - Aucun code — vous ne verrez jamais de HTML, de CSS ni de Liquid. Des langues supplémentaires sont traduites avec Google Cloud Translation et installées pour chaque modèle principal déjà installé dans Shopify.

Comment installer Smart Emails ?

L'installation de Smart Emails sur votre boutique Shopify prend moins d'une minute. 1. Consultez la page Smart Emails sur l'App Store de Shopify. 2. Cliquez sur Ajouter l'application. 3. Autorisez les permissions sur l'écran d'autorisation. 4. Vous êtes redirigé vers le tableau de bord Smart Emails : vous pouvez commencer. || Remarque : Smart Emails a besoin de l'autorisation d'accéder aux données de votre boutique (produits, commandes, logo) pour afficher des aperçus réalistes dans l'éditeur. L'application ne modifie pas vos e-mails existants tant que vous ne les exportez pas explicitement.

Comment choisir un modèle prédéfini ?

Smart Emails propose 30 variantes prédéfinies : 10 ensembles de base conçus par des professionnels, chacun décliné en trois variations de couleurs coordonnées. Le nom des variantes affichées dépend de l’ensemble de base sélectionné. 1. Ouvrez le tableau de bord des e-mails intelligents 2. Parcourez les préréglages — chacun affiche un aperçu complet 3. Cliquez sur celui que vous aimez 4. Sélectionnez votre langue principale 5. Cliquez sur Commencer la modification Chaque préréglage comprend des couleurs, des polices, des boutons, des espacements, des paramètres de pied de page et des valeurs par défaut de section coordonnés. Vous pouvez tout personnaliser par la suite ; le préréglage n’est qu’un point de départ. || Important : L’application d’un autre préréglage de base modifie la conception et la structure de vos modèles. Enregistrez d’abord un instantané de votre conception si vous souhaitez revenir à la version actuelle. Les modifications structurelles nécessitent une nouvelle exportation dans la langue principale.

Comment fonctionne l'éditeur ?

L'éditeur Smart Emails s'ouvre dans Shopify et comporte trois zones principales : - Panneau Paramètres — Modifiez 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, modifier la largeur de l'aperçu, annuler ou rétablir les modifications, envoyer un test et lancer une exportation. Apporter des modifications 1. Cliquez sur n'importe quelle section de la zone de dessin (à droite). 2. Ses paramètres s'ouvrent à gauche 3. Apportez vos modifications — le canevas se met à jour en temps réel 4. Vos modifications sont enregistrées automatiquement après environ deux secondes d'inactivité. Changement de modèle Utilisez le sélecteur de modèles pour choisir parmi les 52 modèles disponibles. Les paramètres de conception globaux, tels que les couleurs, la typographie, les boutons, le logo et le pied de page, sont communs. La structure des sections et le texte spécifique à chaque modèle peuvent varier. Aperçu pour ordinateur et mobile Utilisez le bouton de prévisualisation Bureau/Mobile pour afficher un aperçu des différentes largeurs. Un véritable e-mail de test reste la vérification finale, car Gmail, Outlook, Apple Mail et les autres clients de messagerie utilisent des moteurs de rendu différents. Langues primaires et secondaires L'éditeur de langue principale regroupe tous les contrôles de mise en page et de structure. Les éditeurs de langues secondaires se concentrent sur le texte traduit. Les modifications de mise en page sont héritées de l'éditeur principal, garantissant ainsi une synchronisation visuelle parfaite entre les langues. | La sauvegarde automatique protège votre travail, mais une sauvegarde terminée ne remplace pas automatiquement le code HTML principal stocké dans Shopify lorsque la structure a changé.

Quelles modifications sont mises en œuvre instantanément ?

Smart Emails utilise les métadonnées Shopify pour déployer les modifications instantanément, sans réexportation. Voici ce qui est mis en ligne immédiatement et ce qui nécessite une réexportation : Instantané (pas de réexportation) - Couleurs (arrière-plan, texte, liens, boutons) - Typographie (famille de polices, tailles) - Style de bouton (rempli, contour, rayon) - Logo d'en-tête (image, taille, alignement) - Texte de pied de page (mentions légales, droits d'auteur, liens vers les réseaux sociaux, texte libre) - Bannière de message (texte, couleurs, activation/désactivation selon le modèle) - Sections marketing (réductions, produits, cartes-cadeaux) - Pied de page, liens vers la boutique, bannière de message et textes marketing spécifiques à chaque langue sont stockés dans des métachamps régionaux. Nécessite une réexportation - Ajout ou suppression de sections - Modification de l'ordre des sections - Passer à un préréglage de base différent - Mises à jour du convertisseur qui modifient la structure HTML générée || Important : Le code HTML du modèle principal ne peut pas être remplacé automatiquement via l’API de Shopify. Lorsque Smart Emails affiche une notification de réexportation, copiez le code de la langue principale nouvellement généré dans Shopify. Les langues secondaires installées pourront ensuite être synchronisées automatiquement.

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

Vos e-mails de notification Shopify se trouvent ici : 1. Accédez à votre Administration Shopify → Paramètres → Notifications 2. Vous verrez tous les modèles de notification (Confirmation de commande, Expédition, etc.) 3. Cliquez sur un modèle pour l’afficher en aperçu ou le modifier C’est ici que vous collez le code HTML issu de Smart Emails lors de l’exportation.

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

Utilisez cette liste de vérification lors de la première configuration des e-mails intelligents. 1. Choisissez la langue principale Votre langue principale sert de base à la conception, à la structure des modèles et aux traductions automatiques. Choisissez la langue dans laquelle vous rédigez et gérez habituellement le contenu de vos e-mails. 2. Choisissez et personnalisez un préréglage Choisissez l'une des 30 variantes prédéfinies, puis ouvrez l'éditeur. Configurez les couleurs générales, la typographie, les boutons, le logo, les liens vers la boutique, le pied de page et les sections marketing. Vérifiez la structure et le texte des modèles que vous souhaitez utiliser. 3. Envoyer un courriel de test Ouvrez un modèle, cliquez sur Envoyer un test, saisissez une adresse e-mail et vérifiez le résultat sur ordinateur et mobile. Testez les liens importants, les images, le contenu du pied de page et les modes clair et sombre. 4. Générer les modèles principaux Cliquez sur Exporter vers Shopify. Smart Emails enregistre la conception et génère le code HTML pour chaque modèle disponible dans votre forfait. 5. Installez la langue principale dans Shopify Accédez à Exportations, 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 cette opération pour chaque modèle principal que vous souhaitez utiliser. Shopify ne permet pas à une application de remplacer automatiquement le corps principal des notifications. Cette opération de copie et d'enregistrement est donc nécessaire une fois pour chaque modèle principal, puis après toute modification structurelle. 6. Ajouter des langues secondaires Retournez à la page d'accueil de Smart Emails et cliquez sur Ajouter une langue. Sélectionnez les langues souhaitées et confirmez. Smart Emails ensuite : - crée un ensemble de conception spécifique à la langue - copies du modèle principal - Traduit les textes compatibles avec Google Cloud Translation - active et publie la localisation dans Shopify - installe le fichier body_html traduit pour chaque modèle principal déjà installé. Vous n'exportez pas manuellement les versions en langue secondaire. 7. Vérifier l'état des courriels Ouvrez État des e-mails pour vérifier les modèles principaux et les versions linguistiques disponibles. Si une langue a été ajoutée avant l'installation d'un modèle principal, installez d'abord ce dernier, puis lancez la synchronisation proposée. 8. Déclencher une véritable notification Shopify Créez une commande test ou déclenchez la notification correspondante. Ce test final vérifie conjointement les données Shopify Liquid, la langue choisie par le client, l'objet et le corps de l'e-mail. || Limitation actuelle : Smart Emails installe automatiquement les corps d’e-mails traduits. Les objets des notifications Shopify sont distincts et ne sont pas traduits actuellement par Smart Emails.

Comment ajouter, déplacer et supprimer des sections ?

Chacun des 52 modèles possède sa propre structure de sections. Sélectionnez le modèle que vous souhaitez modifier avant d'ajouter, de déplacer ou de supprimer une section. Ajouter une section 1. Sélectionnez une section dans le canevas. 2. Cliquez sur le bouton + à l'endroit où la nouvelle section doit apparaître. 3. Choisissez l'une des sections disponibles pour ce modèle. 4. Configurez son contenu et ses paramètres dans le panneau latéral. La liste est compatible avec les modèles. Les sections qui ne sont pas pertinentes pour 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éplacer une section Sélectionnez la section et utilisez les commandes de navigation vers le haut ou vers le bas. Smart Emails respecte les positions obligatoires. Par exemple, le pied de page reste la dernière section. Supprimer une section Sélectionnez la section et cliquez sur son bouton de suppression. Les sections obligatoires et les sections gérées globalement peuvent être protégées contre la suppression. Changements structurels de l'édition L'ajout, la suppression et le changement d'ordre des sections modifient le code HTML généré. Après avoir effectué une modification, générez une nouvelle exportation et remplacez le code du modèle principal dans Shopify. Les langues secondaires installées pourront alors être régénérées automatiquement à partir de la structure mise à jour. || La fonction 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.