Comment créer une conception de courriel réactive en utilisant le cadre de base de courriel
Il existe de nombreux outils de marketing qui vous permettent de créer facilement des projets de courriel réactifs. En fait, vous préférez peut – être avoir plus de contrôle sur l’apparence des courriels, et la meilleure façon de le faire est de les concevoir à partir de zéro. L’utilisation d’un cadre semblable à celui du courriel offre un bon compromis. Vous n’avez pas besoin de concevoir chaque composant à partir de zéro, mais vous avez un contrôle total sur la façon, le moment et l’endroit où il est utilisé. Dans cet article, nous commencerons par expliquer ce qu’est un cadre de courriel et comment il peut vous aider. Nous continuerons ensuite à discuter des fondements du courriel et de la façon dont vous pouvez l’utiliser pour créer vos propres activités de courriel personnalisées et réactives. Allons travailler!
Quels sont les cadres de courriel (et comment ils peuvent vous aider à créer de meilleurs courriels)
Les éléments par défaut vous aident à concevoir votre courriel plus rapidement. Aujourd’hui, la plupart des courriels contiennent non seulement des images et du texte, mais aussi des éléments tels que des boutons et des menus. L’inclusion de ces éléments peut prendre beaucoup de temps, mais le cadre vous permet de les insérer et de les personnaliser immédiatement. Réactif ouvert et prêt à l’emploi. Au fur et à mesure que de plus en plus de gens se tournent vers les appareils mobiles, vous devez vous assurer que vos courriels sont bien affichés sur leurs écrans. La plupart des cadres modernes sont réactifs par défaut, ce qui signifie que vous pouvez vous soucier moins d’une chose.
Poste Dans cette section, nous utiliserons la variante CSS parce qu’elle nécessite moins de travail de configuration. De plus, le résultat final devrait être le même: tous les changements sont la façon dont vous atteignez vos objectifs. Si vous voulez voir comment fonctionne la version Sass ou en savoir plus sur la façon de l’utiliser, commencez par ce tutoriel fantastique. Étape 1: Télécharger la Bibliothèque de fichiers e – mail tout d’abord, allez à la page de démarrage de base e – mail et cliquez sur le bouton télécharger la trousse de démarrage sous le Sous – titre version CSS: Une fois le fichier obtenu, décompressez – le et décompressez son contenu dans un nouveau dossier. À ce stade, votre dossier devrait contenir un fichier index. Html et deux sous – dossiers: un pour CSS et un pour les modèles. Maintenant, lancez votre éditeur de texte préféré et ouvrez le fichier index. HTML. C’est censé être nu, mais on va arranger ça tout de suite. Étape 2: Familiarisez – vous avec le système Web, car la réactivité du courriel est basée sur son système de grille flexible. Si vous organisez des e – mails à partir de zéro, nous vous recommandons de créer votre propre grille pour diviser les parties de l’e – mail. Pour ce faire, nous utiliserons trois composants différents: conteneur, ligne et colonne.
Ouvrez le fichier index. Afficher votre HTML de base dans un éditeur de texte et faire défiler vers le bas vers la section corps: –>
<!–
Comme vous pouvez le voir, votre corps de courriel contient une table par défaut que nous ne toucherons pas. Au lieu de cela, nous ajoutons simplement des éléments de grille à la section que vous lisez . Commençons par le Code que le conteneur doit utiliser: