Modèles HTML et d’e-mails réguliers pour les newsletters. Modèles et éditeurs de modèles pour newsletters électroniques

Une bonne campagne email commence par la conception de l’e-mail. Aujourd'hui, la plupart des clients de messagerie et des plateformes de messagerie prenant en charge les nouvelles normes Web, nous pouvons envoyer des e-mails réactifs à tous les abonnés utilisant des appareils de bureau et mobiles. Modèles HTML réactifs Les lettres garantissent que notre newsletter est perçue de manière égale par les abonnés, quel que soit l'appareil sur lequel elle est lue.

Pour vous aider à faire bon choix, nous vous présentons une sélection des modèles de lettres les plus populaires pour le marketing par e-mail. Nous y examinons non seulement les modèles, mais également les cadres adaptatifs que vous pouvez utiliser pour créer vos propres modèles.

Cerbère

Créer un modèle d'e-mail de newsletter à partir de zéro peut être un défi en soi. pas une tâche facile. Et lorsqu’il s’agit de créer une mise en page réactive, il y a encore plus de nuances à prendre en compte. C'est pourquoi un framework comme Cerberus peut vous être utile.

Cette bibliothèque compacte est conçue pour aider les utilisateurs à utiliser quelques modèles HTML pour créer un e-mail qui offrira une expérience de visualisation d'e-mails inoubliable à vos abonnés. Les petits modèles sont créés en HTML et ne sont pas destinés à être utilisés comme résultat final. Les développeurs de Cerberus recommandent d'expérimenter le code HTML pour créer vos propres variantes.

Tournesol

C'est une marque bien connue de ceux qui aiment tester et analyser l'efficacité publicité par e-mail campagnes. L'équipe Litmus est réputée pour fournir régulièrement à la communauté une variété de ressources gratuites, dont un ensemble de modèles d'e-mails réactifs.

Les cinq modèles de l'ensemble sont liés à différentes catégories. Ceux-ci incluent un modèle d'e-mail de newsletter HTML, un modèle d'annonce de nouveau produit, un modèle de reçu pour les avis financiers, des annonces de messages courts et même un modèle d'e-mail standard. Il est parfait pour les utilisateurs qui souhaitent que leurs e-mails soient simples mais réactifs.

Cadre de messagerie HTML réactif

Il s'agit d'une solution complète pour créer des newsletters par e-mail réactives. Le framework fournit aux développeurs un ensemble de grilles, de modules, de blocs et de lignes pour le contenu, une fonction permettant de définir la distance entre les éléments, les boutons, les lignes d'image et d'autres éléments qui peuvent être utilisés pour développer un modèle d'e-mail impeccable. Il a été testé sur tous les clients de messagerie populaires.

Fondation pour les e-mails

Il s'agit d'un ensemble de divers frameworks et plates-formes permettant d'optimiser le développement Web. Foundation fournit aux développeurs et aux concepteurs un framework CSS facile à utiliser qui leur permet de créer rapidement des e-mails efficaces et réactifs.

Chaque éditeur de modèles de courrier électronique HTML utilise nativement le système de grille fourni par la Fondation. Il peut alors être complété par divers éléments couramment utilisés à de telles fins. Que vous travailliez ou non sur le terrain commerce électronique ou l'image de marque de votre entreprise, Foundation peut vous aider à créer des modèles d'e-mails réactifs.

Réponse

Antwort ne se positionne pas comme un framework ; ils se présentent comme une ressource de modèles d'e-mails prêts à l'emploi qui peuvent s'adapter aux ordinateurs de bureau et aux appareils mobiles. Il fonctionne parfaitement sur iOS et Android, ainsi que sur les principaux clients de messagerie tels que Yahoo !, Gmail et Outlook.

Même avec certaines des versions les plus anciennes d'Outlook. Les mises en page sont conçues pour permettre l'ajout dynamique de contenu. Dans le même temps, le style de conception des lettres est minimaliste.

Aire de jeux de ZURB

Ceci est une société de développement Fondation du framework HTML5, ainsi que l'opérateur d'un service appelé Ink. Aujourd’hui, il est mieux connu sous le nom de Foundation Email.

Playground de ZURB propose cinq modèles d'e-mails différents parmi lesquels choisir, qui s'adaptent facilement à n'importe quelle taille d'écran et n'importe quel appareil. Tous les modèles sont livrés avec des feuilles de style et des documents HTML séparés. Ces modèles seront compatibles avec toutes les principales plateformes de messagerie. Vous pouvez facilement trouver un service avec lequel vous pouvez utiliser ces modèles.

Mosaïque

Une plate-forme qui permet à tout utilisateur de créer de superbes modèles d'e-mails HTML adaptatifs. Mosaico fournit des outils pour gérer les éléments personnalisés et le design réactif. Ils vous permettent de personnaliser toutes vos mises en page d’un simple clic.

Le système de contrôle intégré vous permet d'annuler et de refaire toutes les modifications apportées. Vous pouvez même télécharger vos propres modèles d'e-mails et les personnaliser dans Mosaico. La plateforme est open source et encourage chacun à participer au développement du projet.

Modèles d'e-mails open source

Une plateforme de marketing par e-mail renommée qui offre aux spécialistes du marketing et aux blogueurs la possibilité de créer et de commercialiser leurs modèles dans un environnement facile à utiliser. En guise de remerciement à la communauté marketing, SendWithUs propose aux utilisateurs une bibliothèque de dix modèles réactifs.

Tous les modèles sont open source, ce qui vous permet d'apporter des modifications et des ajustements à votre discrétion. Bien que ces modèles soient gratuits, ils ne conviennent que pour émettre des factures et des notifications aux clients.

Modèles d'e-mails réactifs

Brian Graves a établi une base solide pour créer et travailler avec des e-mails réactifs. Son projet Responsive Email Patterns est un ensemble de modèles enfichables que vous pouvez utiliser pour créer rapidement des e-mails réactifs à utiliser avec votre plateforme de messagerie préférée ou directement dans votre client de messagerie. Les modèles incluent des éléments tels que des listes, des médias, de la navigation et des grilles.

Modèles d'e-mails HTML

