Documentation des Modules

◀ RETOUR AU BUILDER
Modules disponibles (18) :
hero hero-full hero-centered feature-img-right feature-img-left article img-container 1-col-title-text benefits-text-cta 2-columns-cta 3-columns 3-columns-cta 3-columns-benefits 3-columns-products 3-columns-blocks 4-columns-images menu footer survey

hero

Hero avec logo, image de fond, titre H1 et bloc de texte bleu.

Champs :
_image_image--mobile_background_color_top_color_h1_h2_paragraph1_paragraph2_cta_ab1_cta_ab2_link_alias
_image
URL de l'image de fond principale (desktop). Dimensions recommandees : 640x360px.
Exemple :
https://example.com/images/hero-desktop.jpg
_image--mobile
URL de l'image de fond pour mobile. Dimensions recommandees : 640x400px.
Exemple :
https://example.com/images/hero-mobile.jpg
_background_color
Couleur de fond du bloc texte sous l'image. Format hexadecimal.
Exemple :
#0052A2
_top_color
Couleur de la bande superieure (bandeau logo). Format hexadecimal.
Exemple :
#0052A2
_h1
Titre principal H1 affiche sur l'image. Supporte le HTML pour le formatage.
Exemple :
Welcome to Our <strong>Newsletter</strong>
_h2
Sous-titre H2 affiche sous le H1 (optionnel).
Exemple :
January 2024 Edition
_paragraph1
Premier paragraphe du bloc texte bleu. Supporte le HTML.
Exemple :
Discover our latest resources for healthcare professionals.
_paragraph2
Second paragraphe du bloc texte bleu (optionnel). Supporte le HTML.
Exemple :
Access exclusive educational content and materials.
_cta_ab1
Texte du bouton CTA principal. En majuscules de preference.
Exemple :
LEARN MORE
_cta_ab2
Texte du bouton CTA secondaire (optionnel, pour A/B testing).
Exemple :
DISCOVER NOW
_link
URL de destination du bouton CTA.
Exemple :
https://example.com/landing-page
_alias
Alias de tracking Eloqua pour le lien (laisser vide si non utilise).
Exemple :
hero_cta_jan24
Apercu :

hero-full

Hero avec logo, titre centre, image pleine largeur et bloc de texte.

Champs :
_title_subtitle_image_image--mobile_image--title_greetings_paragraph1_paragraph2_cta_ab1_cta_ab2_link_alias
_title
Titre principal centre au-dessus de l'image.
Exemple :
Monthly Newsletter
_subtitle
Sous-titre centre sous le titre principal.
Exemple :
January 2024 Edition
_image
URL de l'image principale pleine largeur (desktop). Dimensions : 640x360px.
Exemple :
https://example.com/images/hero-full.jpg
_image--mobile
URL de l'image pour mobile (optionnel, meme image si vide).
Exemple :
https://example.com/images/hero-full-mobile.jpg
_image--title
Texte alternatif (alt) de l'image pour l'accessibilite.
Exemple :
Healthcare professional with patient
_greetings
Formule de salutation au debut du bloc texte. Supporte HTML pour le gras.
Exemple :
<strong>Dear Healthcare Professional,</strong>
_paragraph1
Premier paragraphe du contenu textuel.
Exemple :
Welcome to our monthly newsletter with the latest updates.
_paragraph2
Second paragraphe (optionnel).
Exemple :
Explore new resources and educational content below.
_cta_ab1
Texte du bouton CTA.
Exemple :
EXPLORE NOW
_cta_ab2
Texte alternatif CTA pour A/B testing (optionnel).
Exemple :
DISCOVER MORE
_link
URL de destination du CTA.
Exemple :
https://example.com/resources
_alias
Alias Eloqua pour le tracking du lien.
Exemple :
herofull_cta
Apercu :

hero-centered

Module hero avec bloc de contenu centre sur une image de fond.

