Les éléments de courriels sont des blocs qui peuvent être utilisés pour construire un courriel ou un modèle dans l'éditeur en mode Glisser-Déposer. Ces blocs peuvent contenir une image, du texte, ou les deux, et présente chacune une disposition particulière (1 à 5 colonnes), ainsi que des styles personnalisables pour l'affichage mobile (voir Éditer et tester la version mobile d'un courriel).
Par défaut, plusieurs blocs de structure et de contenu sont offerts pour répondre à la plupart des besoins. Toutefois, si vous en voulez davantage, communiquez avec nous pour que nous vous aidions à trouver une solution.
Dans cet article, vous découvrirez tous les blocs disponibles par défaut dans nos modèles Glisser-Déposer.
Structure
Créez votre mise en page à l'aide des blocs de structure. Les endroits où les blocs choisis peuvent être déposés sont indiqués lorsque vous vous déplacez dans le courriel.
Cliquez sur l'icône d'édition ou deux clics pour voir s'afficher les options d'édition, qui diffèrent légèrement selon le nombre de colonnes choisi.
Bloc | Description et utilisation |
---|---|
1 colonne![]() | Permet d'ajouter une structure à une seule colonne avec ou sans image d'arrière-plan. Si vous souhaitez ajouter une image d'arrière-plan sur toute la hauteur du message, utilisez la section "Styles par défaut", disponible dans le menu de gauche. |
Plusieurs colonnes![]() ![]() | Permet d'ajouter une structure de deux à cinq colonnes. Vous pouvez dépasser la largeur maximale du message, supprimer l'espace entre les colonnes, définir des couleurs d'arrière-plan, etc. |
Contenu
Pour ajouter un bloc de contenu, il faut obligatoirement le glisser dans un bloc de structure. Apprenez-en plus en visionnant cette vidéo.
Bloc | Description et utilisation |
---|---|
Titre![]() | Permet d'ajouter un titre à votre contenu. Pour modifer la mise en forme des styles appliqués aux titres, utilisez les options offertes dans la section "Styles par défaut". Ceux-ci s’appliqueront à l’ensemble du message, donc à tous les titres. Si vous souhaitez qu'un titre ait un style différent des autres titres, définissez vos préférences sous l'onglet "Styles" du titre en question. |
Texte![]() | Permet d'ajouter du texte à votre contenu. Pour savoir comment faire, consultez Insérer du texte dans un courriel. Pour ajouter du texte sur une image, ajoutez une image d'arrière-plan à votre message en éditant les styles par défaut ou à un bloc à 1 colonne en éditant celui-ci. |
Séparateur![]() | Permet d’ajouter une ligne horizontale dans le message afin de séparer des contenus ou de laisser un espace vide de 0 px. Si vous souhaitez arrondir les coins, sélectionnez les coins désirés et entrez une valeur dans le champ "Rayon". |
Bouton![]() | Permet d'ajouter un bouton. Saisissez le texte que vous souhaitez faire figurer sur le bouton et sélectionnez le type de lien désiré. Pour ce faire, cliquez dans le champ "Lien" puis cliquez sur l'icône ![]() |
Image![]() | Permet d'ajouter une image. Pour savoir comment faire, consultez Insérer une image dans un courriel. |
Vidéo YouTube![]() | Permet d'ajouter une vidéo YouTube. Copiez-collez le lien de votre vidéo, puis définissez sa largeur. |
Zone de contenu groupé horizontal![]() | Permet d'ajouter plusieurs contenus à l'horizontal. Par défaut, le bloc dispose de quatre zones de contenu. Pour ajouter une image ou un texte supplémentaire, utilisez les blocs de la section Contenu groupé horizontal. |
Suivi social![]() | Permet d'ajouter des liens vers vos pages de médias sociaux. Les icônes des réseaux sociaux sont déjà fournies, mais vous pouvez en modifier la couleur, le style et la taille. |
Code HTML![]() | Permet d'ajouter du code HTML sur mesure. Ce bloc est recommandé aux experts HTML. |
Flux RSS statique![]() | Permet d’extraire le contenu de votre flux RSS afin que vous puissiez choisir manuellement les articles à afficher. Pour savoir comment faire, consultez Diffuser du contenu RSS par courriel. |
Flux RSS dynamique![]() | Permet d’extraire le contenu de votre flux RSS et de le mettre à jour automatiquement au moment de l'envoi. Pour savoir comment faire, consultez Diffuser du contenu RSS par courriel. |
Compte à rebours![]() | Permet d'ajouter un décompte générique en jours, heures, minutes et secondes. |
Code à barres![]() | Permet d'insérer un code à barres, qui peut être générique ou personnalisé. Sélectionnez le type de code à barres puis définissez le code lui-même. |
Contenu groupé horizontal
Pour ajouter un bloc de contenu groupé horizontal, il faut obligatoirement le glisser dans un bloc Zone de contenu groupé horizontal.
Bloc | Description et utilisation |
---|---|
Image groupée horizontale![]() | Permet d'ajouter une image supplémentaire dans une zone de contenu groupé horizontal. Il n'y a pas de limite au nombre d'images que vous pouvez ajouter, mais plus vos images sont lourdes, plus elles prendront de temps à s'afficher. |
Texte groupé horizontal![]() | Permet d'ajouter du texte supplémentaire dans une zone de contenu groupé horizontal. Vous pouvez définir la police et la taille du texte ainsi que la couleur et les styles des liens. |