hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


30 sites à télécharger des modèles d'emails open source

Coder pour la conception d'email manuellement n'est pas une tâche facile . Vous devez utiliser une table, faire du code CSS en ligne, construire un design pour la réactivité, et après tout, assurez-vous qu'il est compatible avec une longue liste de clients de messagerie différents, pour les services de bureau, mobiles et webmail.

Pour simplifier ce processus, il existe maintenant de nombreux modèles d'e-mails open source gratuits que vous pouvez télécharger, puis modifier ou modifier en fonction du contenu de votre cœur. Certains peuvent être construits sur un modèle de base fourni tandis que d'autres ont des cadres et des composants prêts à l'emploi que vous pouvez assembler.

Nous avons fait le travail des jambes et voici ce que nous avons à offrir: 30 endroits où vous pouvez trouver des modèles d'emails open source pour vos besoins.

Envoyer avec nous

Envoyer avec nous est un site axé sur la communauté pour les modèles d'e-mails open source et réactifs. Il y a environ 10 modèles disponibles avec divers sous-modèles à l'intérieur pour des buts spécifiques tels que l'email pour l'enquête, l'upselling, la confirmation, etc.

Salé

Salted est un modèle d'e-mail HTML réactif qui peut être utilisé comme base pour un modèle d'e-mail. Ce modèle propre est utilisé sur les bulletins électroniques Litmus. Le style d'affichage des modèles de courrier électronique open-source / est déjà optimisé et vous pouvez utiliser les tables de pourcentage ou les requêtes de média pour tout garder fluide.

Cerbère

Cerberus sont des modèles d'e-mails réactifs que vous pouvez utiliser pour adapter un modèle d'e-mail normal à un modèle réactif, assez facilement. Il existe deux types de modèles, l'un avec les requêtes média et l'autre sans, pour les mises en page fluides (les tailles elles-mêmes indépendamment de la prise en charge des requêtes multimédias).

Modèle de courriel HTML réactif

Il existe deux types de modèles d'e-mails HTML, une version en ligne et une version non-intégrée qui peut être utilisée sur un service marketing tel que Mailchimp. Ce modèle d'e-mail est testé sur les principaux clients de messagerie, mobiles et de bureau.

E-mail Blueprints

Vous trouverez ici environ 25 modèles généraux et 6 modèles réactifs, spécialement conçus pour les utilisateurs de MailChimp.

Respmail

Un modèle d'e-mail conçu pour fonctionner sur les principaux appareils et plateformes de messagerie, ce modèle utilise les plans de MailChimp comme base, et est testé et révisé pour la compatibilité et restructuré pour Outlook, Yahoo, Hotmail, Gmail et d'autres services. Téléchargez la source sur GitHub.

Encre

Ink est un framework que vous pouvez utiliser pour créer rapidement des emails HTML réactifs qui fonctionneront sur n'importe quel appareil ou pour n'importe quel client de messagerie. Encre comprend une grille de 12 colonnes avec certains éléments d'interface utilisateur pour un prototypage rapide.

Modèles d'e-mail transactionnels

Un modèle réactif pour les e-mails transactionnels, vous pouvez trouver 3 modèles ici: pour les e-mails d'action, les alertes e-mail et pour la facturation. Tous les modèles ont été testés sur des clients de messagerie courants.

Antwort

Antwort propose un modèle d'e-mail réactif qui vous permet d'utiliser Columsn sur le bureau puis de l'adapter aux lignes lorsque vous êtes sur des écrans mobiles plus petits. Il y a aussi des modèles inclus pour l'utilisation d'une seule colonne, de deux colonnes ou de trois colonnes (avec open-source-email-templates /).

Email réactif

Un modèle d'e-mail basé sur une table mais réactif, avec des tags de fusion Mailchimp en place. Bien qu'il ne possède qu'un seul modèle, vous pouvez pimenter les choses avec les nombreuses options de disposition disponibles.

Email Framework

Email Framework propose des composants de préconstructions que vous pouvez utiliser pour créer un modèle d'e-mail HTML réactif. Il inclut également boilerplate.html, un fichier HTML de base qui peut être modifié.

Motifs d'e-mail réactifs

Responsive Email Patterns est une collection de modèles et de modules pour les e-mails réactifs. Vous pouvez trouver une variété de styles pour la mise en page, la navigation, les listes, les blocs de grille, les médias et les accordéons.

Zénith

Zenith est un framework de messagerie créé avec SASS. Il dispose d'une grille réactive, facile à contrôler la mise en page, la typographie, les schémas de couleurs et d'autres en utilisant des variables SASS.

Shopify HTML Email Modèles