Champs :
_logo_pre_title_image_image--mobile_greetings_height_paragraph1_paragraph2_cta_link_track_alias
_logo
URL du logo a afficher dans le bloc central. Mettre "no-logo" pour masquer.
Exemple :
https://example.com/logo.png ou no-logo
_pre_title
Texte d'introduction au-dessus du contenu principal.
Exemple :
Practical resources to support your patients with eczema
_image
URL de l'image de fond (desktop). Le bloc de contenu est superpose.
Exemple :
https://example.com/images/hero-bg.jpg
_image--mobile
URL de l'image de fond pour mobile.
Exemple :
https://example.com/images/hero-bg-mobile.jpg
_greetings
Formule de salutation. Supporte HTML.
Exemple :
<strong>Dear Doctor,</strong>
_height
Hauteur de l'image de fond en pixels (sans "px").
Exemple :
279
_paragraph1
Paragraphe principal du contenu.
Exemple :
This month's newsletter is full of resources to help you.
_paragraph2
Second paragraphe (optionnel).
Exemple :
Discover our new tools and educational materials.
_cta
Texte du bouton CTA.
Exemple :
LEARN MORE
_link
URL de destination du CTA.
Exemple :
https://example.com/resources
_track
Nom du tracking pour analytics (optionnel).
Exemple :
hero-centered-jan24
_alias
Alias Eloqua pour le tracking.
Exemple :
herocentered_cta
Apercu :

feature-img-right

Module avec image a droite et texte a gauche.

Important : Ce module utilise un suffixe numerique (_1, _2, _3) pour permettre plusieurs instances. Utilisez les boutons ci-dessous pour copier les champs avec le bon suffixe.
Champs :
_layout_paddingtop_logo_logo--title_image_image--height_image--mobile_image--mobile--height_title_paragraph_cta_cta--style_link_alias_track
_layout
Layout du module : "default" ou "centered".
Exemple :
default
_paddingtop
Padding en haut du module en pixels (sans "px").
Exemple :
40
_logo
Code HTML du logo (optionnel). Balise img complete.
Exemple :
<img src="https://..." width="100" alt="Logo">
_logo--title
Texte alternatif du logo (optionnel).
Exemple :
Brand Logo
_image
URL de l'image desktop. Dimensions : ~295x417px.
Exemple :
https://example.com/images/feature.jpg
_image--height
Hauteur de l'image desktop en pixels (sans "px"). Defaut: 417.
Exemple :
417
_image--mobile
URL de l'image mobile (pleine largeur).
Exemple :
https://example.com/images/feature-mobile.jpg
_image--mobile--height
Hauteur de l'image mobile en pixels. Defaut: 320.
Exemple :
320
_title
Titre de la section.
Exemple :
Diagnosis and Management of Adult Eczema
_paragraph
Paragraphe de description. Supporte le HTML.
Exemple :
Test your knowledge and develop your clinical skills.
_cta
Texte du bouton CTA.
Exemple :
EXPLORE CPD COURSES
_cta--style
Style du CTA : "filled" (plein) ou "outline" (contour).
Exemple :
filled
_link
URL de destination du CTA.
Exemple :
https://example.com/courses
_alias
Alias Eloqua pour le tracking du lien.
Exemple :
feature_right_cta
_track
Valeur du parametre track ajoute a l'URL.
Exemple :
feature-img-right_1
Apercu :

feature-img-left

Module avec image a gauche et texte a droite.