Un service de marketing par e-mail réputé qui aide des centaines de milliers de spécialistes du marketing en ligne à obtenir des résultats optimaux avec leurs campagnes par e-mail. Campaign Monitor fournit des fonctionnalités pour tester les campagnes par e-mail, ainsi qu'un concepteur d'e-mails et une collection de modèles d'e-mails HTML. Il propose plus de 20 modèles uniques adaptés à presque toutes les situations. Modèles pour établir des partenariats, des négociations commerciales, des modèles de newsletter traditionnels et des modèles pour les annonces d'événements.

Inspiration pour la conception d'e-mails grâce aux conceptions d'e-mails HTML

Il s'agit d'un référentiel des meilleurs modèles d'e-mails utilisés dans les newsletters de certaines des plus grandes entreprises technologiques : Dropbox, Udemy, Moo, DigitalOcean et bien d'autres. L’avantage de ces exemples de modèles est qu’ils ont été envoyés à de vrais utilisateurs. Cela vous permet d'analyser facilement la structure des modèles pour mieux comprendre les fonctionnalités d'implémentation qui les fournissent. haute efficacité. Des centaines de modèles d'e-mails pour commencer.

MJML - Le framework de messagerie réactif

Il s'agit d'un framework et d'un langage de balisage personnalisé intégré conçu pour aider les développeurs à créer rapidement des modèles réactifs. L'objectif de MJML est de faciliter la conception d'e-mails réactifs. Le balisage que vous créez à l'aide de MJML est ensuite automatiquement converti en code entièrement compatible HTML5. Vous pouvez l'utiliser dans n'importe quel client de messagerie. Plusieurs modèles prédéfinis sont également disponibles.

Respmail

Pour ceux qui ne veulent pas s'embêter avec des frameworks complexes, Respmail est une solution de marketing par e-mail simple et réactive. Il vous fournit un modèle unique que vous pouvez personnaliser à votre guise. Depuis sa création, le modèle de courrier électronique HTML a été amélioré et affiné pour garantir la compatibilité avec tous les principaux clients de messagerie.

Passion

Il s'agit d'un modèle d'e-mail sophistiqué qui utilise des concepts de conception Web modernes. L'extensibilité de ce modèle est tellement impressionnante. Les différents éléments du modèle sont des composants distincts et vous pouvez simplement choisir ce que vous jugez nécessaire pour vos e-mails de newsletter.

Modèle de newsletter gratuit

Modèle de newsletter gratuit. Il s’agit d’une solution élégante et minimaliste pour ceux qui souhaitent une mise en page simple des e-mails. À notre avis, ce modèle peut être utile aux blogueurs, artistes, écrivains qui souhaitent faire passer leur message sans avoir à surcharger la lettre avec des éléments complexes et modernes.

Portefeuille de courrier

MailPortfolio suit la même philosophie que le modèle d'e-mail HTML décrit ci-dessus. La seule différence est que MailPortfolio se concentre davantage sur les couleurs rouges de base. Mais tout le reste semble être exactement pareil. Dans le pied de page, vous pouvez spécifier les informations nécessaires sur l'entreprise, qui sont obligatoires pour la plupart des plateformes de marketing par e-mail.

La Saint-Valentin approche à grands pas ! C'est pourquoi nous avons décidé d'inclure un très beau modèle dans la revue. Modèle d'e-mail pour la Saint-Valentin, qui peut être utilisé ce jour-là pour promouvoir vos offres et actualités. Avec de nombreuses fonctionnalités, vous pouvez personnaliser ce modèle pour différents cas d'utilisation.

CONCEPTEUR EDM

Cette entreprise a passé beaucoup de temps à s'adapter pleinement aux besoins de la communauté. Le résultat est une plateforme fonctionnelle de création d’e-mails. L'interface glisser-déposer aide les développeurs à créer de superbes mises en page. Ne perdez plus de temps à recréer encore et encore le même contenu. Avec EDMDESIGNER, vous pouvez enregistrer non seulement des modèles de lettres, mais également des éléments individuels. Vous pourrez ensuite les réutiliser dans n’importe quelle campagne future.

E-mail HTML moderne

Nous aimerions compléter notre liste de modèles gratuits avec un livre. Ce La meilleure façon découvrez comment créer des modèles d'e-mails réactifs. L'auteur de l'un d'eux est Jason Rodríguez. Le livre vous aidera à créer des modèles de courrier électronique HTML modernes et esthétiques qui fonctionneront parfaitement sur tous les appareils, avec tous les clients et dans tous les navigateurs. Le livre couvre les bases de la création d'e-mails, ainsi que la manière de tester les campagnes par e-mail et de les optimiser à l'aide d'outils et de rapports d'analyse.

Modèles d'e-mails HTML réactifs premium

Nous aimerions parler des modèles d'e-mails réactifs pour les newsletters HTML du segment premium. Leurs prix sont vraiment assez bas ( par rapport à ce que vous paieriez à un designer pour ce travail). Et nous avons trouvé de très bons modèles.

Idée

Un modèle fonctionnel qui fournit tous les éléments HTML5 modernes disponibles qui peuvent être intégrés dans le modèle lui-même. Vous pouvez facilement communiquer vos prix et les caractéristiques de vos produits avec des éléments intégrés qui simplifient l’ensemble du processus. Le modèle contient un module glisser-déposer intégré qui vous aidera à créer des e-mails incroyables. Il est également entièrement compatible avec les principaux fournisseurs de marketing par courrier électronique.

Vibgyor

Vibgyor peut être décrit comme un modèle polyvalent pour diverses industries. Professionnel apparence rend Vibgyor attractif pour ces secteurs d’activité. Il contient un générateur glisser-déposer qui facilite la modification et l'optimisation de n'importe quelle partie du modèle à votre discrétion.

Près de 50 % de tous les e-mails sont ouverts sur des appareils mobiles, et ce nombre ne fera qu'augmenter. Par conséquent, l’importance d’utiliser des mesures adaptatives Modèles d'e-mails HTML pour les campagnes de marketing par e-mail augmente.

Développer une base Modèle d'e-mail HTML, qui s'affichera correctement dans différents clients, est assez difficile. Mais développer un modèle qui s’affichera également correctement sur tous les appareils mobiles et tablettes est encore plus difficile.

Heureusement, certains concepteurs et développeurs ont créé des collections de modèles d'e-mails modifiables, gratuits et réactifs qui fonctionnent sur tous les clients et appareils.

Modèles adaptatifs modulaires en blocs

Modèles d'e-mails réactifs Litmus (7 modèles)

Litmus a publié une sélection de sept modèles d'e-mails réactifs avec des designs prêts à l'emploi. Ils sont livrés avec les fichiers PSD sources :

Modèles HTML de Village Vert

Il s'agit d'un bloc modulaire minimaliste Modèle de lettre HTML pour l'envoi postal, qui convient à diverses fins. Le package téléchargeable comprend à la fois le fichier PSD original et le code HTML :

Modèle d'e-mail réactif par e-mail sur Acid

Ce modèle modulaire en bloc propose trois options de conception qui s'affichent en fonction de la largeur de l'écran. Par défaut, il prend en charge 1 à 3 colonnes. Il utilise des requêtes multimédias, il se convertit donc en une disposition à une seule colonne sur les appareils mobiles :

Modèle d'e-mail réactif de base

E-mail HTML réactif simple

Adaptatif simple bloc-modulaire Modèle de lettre HTML pour e-mail la newsletter utilise des requêtes multimédias et une largeur flottante pour garantir une compatibilité maximale :

Modèle de newsletter réactif et plat

Modèle d'e-mail réactif

Modèles d'e-mails avec une structure épurée

Plans de courrier électronique réactifs de MailChimp (6 modèles)

MailChimp a publié une sélection de six outils prêts à l'emploi réactifs Modèles d'e-mails HTML appelés plans de courrier électronique. Ils incluent certains éléments du langage de modèle spécifique de Mailchimp, mais peuvent être facilement supprimés si vous n'êtes pas un utilisateur de MailChimp :

Ink – Un framework de messagerie réactif (4 modèles)

C'est adaptatif Framework de messagerie de ZURB, qui comprend une grille de 12 colonnes et éléments simples interface utilisateur pour développer rapidement des e-mails :

Modèles de mise en page d'e-mail réactifs (2 modèles)

Antwort offre une adaptation fiable modèles électroniques E-mails HTML avec une documentation complète et une largeur réglable en fonction de la taille de l'écran. Les modèles fonctionnent parfaitement dans les clients mobiles, ainsi que dans tous les principaux clients de bureau et Outlook (2000+) :

Salted, un modèle d'e-mail réactif

Le modèle est basé sur le code utilisé par Litmus pour ses propres newsletters. Des offres base simple pour créer des emails réactifs créés en HTML :

Un modèle d'e-mail basé sur un tableau (mais réactif)

Celui-ci est magnifique Modèle de lettre HTML a été développé sur la base des plans de messagerie de MailChimp et de Email Boilerplate de Sean Powell. Il s'agit d'un modèle d'e-mail tabulaire réactif qui inclut déjà des balises de fusion Mailchimp ( ils peuvent être retirés s'ils ne sont pas nécessaires):

Modèle d'e-mail réactif Respmail

Version améliorée de MailChimps Email Blueprints avec plus d'options, une structure redéfinie et un certain nombre de correctifs pour Outlook, Yahoo, Hotmail, Gmail... Ce modèle a été testé et minutieusement analysé pour la compatibilité. C'est également incroyablement simple à configurer :

rwdemail

Conçu sur la base des modèles Ink de ZURB. Il s'agit d'un projet qui vous permet de tout automatiser, de la précompilation SASS, de l'inline CSS, du CSS/HTML, de la minification des images, à l'hébergement d'images S3 et aux tests Litmus. À l'aide des modèles INK et de leurs exemples CSS, vous pouvez créer Modèles d'e-mails HTML tout niveau de difficulté.

Modèle d'e-mail réactif et évolutif sans requêtes multimédias

Et si vous pouviez créer des modèles d'e-mails réactifs même dans des environnements avec une mauvaise prise en charge CSS ? Vous trouverez le modèle ici :

Autres ressources pour créer des modèles d'e-mails

• Modèles d'e-mails réactifs - une sélection de modèles et de modules pour les e-mails adaptatifs ;
• Cerberus - modèles pour e-mails réactifs ;
• De très bons e-mails - meilleurs designs pour les modèles de lettres HTML ;
• Responsive Email Resources - une sélection d'outils pour créer des modèles d'e-mails réactifs.

Traduction de l'article " 30 modèles d'e-mails et de newsletters réactifs gratuits» a été préparé par l'équipe sympathique du projet

Les mailings constituent une partie importante des campagnes marketing. Créer des e-mails pour eux ressemble beaucoup à la conception de simples pages Web. Parallèlement, certaines différences importantes doivent être prises en compte. En particulier, l’envoi d’emails HTML ne sera efficace que s’ils sont eux-mêmes techniquement corrects et que leur contenu et leur style correspondent à vos objectifs. Dans le même temps, il existe une opinion selon laquelle un non-spécialiste ne peut pas faire face à cette tâche. Cet article fournit des instructions détaillées, étape par étape, sur la façon de rédiger et d'envoyer un e-mail HTML.

Caractéristiques de la création

Une personne moderne reçoit en moyenne 5 à 6 e-mails, et parfois jusqu'à 10, chaque jour. Cela signifie que vous n'avez que moins d'une seconde pour attirer l'attention du destinataire avant qu'il ne passe à la lecture du message suivant. Sinon, votre marketing par e-mail HTML sera totalement inefficace et vous perdrez tout simplement votre temps.

Une chose qui peut augmenter vos chances d’attirer l’attention de clients potentiels ou d’autres publics cibles est de créer une correspondance adaptée aux appareils mobiles. Après tout, la majorité de ceux à qui il est adressé de consulter le courrier les utilisent probablement beaucoup plus souvent que les ordinateurs de bureau et les ordinateurs portables.

Pour cela, vous pouvez utiliser par exemple un « responsive design » qui s’adapte facilement à la taille de l’écran.

Quel doit être le modèle de lettre ?

Lors de la rédaction d'un document destiné à être envoyé aux correspondants, les exigences suivantes doivent être respectées :

