À propos
Les blocs de courriels (éléments et structure) peuvent être utilisés pour construire un courriel ou un modèle dans l'éditeur en mode glisser-déposer. Ces blocs servent à contenir différents formats comme une image, un texte ou un bouton. Les blocs d'éléments ont des styles personnalisables (couleurs, taille, affichage mobile).
Par défaut, plusieurs blocs de structure et d'éléments sont offerts pour répondre à la plupart des besoins. Toutefois, si vous voulez d'autres options, communiquez avec nous pour que nous vous aidions à trouver une solution.
Pour intégrer ces blocs d'éléments à votre courriel, vous devez d'abord insérer un bloc de structure (colonnes) dans le courriel: Ensuite, intégrez un ou des blocs d'éléments à l'intérieur d'un bloc de structure: |
Dans cet article, vous découvrirez tous les blocs disponibles par défaut dans nos modèles glisser-déposer.
Blocs 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. Pour personnaliser la ou les colonnes, cliquez sur l'icône d'édition
. Les options d'édition diffèrent légèrement selon le nombre de colonnes choisi (image d'arrière-plan, couleur d'arrière-plan, largeur des colonnes, espace entre les colonnes). Si vous souhaitez ajouter une image d'arrière-plan sur l'ensemble du message, utilisez la section Styles par défaut dans le menu de gauche.
Blocs Éléments
Titre![]() | Permet d'ajouter un titre à votre contenu. Pour modifier la mise en forme des styles appliqués aux titres pour l'ensemble du message, utilisez les options offertes dans la section Styles par défaut. 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 créer un espace vide (en mettant la couleur en blanc). 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 voir sur le bouton et sélectionnez le type de lien. Pour ajouter un lien, cliquez sur le champ Lien, puis 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é![]() | Permet d'ajouter plusieurs contenus à l'horizontal (souvent utilisé pour des menus). Par défaut, le bloc dispose de quatre zones de contenu. Pour ajouter une image ou un texte dans ce bloc, 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![]() | Permet d’extraire le contenu de votre flux RSS afin que vous puissiez choisir manuellement les articles à afficher de façon statique. 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. | ||||
Code QR![]() | Permet de générer un code QR qui dirige vers un de vos liens. | ||||
iCalendar![]() | Permet de créer un événement sous forme de fichier .ics téléchargeable. Le destinataire peut alors ajouter l'événement à son calendrier Microsoft Outlook, Apple Calendar ou Google Calendar. |