Important : Ce module utilise un suffixe numerique (_1, _2, _3) pour permettre plusieurs instances. Utilisez les boutons ci-dessous pour copier les champs avec le bon suffixe.
Champs :
_layout_paddingtop_logo_logo--title_image_image--height_image--mobile_image--mobile--height_title_paragraph_cta_cta--style_link_alias_track
_layout
Layout du module : "default" ou "centered".
Exemple :
default
_paddingtop
Padding en haut du module en pixels (sans "px").
Exemple :
40
_logo
Code HTML du logo (optionnel). Balise img complete.
Exemple :
<img src="https://..." width="100" alt="Logo">
_logo--title
Texte alternatif du logo (optionnel).
Exemple :
Brand Logo
_image
URL de l'image desktop. Dimensions : ~295x417px.
Exemple :
https://example.com/images/feature.jpg
_image--height
Hauteur de l'image desktop en pixels (sans "px"). Defaut: 417.
Exemple :
417
_image--mobile
URL de l'image mobile (pleine largeur).
Exemple :
https://example.com/images/feature-mobile.jpg
_image--mobile--height
Hauteur de l'image mobile en pixels. Defaut: 320.
Exemple :
320
_title
Titre de la section.
Exemple :
Understanding Skin Conditions
_paragraph
Paragraphe de description. Supporte le HTML.
Exemple :
Learn about the latest research and treatment options.
_cta
Texte du bouton CTA.
Exemple :
READ MORE
_cta--style
Style du CTA : "filled" (plein) ou "outline" (contour).
Exemple :
filled
_link
URL de destination du CTA.
Exemple :
https://example.com/article
_alias
Alias Eloqua pour le tracking du lien.
Exemple :
feature_left_cta
_track
Valeur du parametre track ajoute a l'URL.
Exemple :
feature-img-left_1
Apercu :

article

Module article avec surtitre, image, logo marque, titre, paragraphe et CTA.

Champs :
_surtitle_image_image--title_logo_logo--title_title_paragraph_cta_link_track_alias
_surtitle
Surtitre affiche au-dessus de l'image (ex: categorie). En majuscules.
Exemple :
FEATURED
_image
URL de l'image principale de l'article. Dimensions : 489x280px.
Exemple :
https://example.com/images/article.jpg
_image--title
Texte alternatif (alt) de l'image.
Exemple :
Research laboratory
_logo
Code HTML du logo de marque (balise img complete). Laisser vide si non utilise.
Exemple :
<img src="https://example.com/logo.png" width="100" alt="Brand">
_logo--title
Texte alternatif du logo.
Exemple :
La Roche-Posay
_title
Titre de l'article.
Exemple :
Latest Research on Skin Care
_paragraph
Description/extrait de l'article. Supporte HTML.
Exemple :
Discover the latest findings in dermatological research.
_cta
Texte du bouton CTA.
Exemple :
READ ARTICLE
_link
URL de destination vers l'article complet.
Exemple :
https://example.com/articles/skin-care-research
_track
Nom du tracking analytics.
Exemple :
article-skincare
_alias
Alias Eloqua pour le tracking.
Exemple :
article_cta
Apercu :

img-container

Module simple avec titre, sous-titre et image centree.

Champs :
_title_subtitle_image_image--title
_title
Titre affiche au-dessus de l'image.
Exemple :
Featured Image
_subtitle
Sous-titre affiche sous le titre.
Exemple :
Subtitle for the image section
_image
URL de l'image centree. Dimensions : 489x300px.
Exemple :
https://example.com/images/container.jpg
_image--title
Texte alternatif (alt) de l'image.
Exemple :
Featured promotional image
Apercu :

1-col-title-text

Module simple avec titre et texte sur une colonne.

Champs :
_title_text_dividertop_dividerbottom
_title
Titre principal du bloc.
Exemple :
Featured Article
_text
Texte/paragraphe du contenu. Supporte le HTML pour le formatage.
Exemple :
This is a sample text that demonstrates the layout.
_dividertop
Espacement (divider) en haut du module en pixels. Mettre 0 pour aucun.
Exemple :
40
_dividerbottom
Espacement (divider) en bas du module en pixels.
Exemple :
40
Apercu :

benefits-text-cta

Liste de benefices avec icones, paragraphes de texte et bouton CTA.