• Il doit être assez étroit, c'est-à-dire que sa taille ne doit pas dépasser la plage de 500 à 600 pixels, ce qui garantira l'affichage correct du texte et d'autres contenus sur les appareils de tout type.
• Vous devez utiliser une police assez grande pour toutes les informations textuelles, car sur les appareils iOS, un e-mail HTML sera difficile à lire si la taille de la police est inférieure à 13 pixels.
• Les éléments cliquables doivent être suffisamment grands et isolés des liens à proximité. Dans ce cas, le destinataire pourra les activer facilement du premier coup.

Préparation

Avant de développer une lettre HTML, vous devez créer un nouveau dossier sur l'un des lecteurs et le nommer, par exemple « Mailmails ». Vous devez également télécharger et installer Dreamweaver CS3. Ce produit d'Adobe est l'un des plus des outils simples conception de sites Web et est bien adapté au développement de newsletters par courrier électronique au format HTML.

Créer et enregistrer un document

Avant de rédiger la partie texte de la lettre, vous devez :

• ouvrez le programme de conception de courrier électronique HTML assez populaire Dreamweaver CS3 (DW) ;
• créez un document en sélectionnant « Transitional HTML 4.01 » comme type ;
• enregistrez le fichier avec l'extension « .html » ;
• recherchez la commande d'édition dans le menu supérieur ;
• décochez la case « Utiliser CSS au lieu des balises HTML ».

Instruction étape par étape

Voyons maintenant comment créer une lettre HTML. Pour ça:

• Ouvrez séquentiellement les onglets « Insérer » et « Tableau » dans le menu et définissez paramètres requis les tables. Par exemple, lignes - 2, colonnes - 1, largeur - 700, titre - en haut. Les bordures peuvent être définies, ou vous pouvez vous en passer en spécifiant 0.
• Formez l'en-tête de la lettre. Puisqu'une lettre HTML est destinée à un plus grand nombre de destinataires, l'opérateur est utilisé pour substituer le nom du destinataire souhaité.
• Dans la fenêtre inférieure « Propriétés », définissez les paramètres nécessaires pour la police, la taille et la couleur du texte du titre et
• "Quitter" de la zone de titre. En bas de l'écran, définissez les paramètres du curseur « Centre » et « Au milieu ».
• Nous insérons le texte fini de la lettre ou le « écrivons » directement dans le programme DW, en sélectionnant le type et l'emplacement souhaités du texte sur la page.

Création de liens hypertextes

Nous essaierons de rendre l’écriture HTML plus professionnelle et avancée. A cet effet, nous masquerons les liens hypertextes dans le contenu. Pour ce faire, vous devez mettre en évidence l'endroit dans le texte que vous avez choisi comme lien hypertexte. Dans le coin gauche en haut de l'écran, vous devez « ouvrir » l'icône correspondante et coller votre lien dans la fenêtre pop-up. Dans ce cas, n'oubliez pas de cocher la case « _blank » pour que le lien s'ouvre dans une nouvelle fenêtre et que le destinataire ne perde pas l'accès à la lettre principale après l'avoir consultée.

Comment insérer des images

Généralement, une lettre au format HTML se termine par des informations de contact, de préférence par une photo de l'auteur ou une image thématique appropriée. Il peut être téléchargé depuis Internet ou en le téléchargeant d’abord sur Internet, car vous aurez besoin de l’URL de cette image. La meilleure façon d’y parvenir est d’utiliser l’un des services gratuits.

Afin de créer une si belle fin :

• insérez-en une autre avec 3 colonnes et une bordure de 0 pixel en bas de la lettre, à l'intérieur du tableau principal ;
• placez le curseur à l'endroit du tableau où ils souhaitent voir l'image ;
• marquez dans la fenêtre inférieure « Au milieu » et « Sur le bord supérieur » pour chaque section ;
• sélectionnez l'onglet « Insérer » dans le menu supérieur ;
• cliquez sur l'inscription « Image » et collez l'adresse que nous avons copiée dans le menu déroulant ;
• Cliquez 2 fois sur « OK ».

Voir

Maintenant que vous savez comment créer un e-mail HTML, vous devez vous assurer que le destinataire le voit sous la bonne forme. Pour ce faire, vous devez prévisualiser votre travail dans le navigateur Dreamweaver CS3 avant de le soumettre. Pour ce faire, cliquez sur l'icône du globe dans le menu supérieur du milieu. Si abracadabra apparaît à l'écran au lieu de lettres, vous devez définir le codage automatique dans les paramètres de votre navigateur.

Codage

Dans la section « Projet » et accédez à la partie code - « Code ». Dans la fenêtre qui s'ouvre, sélectionnez et copiez tout ce qui est contenu entre les balises Et

. Enregistrez le fichier. Ensuite, insérez le code HTML.

Envoi d'un email HTML

• sélectionnez ou créez une nouvelle lettre en remplissant les lignes « Nom » et « Adresse de l'expéditeur ».
• remplissez la ligne « Objet de la lettre » ;
• marquez le code HTML dans le menu supérieur gauche ;
• collez le code copié dans le programme DW-code dans le grand champ « Source » ;
• vérifier l'exactitude de l'affichage à l'aide de l'outil Aperçu ;
• supprimer la version texte de la lettre ;
• testez-le pour détecter le spam en utilisant le bouton du même nom situé à côté du bouton « Envoyer ».

Plusieurs modèles populaires

L'utilisation d'un framework permet d'accélérer considérablement le processus de création d'une lettre et de la rendre plus accessible à un développeur qui apprend simplement les bases de la création de documents Web. Les modèles les plus populaires sont :

• Cerbère. Cet ensemble de modèles dits réactifs vous permet de créer des e-mails qui s'affichent normalement à la fois dans l'application mobile Gmail et dans Outlook. Il vous permet d'utiliser des blocs de code HTML individuellement ou en les combinant.
• Encre est une préparation de lettres dont les envois sont quasiment universels et compatibles avec tous les appareils et clients.
• Modèle d'e-mail HTML très simple. Le modèle vous permet de créer des lettres de newsletter très simplement et rapidement. Certes, ils auront une conception extrêmement simple sous la forme d’une seule colonne, qui contient un appel à l’action.

Comment insérer du HTML dans un e-mail

Considérons maintenant un problème légèrement différent. Pour insérer du code HTML dans un e-mail, par exemple Gmail à l'aide du navigateur Google Chrome, comme dans l'exemple ci-dessous, vous devez :

