Comment insérer une image dans un mail HTML sur Shopify
Si vous êtes un propriétaire de boutique en ligne, vous savez que l’e-mail marketing est un outil indispensable pour augmenter les ventes et fidéliser vos clients. Une stratégie d’e-mail marketing efficace repose sur plusieurs éléments, dont la qualité des visuels que vous utilisez dans vos e-mails. Dans cet article, nous allons vous expliquer comment insérer une image dans un mail HTML sur Shopify, afin que vous puissiez créer des e-mails percutants et attractifs pour vos abonnés.
Avant de commencer, vous devez d’abord comprendre les différentes façons d’inclure des images dans un e-mail. Il existe deux méthodes principales : l’inclusion de l’image en tant que pièce jointe ou son intégration directement dans le corps du mail. Dans la plupart des cas, vous voudrez intégrer l’image directement dans le mail pour éviter que les destinataires aient à télécharger des fichiers supplémentaires. Cela améliorera également l’apparence générale de l’e-mail.
Intégrer une image dans le corps du mail HTML sur Shopify
Avant de commencer, vous devrez avoir une image prête à insérer dans votre e-mail. Assurez-vous que l’image est optimisée pour le web et qu’elle est de taille raisonnable (pas trop grande ni trop petite). Une fois que vous avez l’image, suivez ces étapes pour l’insérer dans votre e-mail :
1. Créez votre e-mail
Connectez-vous à votre compte Shopify et accédez à la section « Marketing » dans le panneau de gauche. Sélectionnez « Campagnes » et cliquez sur « Créer une campagne ». Choisissez le type de campagne que vous souhaitez créer (e-mail unique, e-mail de bienvenue, etc.) et commencez à créer votre e-mail.
2. Accédez à l’éditeur HTML
Si vous utilisez l’éditeur de texte enrichi de Shopify, passez à l’éditeur HTML en cliquant sur « <> » dans le coin inférieur droit de l’éditeur. Si vous utilisez un autre outil ou un éditeur de texte, utilisez la commande « Afficher le code source » ou équivalent pour accéder à l’éditeur HTML.
3. Insérez l’image
Dans l’éditeur HTML, localisez l’endroit où vous voulez insérer votre image. Utilisez les balises « » pour insérer votre image. La balise «
» indique au navigateur où trouver l’image à afficher. Remplacez « URL de l’image » par l’URL de l’image que vous avez téléchargée ou hébergée.
4. Style de l’image
Pour éviter que l’image ne s’affiche déformée ou trop grande, vous pouvez ajouter des styles CSS spécifiques. Cela vous permettra de modifier la taille de l’image, d’ajouter des bordures ou de la marges. Voici un exemple de code CSS que vous pouvez utiliser :
5. Previsualisation et envoi
Une fois que vous avez terminé l’insertion de l’image, vérifiez l’apparence de l’e-mail en utilisant la fonction de prévisualisation de Shopify. Si tout est conforme à vos attentes, vous pouvez l’envoyer à vos abonnés.
Conclusion
L’ajout d’images dans un e-mail peut sembler simple, mais cela peut être un peu plus compliqué que prévu si vous voulez qu’elles soient parfaitement intégrées dans le corps de l’e-mail. En utilisant l’éditeur HTML de Shopify, vous pouvez insérer des images de manière précise et personnalisées pour différents types de campagnes. En suivant ces étapes simples, vous pouvez créer des e-mails professionnels et convaincants qui se démarquent de la foule et incitent les clients à en savoir plus sur votre boutique en ligne.