Champs :
_image1_text1_image2_text2_image3_text3_paragraph1_paragraph2_cta_link_alias_track_dividertop_dividerbottom
_image1, _image2, _image3
URLs des icones (40x40px) pour chaque benefice.
Exemple :
https://example.com/icon1.jpg
_text1, _text2, _text3
Texte de chaque benefice.
Exemple :
Refine your eczema care expertise.
_paragraph1, _paragraph2
Paragraphes de texte sous les benefices.
Exemple :
Gain the knowledge you need to impact patient outcomes.
_cta
Texte du bouton CTA.
Exemple :
WATCH HERE
_link
URL du bouton CTA.
Exemple :
https://example.com/webinar
_alias
Alias pour le tracking SFMC.
Exemple :
LDB_ldb_Other
_track
Valeur de tracking pour les liens.
Exemple :
benefits_section
_dividertop, _dividerbottom
Espacement en pixels avant/apres le module.
Exemple :
40
Apercu :

2-columns-cta

Module 2 colonnes avec fond gris, images, textes et CTA par colonne.

Champs :
_surtitle_title_subtitle_col1_image_col1_image--title_col1_paragraph_col1_date_col1_cta_col1_link_col1_alias_col2_image_col2_image--title_col2_paragraph_col2_date_col2_cta_col2_link_col2_alias
_surtitle
Surtitre au-dessus du titre principal (optionnel).
Exemple :
EVENTS
_title
Titre principal de la section.
Exemple :
Upcoming Events
_subtitle
Sous-titre descriptif.
Exemple :
Join us for these educational sessions
_col1_image
URL de l'image de la colonne 1. Dimensions : 270x180px.
Exemple :
https://example.com/images/event1.jpg
_col1_image--title
Texte alternatif de l'image colonne 1.
Exemple :
Workshop image
_col1_paragraph
Texte descriptif de la colonne 1.
Exemple :
Virtual Workshop on Eczema Management
_col1_date
Date de l'evenement colonne 1.
Exemple :
January 15, 2024
_col1_cta
Texte du bouton CTA colonne 1.
Exemple :
REGISTER
_col1_link
URL de destination colonne 1.
Exemple :
https://example.com/register/event1
_col1_alias
Alias Eloqua colonne 1.
Exemple :
2col_cta1
_col2_image / _col2_...
Memes champs pour la colonne 2 (image, image--title, paragraph, date, cta, link, alias).
Exemple :
(identique a col1)
Apercu :

3-columns

Module 3 colonnes avec images cliquables et texte en dessous.

Champs :
_title_subtitle_col1_image_col1_image--title_col1_paragraph_col1_link_col1_alias_col2_image_col2_image--title_col2_paragraph_col2_link_col2_alias_col3_image_col3_image--title_col3_paragraph_col3_link_col3_alias_cta_link_alias
_title
Titre principal de la section.
Exemple :
Our Resources
_subtitle
Sous-titre descriptif.
Exemple :
Explore our educational content
_col1_image
URL de l'image colonne 1. Dimensions : 178x170px.
Exemple :
https://example.com/images/resource1.jpg
_col1_image--title
Texte alternatif de l'image colonne 1.
Exemple :
Clinical Guidelines
_col1_paragraph
Texte sous l'image colonne 1.
Exemple :
Clinical Guidelines
_col1_link
URL de l'image cliquable colonne 1.
Exemple :
https://example.com/guidelines
_col1_alias
Alias Eloqua colonne 1.
Exemple :
3col_img1
_col2_... / _col3_...
Memes champs pour colonnes 2 et 3.
Exemple :
(identique a col1)
_cta
Texte du bouton CTA global en bas (optionnel).
Exemple :
VIEW ALL
_link
URL du CTA global.
Exemple :
https://example.com/all-resources
_alias
Alias Eloqua du CTA global.
Exemple :
3col_viewall
Apercu :

3-columns-cta

Module 3 colonnes avec images, textes et CTA par colonne. Version fond gris disponible.