• appuyez sur le bouton « F12 » ou sélectionnez la séquence de commandes appropriée dans le menu ;
• dans la fenêtre qui s'ouvre avec le code de la page actuelle du client Gmail, recherchez l'endroit où la lettre HTML doit être insérée, faites un clic droit et sélectionnez « Modifier en HTML ».
• collez le code HTML copié ;
• appuyez sur la combinaison de deux touches « Ctrl » et « Entrée ».

Dans le même but, vous pouvez télécharger le programme Mozilla Thunderbird facile à utiliser. Avec son aide, vous pouvez créer une lettre, puis sélectionner d'abord « Insérer », puis « HTML » et y coller votre code de newsletter.

Outils

Le plugin WordPress e-Newsletter vous permet de gérer professionnellement les mailings et les abonnés. De plus, les deux se font directement via le panneau d’administration WordPress. Cette circonstance offre un contrôle total et est totalement gratuite, ce qui est une bonne nouvelle.

Un autre outil simple est les images d'arrière-plan Bulletproof, qui sont un outil simple qui vous permet d'obtenir le code de l'image d'arrière-plan des e-mails que vous créez. Avec son aide, vous pouvez rendre la correspondance beaucoup plus belle. Pour préciser simplement l'URL de l'image de fond qui vous plaît et sa couleur de repli, et si ces paramètres doivent s'appliquer à l'intégralité du corps de l'email HTML ou s'ils sont destinés uniquement à une des cellules du tableau. En conséquence, vous recevrez un code prêt à l'emploi que vous devrez copier et coller dans votre modèle.

Vous savez maintenant comment envoyer un e-mail HTML. Sa création n'est pas particulièrement difficile, surtout si vous utilisez des modèles prêts à l'emploi, qui ne manquent pas sur Internet. Par conséquent, même ceux qui n'ont pas de connaissances particulières peuvent facilement s'acquitter de cette tâche.

Bien. Je suis plus que sûr que vous aimerez cet article. Ou plutôt, vous aimerez ce qu'il y a dans les archives. Ou plutôt dans les archives, ou plus précisément dans les archives. :)) Je l'ai resserré. Je publie, chers abonnés, 10 superbes modèles d'e-mails adaptatifs.

Chaque lettre est nettoyée, vérifiée, emballée dans une archive et téléchargée afin que vous cliquiez sur le bouton « Télécharger » et enregistriez le modèle de lettre électronique sur votre ordinateur. C'est un véritable cadeau pour quelqu'un qui s'intéresse aux newsletters par e-mail. Je suis intéressé par ces modèles du point de vue des notifications aux visiteurs ayant laissé une demande de rappel sur le site Web ou commandé n’importe quel produit dans l’une de mes boutiques en ligne. Bien que bon nombre de ces modèles d’e-mails puissent facilement être utilisés comme site Web promotionnel classique. Mais il vaut quand même mieux y jeter un coup d’oeil, puisque pas mal d’entre eux se sont déjà rassemblés.

Tout le monde ne peut pas concevoir des modèles d’e-mails, car ils ont leurs propres règles. Mais il n’y a pas de grandes différences entre les lettres électroniques et les sites Web HTML classiques. Les seules différences sont le CSS à l'intérieur du HTML et la présence d'une mise en page tabulaire déjà obsolète sur les sites. Par conséquent, la connaissance du HTML sera suffisante pour créer une lettre électronique. Pour ce faire, vous n’avez pas besoin de suivre une formation professionnelle en conception de sites Web. Mais il est beaucoup plus facile de télécharger des options disponibles gratuitement sur Internet. Et voici l'une de ces options. On regarde, on se réjouit, on télécharge.

Modèle d'e-mail nommé « Focus »

Idéal pour une boutique en ligne de vêtements ou d'accessoires. Les photos de ce modèle d'e-mail montrent un sac en cuir, un portefeuille et des étuis pour téléphone.

Modèle d'e-mail Krutets « Les étés arrivent »

Modèle d'e-mail simple et léger en caoutchouc entièrement réactif

Un modèle ou une plateforme parfaitement conçue pour un modèle d'e-mail. Il n'y a pas d'images, d'icônes, etc. Ceci est un exemple de la façon de concevoir des modèles d'e-mails. Parfait pour les notifications d'inscription, la confirmation du mot de passe, etc.

Joli modèle d'e-mail bleu appelé « Minty »

Un modèle d'e-mail amusant et élégant avec plusieurs blocs. Probablement mieux adapté pour envoyer des articles à partir d’un portail d’actualités ou d’un blog.

Modèle d'e-mail « Nexit » pour boutique en ligne

E-mail sérieux. À en juger par les photos, il s'agit d'une newsletter d'une boutique de vêtements pour femmes en ligne. Les réductions, promotions et articles populaires avec prix sont bien présentés. Un excellent outil de publicité par e-mail.

Modèle élégant et strict pour les lettres électroniques « Simples »

J'adore le minimalisme. Et ceci, bon sang, est l'incarnation la plus ardente du minimalisme. Police fine, images et icônes élégantes. Tout est comme il se doit. Un excellent modèle d'e-mail pour envoyer des articles promotionnels à une quincaillerie en ligne, principalement des ordinateurs.

Modèle d'email « Tempo » sur le thème du tourisme

Mini site internet au format email. Il y a à la fois un menu et une mini bannière. Très bien adapté pour l'envoi de visites de dernière minute (s'il s'agit d'une agence de voyages) ou de nouvelles offres d'appartements (agence immobilière ou agence immobilière)

Modèle simple en deux blocs « Tubor » pour les newsletters par courrier électronique

Un modèle d'e-mail simple et sans sujet appelé « Tubor ».

Modèle d'e-mail HTML étrange et marron « Underscore »

Modèle d'e-mail « Wooshi » pour les newsletters par e-mail des restaurants ou des cafés

Chaque modèle a une mise en page réactive, ils auront donc également fière allure sur les appareils mobiles. De plus, chaque e-mail de cette assemblée est rédigé selon toutes les règles d'une lettre électronique. Il existe des liens vers le site principal, la version mobile et un lien pour se désinscrire de la liste de diffusion. C'était un bon article. J'espère que vous avez obtenu les modèles dont vous avez besoin. Heureux de vous aider, à un prochain post. Vous pouvez également télécharger les 10 modèles d'e-mails en une seule fois en cliquant sur le bouton « Télécharger » ci-dessous.