Vous trouverez ici 10 modèles qui traitent de choses comme l'accueil de nouveaux utilisateurs, l'activation de comptes, les notifications de remboursement, les mises à jour d'expédition, la réinitialisation de mot de passe et plus encore.

La passion

La passion est un modèle d'e-mail prédéfini avec un support réactif. Il dégage une ambiance minimaliste, cleancut et simple.

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

Voici un modèle d'e-mail réactif avec compatibilité avec tous les principaux clients de messagerie, avec un code bien commenté et lisible. Il existe trois modèles (général, promotionnel et exploratoire) avec des couleurs différentes.

Ardoise

Voici 5 modèles d'e-mails qui ont été testés sur plus de 30 clients de messagerie (desktop, mobile, webmail). Il y en a un pour les annonces de produits et les annonces simples, un modèle pour un bulletin d'information, un reçu et un modèle de base (papeterie).

Cakemail

Cakemail fournit des douzaines de modèles de newsletter gratuits pour la rétine. Il y a 6 catégories que vous pouvez parcourir, ou consultez simplement la section populaire. Vous pouvez également opter pour les couleurs que vous aimez avant de télécharger votre propre copie.

Penrose

Voici un modèle de newsletter réactif plat compatible avec presque tous les clients de messagerie.

Email réactif

Vous voulez quelque chose de super simple, juste les bases? Tu l'as eu. Suivez les trois étapes nécessaires pour définir ce modèle d'e-mail pour votre usage personnel.

WDW

Obtenez deux modèles, un pour un modèle de mise à jour hebdomadaire et un autre en tant que modèle d'inscription fourni par Web Design Weekly.

Gleemail

En plus des modèles, Gleemail vous permet de créer des modèles d'e-mails HTML avec Moustache et de les styliser avec Stylus.

Mosaico

Mosaico est un éditeur de tempalte d'email open source et vous pouvez trouver deux modèles fournis gratuitement, avec lesquels vous pouvez jouer. Modifiez, faites glisser et déposez et manipulez les composants à l'intérieur.

Modèles de cachet

Trois modèles sont disponibles ici: un e-mail de bienvenue, un e-mail de réinitialisation du mot de passe et un e-mail de confirmation, tous fournis par les modèles Postmark. Si vous voulez jeter un oeil à leur apparence, suivez leur blog à ce sujet.

Plaque passe-partout EightMedia

Trouver un passe-partout pour construire votre modèle d'email sur. Un modèle de base a été fourni. Vous pouvez écrire du code sur Jade. SASS et CSS automatique ont été inclus pour faciliter votre travail.

Bella

Bella est un modèle d'e-mail gratuit, clair, moderne et gratuit. Il est disponible en format HTML et PSD.

Rafeca

Trouvez ici des modèles d'e-mails réactifs qui ont été utilisés pour les e-mails de marketing giffgaff. Téléchargez les modèles de GitHub ici.

Moniteur de campagne

Campaign Monitor a publié plus de 100 modèles d'e-mails gratuits à télécharger. Il y a 36 modèles qui peuvent être prévisualisés sur la page, tandis que le reste d'entre eux peut être téléchargé avec le lien "Télécharger tout" en bas.

Modèle de courriel réactif

Un modèle d'e-mail réactif, adapté pour une utilisation mobile faite par Rachel Beser.

Le modèle d'email gratuit de Stamplia

Il existe 7 modèles d'e-mails exclusifs et réactifs Litmus sur le marché de Stamplia. Fonctionne sur Outlook, Gmail et "le reste de ces clients de messagerie difficiles". Les fichiers source PSD sont inclus.

Lisez maintenant: 9 astuces pour concevoir la newsletter HTML parfaite

Créez facilement des animations CSS cool avec Animista

Créez facilement des animations CSS cool avec Animista

Il y a des tonnes d'applications web d'animation CSS en ligne . Mais, très peu se comparent au niveau de détail et de facilité d'utilisation que vous obtenez avec Animista .Cette application web gratuite vous permet de générer des animations CSS personnalisées en cliquant sur un bouton . Vous

(Conseils techniques et de conception)

Pourquoi vous avez besoin de renifleurs de code pour le développement Web

Pourquoi vous avez besoin de renifleurs de code pour le développement Web

L'optimisation du code est comparable à la phase d'édition d'une écriture. Vous devrez peut-être d'abord obtenir vos idées dans le code, mais votre code devrait être optimisé avec des outils comme les sniffers de code pour produire le meilleur produit possible.Le reniflage de code est un terme qui décrit le code de vérification de la conformité aux normes réglementaires . Ces régle

(Conseils techniques et de conception)