Champs :
_version_text--align_padding--top_surtitle_title_col1_image_col1_paragraph_col1_date_col1_cta_col1_link_col1_alias_col2_image_col2_paragraph_col2_date_col2_cta_col2_link_col2_alias_col3_image_col3_paragraph_col3_date_col3_cta_col3_link_col3_alias
_version
Version du module : "default" (fond blanc) ou "grey" (fond gris).
Exemple :
default
_text--align
Alignement du texte dans les colonnes : "left" ou "center".
Exemple :
center
_padding--top
Espacement en haut du module en pixels.
Exemple :
40
_surtitle
Surtitre au-dessus du titre (optionnel).
Exemple :
FEATURED
_title
Titre principal de la section.
Exemple :
Featured Content
_col1_image
URL de l'image colonne 1. Dimensions : 270x180px.
Exemple :
https://example.com/images/col1.jpg
_col1_paragraph
Description sous l'image colonne 1.
Exemple :
Discover the latest in skin care research
_col1_date
Date affichee (optionnel).
Exemple :
January 10, 2024
_col1_cta
Texte du bouton CTA colonne 1.
Exemple :
READ MORE
_col1_link
URL de destination colonne 1.
Exemple :
https://example.com/article1
_col1_alias
Alias Eloqua colonne 1.
Exemple :
3colcta_1
_col2_... / _col3_...
Memes champs pour colonnes 2 et 3.
Exemple :
(identique a col1)
Apercu :

3-columns-benefits

Module avec 3 colonnes pour afficher des benefices avec images et texte.

Champs :
_image1_title1_text1_image2_title2_text2_image3_title3_text3_dividertop_dividerbottom_track
_image1
URL de l'image/icone du benefice 1. Dimensions : 180x120px.
Exemple :
https://example.com/images/benefit1.jpg
_title1
Titre du benefice 1.
Exemple :
Hydratation
_text1
Description du benefice 1.
Exemple :
Hydratation longue duree pour la peau
_image2 / _title2 / _text2
Memes champs pour le benefice 2.
Exemple :
(identique a 1)
_image3 / _title3 / _text3
Memes champs pour le benefice 3.
Exemple :
(identique a 1)
_dividertop
Espacement en haut du module en pixels.
Exemple :
40
_dividerbottom
Espacement en bas du module en pixels.
Exemple :
40
_track
Nom du tracking analytics.
Exemple :
benefits-section
Apercu :

3-columns-products

Module avec titre global + 3 produits avec image, nom, contenance et CTA.

Champs :
_title_text_image1_size1_name1_cta1_link1_alias1_image2_size2_name2_cta2_link2_alias2_image3_size3_name3_cta3_link3_alias3_dividertop_dividerbottom_track
_title
Titre principal de la section produits.
Exemple :
Our Products
_text
Texte d'introduction.
Exemple :
Discover our range of dermatological products.
_image1
URL de l'image produit 1. Dimensions : 176x200px.
Exemple :
https://example.com/images/product1.png
_size1
Contenance/taille du produit 1.
Exemple :
50ml
_name1
Nom du produit 1.
Exemple :
Toleriane Ultra Cream
_cta1
Texte du bouton CTA produit 1.
Exemple :
BUY NOW
_link1
URL vers la page produit 1.
Exemple :
https://example.com/products/toleriane
_alias1
Alias Eloqua produit 1.
Exemple :
prod_1
_image2, _size2, _name2...
Memes champs pour le produit 2.
Exemple :
(identique a 1)
_image3, _size3, _name3...
Memes champs pour le produit 3.
Exemple :
(identique a 1)
_dividertop / _dividerbottom
Espacements en haut/bas du module en pixels.
Exemple :
40
_track
Nom du tracking analytics.
Exemple :
products-section
Apercu :

3-columns-blocks

Module avec fond colore, titre, et 3 blocs blancs avec icone/label + CTA global.