Saviez-vous que 40 % des utilisateurs quittent des sites Web mal conçus ? Pourquoi perdre du profit ? Choisissez et installez-en un dès maintenant 44 000 modèles de sites Web premium. Le choix idéal pour votre entreprise!

Les modèles d'e-mails premium constituent une évaluation pertinente pour toute entreprise qui a besoin d'une conception d'e-mails de haute qualité pour ses clients.

Le courrier électronique est l'un des messages les plus sérieux et des outils efficaces Le marketing Internet, utilisé dans les petites et grandes entreprises. Les notifications concernant les commandes passées dans la boutique en ligne sont envoyées par e-mail ; les visiteurs du site s'abonnent à la newsletter en utilisant leur e-mail. La boîte email est également utilisée pour envoyer des offres promotionnelles.

Le design des emails détermine leur efficacité et l’image de votre entreprise. Avez-vous remarqué à quel point les lettres envoyées par des entreprises et des organisations sympas sont belles ? Nous pouvons simplement ignorer de nombreuses autres lettres qui ne sont pas envoyées dans les spams, mais avec des lettres de haute qualité, c'est une toute autre histoire. Lorsque vous ouvrez une telle lettre, vous avez immédiatement envie de la lire. Pour vous assurer que vos clients ont des associations similaires avec vos lettres, des modèles de lettres payantes et des modèles de mailing vous aideront.

Vous pouvez bien sûr trouver des modèles de newsletter gratuits, mais économisez 15 $ ( coût moyen modèle d'e-mail) n'en vaut toujours pas la peine pour un marketing Internet aussi important. En achetant un modèle de newsletter par e-mail premium, vous obtenez un modèle puissant publicité par e-mail avec un design de très haute qualité que vous pouvez personnaliser davantage à votre discrétion.

Aujourd'hui, nous aimerions présenter à votre attention des modèles de lettres premium pour les newsletters par courrier électronique - plus de 300 modèles pour tout usage, que vous pouvez télécharger sur ThemeForest. Tous les modèles contiennent à la fois des fichiers PSD et des fichiers HTML.

Modèles d'e-mails adaptatifs pour le mailing et la promotion (plus de 300 modèles d'e-mails)

Nous avons sélectionné les meilleurs modèles d’e-mails pour newsletters spécialement pour vous. Donc Top 10+ !

Perfy – modèle HTML de haute qualité pour les listes de diffusion

Ce modèle a un très Beau design. C'est concis, simple et accrocheur. Capable d'attirer l'attention des abonnés dès les premières secondes, les rendant intéressés par les activités de votre entreprise. Ce n’est pas comme les autres modèles d’e-mails, en particulier ceux qui étaient traditionnellement envoyés dans le passé. Il s'agit d'un site Web presque terminé avec des centaines et des milliers d'e-mails.

Ce modèle de lettre HTML peut être utilisé comme lettre de bienvenue pour les nouveaux abonnés, ainsi que pour les lettres régulières. Ici, vous pouvez parler de votre entreprise, ajouter un logo et une image sympa pour attirer l'attention, ainsi que des services que vous fournissez. De plus, vous pouvez placer ici des liens vers des articles de blog, de belles galeries et un grand nombre deéléments avec un appel à l’action. N'oubliez pas d'ajouter également un bloc d'avis, de jolis numéros et des informations de contact.

Le modèle convient à toute activité : à la fois corporative et publique.

BUCK – modèle de mailing publicitaire pour les entreprises

Il s'agit d'un autre excellent modèle d'e-mail et de newsletter pour toute entreprise qui donnera à vos clients potentiels l'impression d'être sur le site. Après tout, tout ici est décoré de manière moderne. La conception de la mise en page est très épurée. Il existe un grand nombre d'icônes et de blocs standard à placer informations utiles. Le bloc galerie mérite d'être mentionné séparément, car il vous permet d'attirer encore plus l'attention sur vos services et activités. Vous pouvez ajouter des icônes à la fin de la lettre réseaux sociaux avec des liens vers des profils.

Le modèle est compatible avec les services de messagerie et les plugins de newsletter tels que MailChimp, StampReady, myMail et Mailster. Prend en charge la possibilité de suivre une campagne publicitaire. Il a un design réactif, de sorte que les e-mails sont facilement lisibles sur les appareils mobiles.

SYNERGY – modèles d'e-mails de qualité supérieure pour le marketing et la publicité

Un magnifique modèle d'e-mail avec un design d'entreprise prend en charge les services MailChimp et StampReady, ainsi que ligne entière clients de messagerie, notamment Outlook, Thunderbird et Apple Mail. Il a un design lumineux et réactif. Prend en charge le travail avec n'importe quel appareils mobiles et l'application Gmail.

Le modèle possède un constructeur spécial intégré avec l'interface DRAG&DROP. Cela vous permettra de changer sans aucun problème vue générale lettre publicitaire ou en créer une nouvelle. La conception comprend de nombreux blocs, boutons et éléments d’appel à l’action élégants. La décoration est simple et épurée. Il existe des blocs pour les services, les produits, l'équipe de travail, les prix et les compétences utilisant des composants visuels interactifs.

Ce modèle d'e-mail vous aidera à mener des campagnes publicitaires très efficaces, alors n'hésitez pas à y jeter un œil !

RKMAIL – modèle de lettre à envoyer par courrier à une société de marketing

Voici des modèles d’e-mails multitâches qui vous permettront de mettre en œuvre des campagnes de promotion et de promotion réussies. Le modèle a un design strict et élégant. Prend en charge le générateur de modèles par glisser-déposer, ce qui facilite l'ajout de blocs prêts à l'emploi. Vous pouvez créer des lettres de publipostage en quelques minutes seulement, tout en obtenant un plaisir incroyable. Le modèle de newsletter par e-mail RKMAIL fonctionne avec tous les navigateurs modernes. Compatible avec MailChimp et Campaign Monitor.

Le modèle a un très pratique et instructions claires. Support complet du développeur, grâce auquel vous vous sentirez plus en confiance.

Vacances – modèle d'e-mail pour l'industrie du tourisme

