Nous avons préparé ce plug-in, qui permet de définir directement le style de notre e-mail WooCommerce. Nous proposons plusieurs versions. Nous pouvons simplement utiliser la version la plus récente.
Style de courrier électronique par défaut :
Alors, quand nos e-mails WooCommerce sont-ils généralement envoyés ? Nous entrons dans notre backend, trouvons WooCommerce, puis trouvons les paramètres. Il y a un e-mail dans les paramètres.
Nous cliquons pour ouvrir. Si vous installez le plug-in WooCommerce, il nous aidera à fournir des e-mails comme celui-ci. Par exemple, si votre boutique reçoit de nouvelles commandes, elle enverra un e-mail à l'adresse e-mail de votre administrateur. Les clients peuvent également recevoir des e-mails pour les commandes créées par eux-mêmes, mais les styles des e-mails sont relativement laids, nous cliquons donc sur ce bouton Gérer pour y jeter un œil. Le contenu ici est très simple. Bien sûr, vous devez d'abord remplir votre e-mail d'envoi, puis nous verrons des codes dedans. Bien sûr, vous pouvez également modifier ces codes, et vous pouvez également les regarder.
Nous voyons que ce que nous recevons dans votre email est ce genre d'email, avec seulement quelques textes, donc l'effet n'est pas particulièrement beau.
Parfois, nous devons définir le style de cet e-mail séparément dans notre e-mail. Par exemple, nous ajoutons notre logo, puis mettons en valeur les attributs de notre marque ou ajoutons des recommandations pour d'autres produits, y compris des coupons. Attendez, nous devons tous créer un tel modèle d'e-mail. Bien sûr, vous pouvez également modifier le code et son style pour ce modèle d'e-mail. Mais si vous ne comprenez pas le code, nous devons l'utiliser maintenant. Nous vous fournissons un tel plug-in de modèle personnalisé.
Installation du plug-in :
Passons maintenant directement à l'installation, trouvons nos plugins, cliquez sur Ajouter un nouveau, sélectionnez le plugin que nous avons préparé, installez la version la plus récente et cliquez sur Ouvrir. Une fois l'installation réussie, nous activerons le plugin. Après l'activation, il aura une description. Nous pouvons le fermer sans nous en soucier.
Liste de diffusion WooCommerce :
Ensuite, il y aura des modèles d'e-mail supplémentaires dans le bouton de fonction de notre WordPress. Lorsque nous cliquons pour l'ouvrir, il régénère certains modèles d'e-mail ici. Donc, bien sûr, les modèles d'e-mail ici sont basés sur notre WooCommerce, comme nous venons de le voir. Le contenu de l'e-mail dans l'EMAIL nous aide à créer des effets par défaut. Nous pouvons définir chaque modèle séparément, comme une nouvelle commande. Lorsque nous le modifions plus tard, nous pouvons le faire glisser et le déposer. Les modules du modèle d'e-mail sont les mêmes que le plugin que nous utilisons elementor. Il joue un tel rôle.
Bien sûr, nous pouvons également ajouter de nouveaux e-mails, leur ajouter des modules d'en-tête et de bas de page, et utiliser ces modules pour les appeler dans nos e-mails.
Le suivant est un rapport, qui est un rapport de données que nous envoyons et recevons par e-mail. Ce qui suit est un paramètre et une extension. Ici, nous cliquons sur les paramètres. Le paramètre est très simple. Il vous suffit de saisir un code d'activation. Bien entendu, la version GPL est utilisée ici, nous n'avons donc pas besoin de saisir sa clé ici.
Le suivant est un responsable qui a développé des plug-ins pour l'extension. Il a également développé d'autres plug-ins pour notre boutique. Nous utiliserons également ces plug-ins plus tard. Nous vous les expliquerons lorsque nous les utiliserons plus tard.
L'interface d'édition des e-mails de WooCommerce :
Nous allons d’abord vous expliquer ses principales fonctions.
Tout d'abord, nous saisissons tous les e-mails. Par exemple, nous voyons maintenant une nouvelle commande. À qui est-elle envoyée ? Elle est envoyée à l'adresse e-mail de notre administrateur, nous cliquons donc sur Modifier. Bien sûr, elle peut également être copiée, puis nous cliquons sur Modifier pour pouvoir accéder directement à l'interface de conception de notre modèle d'e-mail.
Sa conception est la même que celle d'Elementor. Sur la gauche se trouve sa fonction. Vous pouvez ajouter des modules, comme ajouter sa mise en page, ajouter le texte à l'intérieur, le texte ou ajouter un bouton, etc. Tout cela est utilisé. C'est très simple, donc le milieu est son panneau de commande, et le côté droit a certaines de ses fonctions, comme l'endroit où notre e-mail est appliqué. Par exemple, nous voyons le premier parce que nous éditons une nouvelle commande. Lorsqu'un utilisateur passe une commande sur notre site indépendant, il enverra un e-mail à notre administrateur pour nous dire qu'un utilisateur a passé une commande. Bien sûr, vous pouvez également l'appliquer à d'autres emplacements, comme pour certains utilisateurs. Après avoir terminé la commande, modifié le mot de passe, réinitialisé le mot de passe, créé un utilisateur ou enregistré en tant que membre sur notre site indépendant, nous pouvons recevoir des e-mails.
paramètres de messagerie woocommerce :
Voyons un peu comment l'éditer. Par exemple, tout d'abord, après avoir installé ce plug-in, il crée directement certains paramètres pour notre e-mail. Ensuite, nous pouvons prévisualiser les paramètres à l'intérieur. Après un certain temps, nous voyons ici deux tests, un pour notre PC et un pour notre téléphone portable. Ensuite, allez-y et remplissez notre adresse e-mail.
Par exemple, concentrons-nous maintenant sur cet e-mail, puis nous l'enverrons d'abord pour voir quel style nous avons reçu dans notre boîte aux lettres et cliquerons sur envoyer. Bien sûr, lors de l'envoi de cet e-mail, nous voyons qu'il a déjà suscité le succès. L'envoi nécessite également que votre site indépendant prenne en charge l'envoi d'e-mails. Nous vous en avons déjà parlé. Si vous ne définissez pas d'adresse e-mail d'envoi, il utilisera par défaut PHPmail de WordPress pour l'envoi, nous devons donc l'installer. Un serveur de messagerie, le plug-in que nous utilisons, s'appelle SMTPAvec une telle méthode d'envoi d'e-mails, une fois que le canal d'envoi de votre e-mail est ouvert et que l'e-mail est envoyé avec succès, nous pouvons maintenant entrer dans notre boîte aux lettres, voir si nous avons reçu l'e-mail, puis l'actualiser.
Après avoir actualisé, nous pouvons voir que nous avons reçu le dernier e-mail, puis nous cliquons pour ouvrir l'e-mail. Maintenant, nous voyons l'effet généré par son modèle par défaut. Bien sûr, cet ordre n'existe pas, c'est juste ce que nous avons défini, alors cet e-mail sera plus riche que les e-mails en texte seul que nous avons vus auparavant. Il contient également des images, notamment nous pouvons également ajouter des logos de marque ou nos comptes de réseaux sociaux afin que les utilisateurs puissent en savoir plus sur nous. La station indépendante est plus digne de confiance.
Modification du titre de l'e-mail woocommerce :
Modifions cet e-mail, mais vous pouvez également modifier le contenu ci-dessus.
Pour modifier le contenu à l'intérieur, vous devez savoir qu'il contient des appels d'étiquettes. Par exemple, celui ci-dessus est le nom de l'utilisateur ; il aura un appel, puis il y a un code court appelé numéro de commande, qui est l'ID de notre commande. Il peut être vu dans notre station indépendante. Nous ouvrons à nouveau notre backend et saisissons les commandes pour WooCommerce, donc les commandes de notre station indépendante auront un numéro de commande, qui est notre numéro de commande afin qu'il puisse voir certains utilisateurs spécifiques.
Information : vous pouvez modifier le contenu ici. Bien sûr, vous pouvez modifier le texte ici. Vous pouvez modifier les shortcodes ci-dessus si vous ne souhaitez pas les utiliser. Si vous souhaitez utiliser d'autres shortcodes, il y a un bouton derrière.
Cliquez ici et voyez d'autres codes courts, comme l'e-mail de l'administrateur, le nom de notre site, l'adresse du site, etc. Vous pouvez tous les essayer. Les noms ici sont également très simples.
Éditeur de style d’e-mail Woocommerce :
Essayons maintenant de modifier le contenu ci-dessus. Il est également divisé en différentes mises en page. Par exemple, si nous cliquons sur le premier, il nous amènera directement à sa page de blocs car, comme nous venons de le dire, sa page de blocs La tête et le bas sont placés séparément dans les blocs en arrière-plan du plug-in. Nous voyons qu'il y a une tête et un bas à l'intérieur. Vous pouvez également les modifier ici.
Une fois que vous aurez cliqué dessus, vous serez redirigé vers une autre page, afin que nous puissions remplacer le logo par celui-ci ici.
Par exemple, si nous voyons un logo ici, nous supprimons ce logo. Après l'avoir supprimé, nous ajoutons une image, la faisons glisser indirectement, puis nous téléchargeons notre logo. Nous avons un logo sur le bureau de l'ordinateur. Ensuite, téléchargez directement le logo. Après l'avoir téléchargé, insérez-le. Après l'avoir inséré, vous pouvez bien sûr modifier le style du logo. Vous pouvez également ajouter une adresse au logo. Nous ajouterons l'adresse de notre station indépendante à cette adresse. Vous pouvez également y ajouter un attribut Alt. L'attribut Alt n'a aucun effet SEO ici. Il sert simplement à ajouter du texte que les utilisateurs peuvent voir si votre logo ne peut pas être affiché.
Voici quelques modifications de son style. Par exemple, nous voyons que le logo est un peu gros maintenant, nous pouvons donc le modifier pour qu'il soit plus petit. Par exemple, s'il est modifié à 160, le logo deviendra plus petit. De plus, l'alignement du logo est aligné à gauche, à droite et centré. Vous pouvez également y ajouter des phrases internes ou lui ajouter une couleur d'arrière-plan. Voici son interface d'édition.
Bien sûr, nous pouvons également personnaliser certains CSS, mais nous les utilisons rarement ; nous avons juste besoin de les comprendre.
Vous pouvez également modifier le deuxième contenu de la même manière. Après l'avoir modifié, vous pouvez le prévisualiser. C'est l'effet affiché sur notre PC et nos téléphones portables. Ensuite, l'étape suivante consiste à envoyer l'e-mail. Une fois l'envoi réussi, nous remplirons un e-mail de test ici, le renverrons dans notre boîte aux lettres et l'actualiserons.
module d'éditeur d'e-mails woocommerce :
Après avoir rafraîchi, nous pouvons voir que le deuxième email apparaît. Cet email ne contient que le contenu que nous venons de créer. Bien entendu, notre logo n'est pas affiché car le chargement de l'image peut être un peu lent. Comme vous l'avez vu, les modifications dans les autres zones sont les mêmes. Par exemple, si nous voulons ajouter du contenu au milieu ou en dessous, nous pouvons trouver notre module à gauche et l'ajouter.
Les modules ici sont également très simples. Tout d'abord, sa mise en page peut diviser notre page de courrier électronique en une colonne, deux colonnes, trois colonnes et quatre colonnes. Ensuite, nous pouvons ajouter quelques modules ci-dessous, comme l'ajout d'un morceau de notre texte, puis l'ajout d'une image. Le bouton précédent, etc., sont tous utilisés de la même manière que notre plug-in elementor, mais vous pouvez également ajouter des coupons. Ce sont quelques-unes des fonctions de base de l'éditeur de plug-ins.
Lorsque vous souhaitez personnaliser la taille ou le style de certains modules dans nos e-mails existants, de la même manière, après avoir cliqué sur ce stylo, vous accéderez directement à l'interface d'édition de ce module. Par exemple, si nous voyons que vous l'avez ajouté à cette zone, vous pouvez lui ajouter un remplissage ou une couleur d'arrière-plan. Il y a également une certaine largeur en dessous, et vous pouvez également y ajouter des coins arrondis à gauche et à droite. C'est très simple.
Vous pouvez également ajouter un arrière-plan à l'ensemble de la page de courrier électronique. Par exemple, vous pouvez ajouter une image ou une couleur d'arrière-plan. Une fois la modification effectuée, cliquez simplement sur Mettre à jour en bas pour la mettre à niveau.
Ensuite, il y a quelques boutons de fonction sur la droite. Par exemple, nous pouvons supprimer cet e-mail ou le copier. Bien sûr, nous pouvons également ajouter de nouveaux e-mails.
Regardons le côté droit. Comme nous venons de le dire, le premier concerne le statut de cet e-mail. Par exemple, si un utilisateur passe une nouvelle commande, nous pouvons lui envoyer un e-mail. S'il annule la commande ou si le paiement échoue, bien sûr, nous pouvons également créer un nouvel e-mail pour lui séparément et l'envoyer à notre administrateur afin que nous puissions récupérer la commande à temps. Vous pouvez également le modifier pour les clients. Par exemple, pour certaines commandes terminées, vous pouvez mettre votre numéro de bordereau d'expédition dans votre e-mail, et l'utilisateur peut alors savoir grâce à l'e-mail où ses marchandises ont été envoyées.
La prochaine chose est sa disposition. Par défaut, c'est de gauche à droite, mais par exemple, dans certaines régions du Moyen-Orient, comme l'Arabie, c'est de droite à gauche, vous pouvez donc également le définir pour notre courrier électronique. Lisez de droite à gauche. Il y a quelques règles ci-dessous. Par exemple, la première est la priorité. La soi-disant priorité. Si vous configurez plusieurs e-mails pour les nouvelles commandes, vous pouvez définir la priorité la plus élevée.
Tout d'abord, envoyez cet e-mail, puis vous pourrez cibler certains pays. Par exemple, supposons que vous soyez une station indépendante dans plusieurs régions et pays. Dans ce cas, les langues sont différentes selon les pays. Vous pouvez donc cibler différents pays, configurer les mêmes nouveaux e-mails de commande dans différentes langues et les envoyer à des clients dans différents pays. Tout cela est possible, y compris la configuration d'e-mails différents pour différentes catégories dans notre station indépendante. Voici quelques règles.
Ce qui suit concerne notre quota de commande, qui sont les quotas minimum et maximum. Que signifient-ils ? C'est-à-dire que vous avez défini certaines règles pour cet e-mail. Ce n'est que s'il respecte cette règle qu'il enverra cet e-mail. Mais dans des circonstances normales, à l'exception de ce pays et de cette langue, nous l'utiliserons par défaut.
Le prochain est le test. Ce que nous venons de tester est l'e-mail #15906, donc l'e-mail que nous recevons contient notre titre, ou vous pouvez voir le numéro de commande dans notre e-mail. Bien sûr, il s'agit d'un e-mail de test, il ne peut donc pas être vu dans le titre de l'e-mail dans notre titre, mais il peut être vu à l'intérieur. Ensuite, en bas, nous voyons qu'il y a quelques fonctions, c'est-à-dire que vous pouvez importer et exporter les paramètres de cet e-mail ou c'est une copie. Par exemple, si nous exportons, il aura certains paramètres. Ensuite, pour votre prochain e-mail, vous pouvez mettre ces paramètres directement dans un autre e-mail pour les modifier et les enregistrer. Ensuite, son style d'e-mail sera cohérent et propice à la cohérence de notre style de marque.
Ok, voici comment utiliser un plugin d’éditeur pour le courrier électronique.