Champs :
_background_title_text_text_color_icon1_label1_icon2_label2_icon3_label3_cta_link_alias_dividertop_dividerbottom_track
_background
Couleur de fond du module. Format hexadecimal.
Exemple :
#E2F8FC
_title
Titre principal de la section.
Exemple :
Why Choose Us
_text
Texte d'introduction sous le titre.
Exemple :
Discover the benefits of our products
_text_color
Couleur du texte. Format hexadecimal.
Exemple :
#333333
_icon1
URL de l'icone du bloc 1. Dimensions : 90x90px.
Exemple :
https://example.com/icons/quality.png
_label1
Label/texte du bloc 1.
Exemple :
Quality
_icon2 / _label2
Icone et label du bloc 2.
Exemple :
(identique a 1)
_icon3 / _label3
Icone et label du bloc 3.
Exemple :
(identique a 1)
_cta
Texte du bouton CTA global.
Exemple :
LEARN MORE
_link
URL de destination du CTA.
Exemple :
https://example.com/about
_alias
Alias Eloqua du CTA.
Exemple :
blocks_cta
_dividertop / _dividerbottom
Espacements en pixels.
Exemple :
40
_track
Nom du tracking analytics.
Exemple :
blocks-section
Apercu :

4-columns-images

Bandeau avec fond colore et 4 images/logos cliquables.

Champs :
_background_image1_link1_alt1_image2_link2_alt2_image3_link3_alt3_image4_link4_alt4_dividertop_dividerbottom_track
_background
Couleur de fond du bandeau. Format hexadecimal.
Exemple :
#F5F5F5
_image1
URL du logo/image 1. Dimensions : 135x80px.
Exemple :
https://example.com/logos/brand1.png
_link1
URL de destination de l'image 1 (cliquable).
Exemple :
https://brand1.com
_alt1
Texte alternatif de l'image 1.
Exemple :
Brand 1 logo
_image2 / _link2 / _alt2
Memes champs pour l'image 2.
Exemple :
(identique a 1)
_image3 / _link3 / _alt3
Memes champs pour l'image 3.
Exemple :
(identique a 1)
_image4 / _link4 / _alt4
Memes champs pour l'image 4.
Exemple :
(identique a 1)
_dividertop / _dividerbottom
Espacements en pixels.
Exemple :
20
_track
Nom du tracking analytics.
Exemple :
brands-banner
Apercu :

survey

Sondage avec une question et 5 images de reponse (smileys).

Champs :
_question_left_text_center_text_right_text_image1_image1_link_image1_alias_image2_image2_link_image2_alias_image3_image3_link_image3_alias_image4_image4_link_image4_alias_image5_image5_link_image5_alias
_question
Question posee aux destinataires.
Exemple :
How useful did you find this newsletter?
_left_text
Label a gauche de l'echelle (valeur negative).
Exemple :
Not useful
_center_text
Label au centre de l'echelle (valeur neutre).
Exemple :
Neutral
_right_text
Label a droite de l'echelle (valeur positive).
Exemple :
Very useful
_image1
URL de l'image/emoji de reponse 1 (tres negatif). Dimensions : 50x50px.
Exemple :
https://example.com/emojis/sad.png
_image1_link
URL de destination quand on clique sur l'image 1 (avec parametres tracking).
Exemple :
https://example.com/survey?response=1
_image1_alias
Alias Eloqua pour l'image 1.
Exemple :
survey_1
_image2 / _image2_link / _image2_alias
Memes champs pour la reponse 2.
Exemple :
(identique a 1)
_image3 / _image3_link / _image3_alias
Memes champs pour la reponse 3 (neutre).
Exemple :
(identique a 1)
_image4 / _image4_link / _image4_alias
Memes champs pour la reponse 4.
Exemple :
(identique a 1)
_image5 / _image5_link / _image5_alias
Memes champs pour la reponse 5 (tres positif).
Exemple :
(identique a 1)
Apercu :