Il s'agit d'un modèle d'e-mail moderne et chic pour attirer l'attention des clients sur les visites et offres les plus en vogue de votre agence. Ici, vous pouvez parler de votre entreprise et attirer des abonnés à vos services. Il existe de nombreux beaux blocs, notamment pour la galerie, les critiques et la représentation de l'équipe de travail.

C'est une excellente solution idéale pour les agences de voyages et les agences de voyages. Augmentez votre efficacité avec lui campagnes publicitaires et le nombre de vrais clients !

Emailio – modèles PSD et HTML réactifs pour les newsletters par e-mail

Emailio est un ensemble de dix modèles d'e-mails ainsi qu'un générateur d'e-mails en ligne. Convient à toute entreprise : agence de design, boulangerie, boutique en ligne, restaurant, site internet application mobile et une agence immobilière. Comprend HTML, PSD et fichiers pour MailChimp et Campaign Monitor.

Vous pouvez définir n’importe quelle image comme arrière-plan. Vous avez le choix entre plus de 60 éléments graphiques, dont trois styles d'en-tête, quatre styles « À propos de nous » et deux styles « Nos services ». Si nécessaire, vous pouvez enregistrer le modèle et le modifier ultérieurement.

Tous les modèles sont testés pour fonctionner avec les principaux clients de messagerie.

Posh – modèles d'e-mails pour le commerce électronique

L'ensemble de modèles de newsletter de Posh a un design épuré pour répondre à tous les besoins. Tous les modèles sont compatibles avec MailChimp, Campaign Monitor et de nombreux autres outils. Pour concevoir des lettres, il existe un constructeur personnalisé de BigBangThemes et plus de 450 modules différents. Il existe également 16 modèles prêts à l'emploi, sept modèles multitâches et neuf modèles d'e-mails de notification. Un générateur d'icônes unique est disponible avec la possibilité de modifier leurs paramètres. Les images d’arrière-plan sont prises en charge dans tous les clients de messagerie, ce qui n’est pas le cas de nombreux autres modèles. Les e-mails auront fière allure sur n’importe quel appareil.

À l'aide des modèles Posh, vous pouvez créer des newsletters de haute qualité qui augmenteront vos ventes et contribueront à promouvoir votre entreprise.

Mode et commerce électronique – modèles d'e-mails réactifs pour les boutiques en ligne

Le modèle Mode & Ecommerce est conçu pour promouvoir les services et produits d'une boutique en ligne (par exemple, une boutique de vêtements). Il est facile de créer vous-même des modèles à l'aide du générateur StampReady et des 59 modules disponibles pour vous aider à créer la newsletter parfaite pour attirer des prospects et des clients. Vous pouvez y ajouter n'importe quelle image d'arrière-plan.

Le modèle prend en charge toutes les fonctionnalités de MailChimp et Campaign Monitor. Fonctionne avec les principaux clients de messagerie tels que Microsoft Outlook, Yahoo Mail, Mozilla Thunderbird, Apple Mail et Gmail. Un fichier HTML sans balises est également inclus.

Showoff – modèle d'e-mail HTML polyvalent

Cet ensemble de modèles est une solution universelle pour toute entreprise. Le constructeur de l'équipe de développement BigBangThemes avec une interface glisser-déposer pratique prend en charge 450 modules uniques. Avec eux, vous pouvez créer un modèle d'e-mail unique pour un publipostage efficace. Showoff comprend également 14 modèles prêts à l'emploi et prend en charge n'importe quelle image d'arrière-plan. Compatible avec les principaux services de marketing par e-mail : MailChimp, iContact et Campaign Monitor. Comme les autres modèles d’e-mails, Showoff bénéficie de six mois de support.

Si vous êtes intéressé par des modèles d'e-mails gratuits, Showoff propose également version gratuite. Pour télécharger des modèles d'e-mails, cliquez simplement sur « Afficher plus/Télécharger » sous la description.

Supra – ensemble de 20 modèles d’e-mails

Le modèle Supra dispose d'un générateur de pages qui vous aidera à créer un design unique sur toute la largeur de vos e-mails. Vous pouvez changer les couleurs, modifier instantanément le texte et annuler/rétablir les opérations récentes. Vous pouvez télécharger des images d’arrière-plan depuis votre ordinateur ou y ajouter un lien depuis un autre site. Le mode aperçu est pris en charge. Si vous souhaitez faciliter votre travail, utilisez l'une des 20 mises en page prédéfinies pour diverses utilisations. Tous sont testés pour fonctionner correctement à l’aide de l’outil Litmus.

Le modèle prend en charge MailChimp et Campaign Monitor. Les fichiers HTML fonctionnent avec les services Constant Contact, iContact et Aweber. En plus des fichiers HTML, il existe également des fichiers PSD.

DANS nouvelle version Il est possible de sauvegarder et de charger des modèles directement dans le système.

Intelligent – ​​modèles d'e-mails modernes avec prise en charge de Mastermail Builder 2.0

Le propre outil de Mastermail Builder 2.0 prend en charge la fonction d'enregistrement et de modification ultérieure d'un modèle. Vous pouvez choisir n’importe quelle couleur pour la personnalisation. Le modèle créé peut être enregistré aux formats HTML, MailChimp et CampaignMonitor. Vous pouvez utiliser une mise en page prête à l'emploi créée par les développeurs.

Il existe une version HTML sans balises et une version Photoshop (au format PSD). Le modèle est réactif, donc votre lettres commerciales et les lettres postales seront faciles à lire sur des écrans de toutes tailles. Code optimisé avec CSS ligne par ligne.

Le modèle prend en charge le travail avec MailChimp, Freshmail, iContact, Constant Contact et autres. Fonctionne en toute confiance avec tous les principaux programmes de messagerie.

Réponse – un ensemble de modèles de lettres électroniques

Answer prend en charge plus de 20 mises en page prêtes à l'emploi dans différents formats, parmi lesquelles vous pouvez choisir celle qui vous convient le mieux et la personnaliser en fonction de vos besoins. Builder 2.0 est pris en charge avec la fonction de sauvegarde et d'édition au fil du temps. Il existe 200 modules différents disponibles pour créer des mises en page manuelles. Une version HTML et 20 fichiers PSD sont disponibles pour une édition plus avancée. Comme d'autres modèles d'e-mails, Answer peut fonctionner avec MailChimp et Campaign Monitor.

Il a un design réactif pour donner à vos e-mails une belle apparence sur n’importe quel appareil. Des mises à jour et des bonus sont publiés chaque semaine. Le kit comprend des instructions pour travailler et configurer le modèle.

Exon – Modèle d'e-mail réactif

Avec les modèles Exon, tous vos e-mails seront aussi beaux sur un smartphone que sur un PC. Avec Maestro Builder, vous pouvez créer et modifier des modèles d'e-mails selon vos besoins. Il existe un grand nombre de couleurs disponibles, qu'il est préférable de choisir pour correspondre au style officiel de l'entreprise. Avant d'enregistrer les modifications, assurez-vous de vous inscrire sur le site officiel de l'outil.

En plus des fichiers HTML classiques, des fichiers PSD sont disponibles. Le modèle a été testé pour sa compatibilité avec MailChimp, Campaign Monitor, StampReady et MyMail. Il existe également un fichier distinct pour chacun d'eux. Le modèle prend également en charge le travail avec les principaux clients de messagerie.

Multimail – un ensemble de modèles d'e-mails réactifs avec un constructeur en ligne

Multimail est un modèle d'envoi d'emails, téléchargeable et paramétrable très rapidement. va vous aider constructeur en ligne Modèles d'e-mails MailBuilds avec une interface glisser-déposer pratique, 12 mises en page prêtes à l'emploi et 191 modules uniques. Vous pouvez choisir n’importe quelle couleur pour les éléments de lettre. Vous pouvez masquer ou afficher les boutons, ajuster leur rayon d'arrondi et choisir la même couleur que les autres objets. Un simple éditeur de texte. Les images peuvent être téléchargées directement dans le système, collées à partir d'un lien ou téléchargées dans une bibliothèque où elles seront stockées dans le cloud.

Uxmill – Modèles d'e-mails HTML avec un design réactif

Vous pouvez créer un modèle d'e-mail basé sur Uxmill à l'aide du générateur StampReady. Vous devrez sélectionner les modules et les placer aux endroits appropriés à l'aide d'une interface glisser-déposer. Le modèle peut être personnalisé dans n'importe quelle couleur, mais nous vous recommandons de vous en tenir au même style d'entreprise pour votre entreprise.

Le modèle prend en charge le travail avec les services de messagerie StampReady, MailChimp et Campaign Monitor. En plus de la version HTML, le kit comprend un fichier pour chacun des services pris en charge. Le modèle fonctionne avec divers appareils basé sur iOS et Android, ainsi qu'avec divers clients de messagerie de Google, Microsoft, Yahoo et Apple.

Voyages – modèles d'e-mails adaptatifs pour des mailings de haute qualité

Comme les autres modèles d’e-mails de notre revue, Travel a un design réactif. Avec lui, vos e-mails seront magnifiques, s'adaptant à n'importe quelle taille d'écran et navigateur. Le code du modèle est écrit de très haute qualité et propre, de sorte que les lettres se chargeront également rapidement.

Le kit comprend un fichier pour CampaignMonitor, StampReady, MailChimp, ainsi qu'un fichier HTML et PSD. Pour créer des modèles, utilisez le constructeur de modèles de courrier électronique en ligne. Les modules peuvent être masqués si vous le souhaitez.

Le modèle Travel prend en charge les principaux clients de messagerie : Outlook, Yahoo Mail, Apple Mail, Hotmail et autres. Concentré sur agences de voyages, bien qu'il puisse être utilisé à d'autres fins.

Notifier – un ensemble complet de modèles d'e-mails avec un constructeur

Notifier comprend des modèles d'e-mails prêts à l'emploi pour organiser les mailings. Chacun d’eux a un design professionnel et de haute qualité. Le modèle peut être utilisé par les grandes entreprises, les petites agences et les startups, pour présenter un nouveau produit ou une nouvelle application, pour une boutique en ligne, etc.

Le kit comprend huit mises en page prêtes à l'emploi, chacune utilisant un code HTML bien écrit avec des commentaires. Il existe une version aux formats HTML, PSD, MailChimp, StampReady et CampaignMonitor. Le modèle peut être modifié à l'aide du concepteur en ligne StampReady. Dans celui-ci, vous pouvez modifier le texte, les couleurs et d'autres paramètres du modèle.

Lorsque vous achetez un modèle Notifier, vous bénéficiez d'une assistance et de mises à jour à vie.

Ecom – modèle d'e-mail minimaliste

Ecom est le modèle d'e-mail idéal pour les campagnes marketing sérieuses. Avec lui, vous pouvez élargir votre clientèle et augmenter vos ventes. Le modèle est adapté spécifiquement pour l'envoi d'offres publicitaires. A cet effet, il est livré avec 40 bannières attractives au format PSD avec la possibilité de changer l'image en un clic. Il existe également 15 textures élégantes et 10 options de remplissage dégradé.

Le constructeur en ligne vous permettra de créer un modèle d'e-mail en utilisant deux styles d'en-tête prêts à l'emploi et trois styles de pied de page. Vous pouvez personnaliser le texte et les couleurs, ajouter ou modifier des images en temps réel.

Le modèle prend en charge le travail avec les principaux clients de messagerie.

Ce sont les meilleurs modèles de newsletter par e-mail pour 2017. vous pouvez trouver plus de 300 autres modèles sympas. Une newsletter de qualité commence par un design de qualité, qui n'est disponible que dans les modèles d'e-mails premium.

Vous pourriez également vouloir savoir comment et pourquoi utiliser les e-mails.

Alexander est le fondateur du projet de site Web « Web Laboratory of Success », créé pour soutenir les entrepreneurs Internet débutants et permanents. Un bourreau de travail convaincu, avec une expérience en matière de création d'entreprise. expérience professionnelle gestion de la rédaction d'un magazine en ligne, création et gestion de votre propre boutique en ligne. Occupation principale : promotion d'entreprises (y compris de boutiques en ligne) via Facebook et Google Adwords. Hobby principal : monétiser des sites Web via des outils de marketing d'affiliation et Google Adsense. Records personnels confirmés : 3 millions de visiteurs de blog par mois.