[{"data":1,"prerenderedAt":664},["ShallowReactive",2],{"page-\u002Ffr\u002Fcentre-d-aide\u002Futiliser-html-pour-personnaliser-une-page-de-destination":3,"related-\u002Ffr\u002Fcentre-d-aide\u002Futiliser-html-pour-personnaliser-une-page-de-destination":663},{"id":4,"title":5,"author":6,"body":7,"category":653,"description":654,"extension":655,"heading":6,"heroImage":6,"heroImageAlt":6,"layout":6,"meta":656,"navigation":657,"ogImage":6,"path":658,"publishedAt":6,"sections":6,"seo":659,"sourcePath":660,"stem":661,"updatedAt":6,"videos":6,"__hash__":662},"pages\u002Ffr\u002Fcentre-d-aide\u002Futiliser-html-pour-personnaliser-une-page-de-destination.md","Comment utiliser le HTML pour personnaliser une page de destination",null,{"type":8,"value":9,"toc":644},"minimark",[10,19,22,30,41,45,48,53,56,59,201,204,207,211,215,218,221,257,260,264,267,270,303,310,314,317,320,353,356,360,363,370,404,409,442,446,449,542,546,549,641],[11,12,13,14,18],"p",{},"Vous pouvez entièrement personnaliser votre page de destination en utilisant l'",[15,16,17],"strong",{},"éditeur HTML",".",[11,20,21],{},"Ajoutez-en un à votre page de destination.",[23,24],"img",{"src":25,"alt":26,"width":27,"height":28,"loading":29},"\u002Fimages\u002Fhelp-center\u002Fhow-to-use-html-to-customize-a-landing-page-1.png","HTML 1",890,500,"lazy",[11,31,32,33,36,37,40],{},"Cliquez sur son ",[15,34,35],{},"menu à trois points",", puis sur l'",[15,38,39],{},"icône \u003C\u002F>"," pour passer à la vue HTML.",[23,42],{"src":43,"alt":44,"width":27,"height":28,"loading":29},"\u002Fimages\u002Fhelp-center\u002Fhow-to-use-html-to-customize-a-landing-page-2.png","HTML 2",[11,46,47],{},"Voici quelques exemples de ce que vous pouvez ajouter :",[49,50,52],"h4",{"id":51},"séparateurs","Séparateurs",[11,54,55],{},"Vous pouvez ajouter des lignes ou des séparateurs entre les différents éléments de contenu.",[11,57,58],{},"Ajoutez la chaîne suivante :",[60,61,66],"pre",{"className":62,"code":63,"language":64,"meta":65,"style":65},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cstyle>\n.line {\nborder-top: 3px solid #000000;\nwidth: 100%;\nmargin: 0;\n}\n\u003C\u002Fstyle>\n\u003Cdiv class=\"line\">\u003Cbr>\u003C\u002Fdiv>\n","html","",[67,68,69,85,96,123,136,149,155,165],"code",{"__ignoreMap":65},[70,71,74,78,82],"span",{"class":72,"line":73},"line",1,[70,75,77],{"class":76},"sMK4o","\u003C",[70,79,81],{"class":80},"swJcz","style",[70,83,84],{"class":76},">\n",[70,86,88,90,93],{"class":72,"line":87},2,[70,89,18],{"class":76},[70,91,72],{"class":92},"sBMFI",[70,94,95],{"class":76}," {\n",[70,97,99,103,106,110,114,117,120],{"class":72,"line":98},3,[70,100,102],{"class":101},"sqsOY","border-top",[70,104,105],{"class":76},":",[70,107,109],{"class":108},"sbssI"," 3px",[70,111,113],{"class":112},"sTEyZ"," solid ",[70,115,116],{"class":76},"#",[70,118,119],{"class":112},"000000",[70,121,122],{"class":76},";\n",[70,124,126,129,131,134],{"class":72,"line":125},4,[70,127,128],{"class":101},"width",[70,130,105],{"class":76},[70,132,133],{"class":108}," 100%",[70,135,122],{"class":76},[70,137,139,142,144,147],{"class":72,"line":138},5,[70,140,141],{"class":101},"margin",[70,143,105],{"class":76},[70,145,146],{"class":108}," 0",[70,148,122],{"class":76},[70,150,152],{"class":72,"line":151},6,[70,153,154],{"class":76},"}\n",[70,156,158,161,163],{"class":72,"line":157},7,[70,159,160],{"class":76},"\u003C\u002F",[70,162,81],{"class":80},[70,164,84],{"class":76},[70,166,168,170,173,177,180,183,186,188,191,194,197,199],{"class":72,"line":167},8,[70,169,77],{"class":76},[70,171,172],{"class":80},"div",[70,174,176],{"class":175},"spNyl"," class",[70,178,179],{"class":76},"=",[70,181,182],{"class":76},"\"",[70,184,72],{"class":185},"sfazB",[70,187,182],{"class":76},[70,189,190],{"class":76},">\u003C",[70,192,193],{"class":80},"br",[70,195,196],{"class":76},">\u003C\u002F",[70,198,172],{"class":80},[70,200,84],{"class":76},[11,202,203],{},"Avec « border-top: », vous pouvez définir l'épaisseur de la ligne en pixels.",[11,205,206],{},"Avec « solid # », vous pouvez définir sa couleur à l'aide d'un code couleur hexadécimal.",[23,208],{"src":209,"alt":210,"width":27,"height":28,"loading":29},"\u002Fimages\u002Fhelp-center\u002Fhow-to-use-html-to-customize-a-landing-page-3.png","HTML 3",[49,212,214],{"id":213},"lien-pour-appeler-un-numéro-de-téléphone","Lien pour appeler un numéro de téléphone",[11,216,217],{},"Vous pouvez créer un lien permettant aux utilisateurs de passer un appel directement depuis leur appareil.",[11,219,220],{},"Ajoutez au lien (Call us) qui ouvrira l'application téléphone un attribut « href » contenant le numéro de téléphone souhaité. Par exemple :",[60,222,224],{"className":62,"code":223,"language":64,"meta":65,"style":65},"\u003Ca href=\"tel:+1234567890\">Call us\u003C\u002Fa>\n",[67,225,226],{"__ignoreMap":65},[70,227,228,230,233,236,238,240,243,245,248,251,253,255],{"class":72,"line":73},[70,229,77],{"class":76},[70,231,232],{"class":80},"a",[70,234,235],{"class":175}," href",[70,237,179],{"class":76},[70,239,182],{"class":76},[70,241,242],{"class":185},"tel:+1234567890",[70,244,182],{"class":76},[70,246,247],{"class":76},">",[70,249,250],{"class":112},"Call us",[70,252,160],{"class":76},[70,254,232],{"class":80},[70,256,84],{"class":76},[11,258,259],{},"Remplacez « +1234567890 » par le numéro de téléphone correspondant. Le signe « + » indique l'indicatif d'appel international.",[49,261,263],{"id":262},"lien-pour-envoyer-un-e-mail","Lien pour envoyer un e-mail",[11,265,266],{},"Vous pouvez créer un lien permettant aux utilisateurs d'envoyer un e-mail à une adresse spécifique directement depuis leur appareil.",[11,268,269],{},"Ajoutez au lien (Send Email) qui ouvrira l'application de messagerie un attribut « href » contenant l'adresse souhaitée. Par exemple :",[60,271,273],{"className":62,"code":272,"language":64,"meta":65,"style":65},"\u003Ca href=\"mailto:abc@example.com\">Send Email\u003C\u002Fa>\n",[67,274,275],{"__ignoreMap":65},[70,276,277,279,281,283,285,287,290,292,294,297,299,301],{"class":72,"line":73},[70,278,77],{"class":76},[70,280,232],{"class":80},[70,282,235],{"class":175},[70,284,179],{"class":76},[70,286,182],{"class":76},[70,288,289],{"class":185},"mailto:abc@example.com",[70,291,182],{"class":76},[70,293,247],{"class":76},[70,295,296],{"class":112},"Send Email",[70,298,160],{"class":76},[70,300,232],{"class":80},[70,302,84],{"class":76},[11,304,305,306,309],{},"Remplacez « ",[232,307,308],{"href":289},"abc@example.com"," » par l'adresse e-mail correspondante.",[49,311,313],{"id":312},"lien-pour-envoyer-un-message-whatsapp","Lien pour envoyer un message WhatsApp",[11,315,316],{},"Vous pouvez créer un lien permettant aux utilisateurs d'envoyer un message à un numéro WhatsApp spécifique directement depuis leur appareil.",[11,318,319],{},"Ajoutez au lien (Contact us on WhatsApp) qui ouvrira l'application WhatsApp un attribut « href » contenant le numéro WhatsApp souhaité. Vous pouvez éventuellement ajouter un message à envoyer (This is a message) après « ?text= ». Par exemple :",[60,321,323],{"className":62,"code":322,"language":64,"meta":65,"style":65},"\u003Ca href=\"https:\u002F\u002Fwa.me\u002F+1234567890?text=This is a message\">Contact us on WhatsApp\u003C\u002Fa>\n",[67,324,325],{"__ignoreMap":65},[70,326,327,329,331,333,335,337,340,342,344,347,349,351],{"class":72,"line":73},[70,328,77],{"class":76},[70,330,232],{"class":80},[70,332,235],{"class":175},[70,334,179],{"class":76},[70,336,182],{"class":76},[70,338,339],{"class":185},"https:\u002F\u002Fwa.me\u002F+1234567890?text=This is a message",[70,341,182],{"class":76},[70,343,247],{"class":76},[70,345,346],{"class":112},"Contact us on WhatsApp",[70,348,160],{"class":76},[70,350,232],{"class":80},[70,352,84],{"class":76},[11,354,355],{},"Remplacez « +1234567890 » par le numéro WhatsApp correspondant.",[49,357,359],{"id":358},"lien-vers-une-partie-spécifique","Lien vers une partie spécifique",[11,361,362],{},"Vous pouvez créer un lien permettant aux utilisateurs d'accéder directement à une section spécifique de votre page de destination.",[364,365,366],"ol",{},[367,368,369],"li",{},"Ajoutez un attribut « id » à l'élément cible (Section 1). Nous vous recommandons que le nom de l'élément soit identique à l'id (section1). Par exemple :",[60,371,373],{"className":62,"code":372,"language":64,"meta":65,"style":65},"\u003Ca id=\"section1\">Section 1\u003C\u002Fa>\n",[67,374,375],{"__ignoreMap":65},[70,376,377,379,381,384,386,388,391,393,395,398,400,402],{"class":72,"line":73},[70,378,77],{"class":76},[70,380,232],{"class":80},[70,382,383],{"class":175}," id",[70,385,179],{"class":76},[70,387,182],{"class":76},[70,389,390],{"class":185},"section1",[70,392,182],{"class":76},[70,394,247],{"class":76},[70,396,397],{"class":112},"Section 1",[70,399,160],{"class":76},[70,401,232],{"class":80},[70,403,84],{"class":76},[364,405,406],{"start":87},[367,407,408],{},"Ajoutez au lien qui mènera à l'élément cible (Go to Section 1) un attribut « href » utilisant l'id créé à l'étape 1 (#section1). Par exemple :",[60,410,412],{"className":62,"code":411,"language":64,"meta":65,"style":65},"\u003Ca href=\"#section1\">Go to Section 1\u003C\u002Fa>\n",[67,413,414],{"__ignoreMap":65},[70,415,416,418,420,422,424,426,429,431,433,436,438,440],{"class":72,"line":73},[70,417,77],{"class":76},[70,419,232],{"class":80},[70,421,235],{"class":175},[70,423,179],{"class":76},[70,425,182],{"class":76},[70,427,428],{"class":185},"#section1",[70,430,182],{"class":76},[70,432,247],{"class":76},[70,434,435],{"class":112},"Go to Section 1",[70,437,160],{"class":76},[70,439,232],{"class":80},[70,441,84],{"class":76},[49,443,445],{"id":444},"intégrer-une-vidéo","Intégrer une vidéo",[11,447,448],{},"Vous pouvez afficher des vidéos de YouTube, Vimeo et d'autres plateformes vidéo en ligne sur votre page de destination, à condition qu'elles proposent une option d'intégration (balise « iframe »). Après l'avoir copiée, accédez à votre page de destination et collez la balise « iframe ». Par exemple :",[60,450,452],{"className":62,"code":451,"language":64,"meta":65,"style":65},"\u003Ciframe width=\"560\" height=\"315\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FVIDEO-URL\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen>\u003C\u002Fiframe>\n",[67,453,454],{"__ignoreMap":65},[70,455,456,458,461,464,466,468,471,473,476,478,480,483,485,488,490,492,495,497,500,502,504,507,509,512,514,516,519,521,524,526,528,531,533,536,538,540],{"class":72,"line":73},[70,457,77],{"class":76},[70,459,460],{"class":80},"iframe",[70,462,463],{"class":175}," width",[70,465,179],{"class":76},[70,467,182],{"class":76},[70,469,470],{"class":185},"560",[70,472,182],{"class":76},[70,474,475],{"class":175}," height",[70,477,179],{"class":76},[70,479,182],{"class":76},[70,481,482],{"class":185},"315",[70,484,182],{"class":76},[70,486,487],{"class":175}," src",[70,489,179],{"class":76},[70,491,182],{"class":76},[70,493,494],{"class":185},"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FVIDEO-URL",[70,496,182],{"class":76},[70,498,499],{"class":175}," title",[70,501,179],{"class":76},[70,503,182],{"class":76},[70,505,506],{"class":185},"YouTube video player",[70,508,182],{"class":76},[70,510,511],{"class":175}," frameborder",[70,513,179],{"class":76},[70,515,182],{"class":76},[70,517,518],{"class":185},"0",[70,520,182],{"class":76},[70,522,523],{"class":175}," allow",[70,525,179],{"class":76},[70,527,182],{"class":76},[70,529,530],{"class":185},"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",[70,532,182],{"class":76},[70,534,535],{"class":175}," allowfullscreen",[70,537,196],{"class":76},[70,539,460],{"class":80},[70,541,84],{"class":76},[49,543,545],{"id":544},"intégrer-une-carte-google-maps","Intégrer une carte Google Maps",[11,547,548],{},"Vous pouvez afficher plusieurs cartes Google Maps en recherchant les adresses dans Google Maps, en cliquant sur Partager > Intégrer une carte et en copiant la balise « iframe ». Ensuite, accédez à votre page de destination et collez la balise « iframe ». Par exemple :",[60,550,552],{"className":62,"code":551,"language":64,"meta":65,"style":65},"\u003Ciframe src=\"https:\u002F\u002Fwww.google.com\u002Fmaps\u002Fembed?pb=!1m18!1m12!1m3!1d1589980.4936041927!2d-79.46503024375001!3d38.89126619999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89b7b798ecb5b2c7%3A0xc7edf0c4a86f75af!2sSmithsonian%20National%20Museum%20of%20Natural%20History!5e0!3m2!1sen!2sar!4v1719328865609!5m2!1sen!2sar\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\">\u003C\u002Fiframe>\n",[67,553,554],{"__ignoreMap":65},[70,555,556,558,560,562,564,566,569,571,573,575,577,580,582,584,586,588,591,593,596,598,600,603,605,607,609,612,615,617,619,621,623,626,628,630,633,635,637,639],{"class":72,"line":73},[70,557,77],{"class":76},[70,559,460],{"class":80},[70,561,487],{"class":175},[70,563,179],{"class":76},[70,565,182],{"class":76},[70,567,568],{"class":185},"https:\u002F\u002Fwww.google.com\u002Fmaps\u002Fembed?pb=!1m18!1m12!1m3!1d1589980.4936041927!2d-79.46503024375001!3d38.89126619999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89b7b798ecb5b2c7%3A0xc7edf0c4a86f75af!2sSmithsonian%20National%20Museum%20of%20Natural%20History!5e0!3m2!1sen!2sar!4v1719328865609!5m2!1sen!2sar",[70,570,182],{"class":76},[70,572,463],{"class":175},[70,574,179],{"class":76},[70,576,182],{"class":76},[70,578,579],{"class":185},"600",[70,581,182],{"class":76},[70,583,475],{"class":175},[70,585,179],{"class":76},[70,587,182],{"class":76},[70,589,590],{"class":185},"450",[70,592,182],{"class":76},[70,594,595],{"class":175}," style",[70,597,179],{"class":76},[70,599,182],{"class":76},[70,601,602],{"class":185},"border:0;",[70,604,182],{"class":76},[70,606,535],{"class":175},[70,608,179],{"class":76},[70,610,611],{"class":76},"\"\"",[70,613,614],{"class":175}," loading",[70,616,179],{"class":76},[70,618,182],{"class":76},[70,620,29],{"class":185},[70,622,182],{"class":76},[70,624,625],{"class":175}," referrerpolicy",[70,627,179],{"class":76},[70,629,182],{"class":76},[70,631,632],{"class":185},"no-referrer-when-downgrade",[70,634,182],{"class":76},[70,636,196],{"class":76},[70,638,460],{"class":80},[70,640,84],{"class":76},[81,642,643],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":65,"searchDepth":98,"depth":98,"links":645},[646,647,648,649,650,651,652],{"id":51,"depth":125,"text":52},{"id":213,"depth":125,"text":214},{"id":262,"depth":125,"text":263},{"id":312,"depth":125,"text":313},{"id":358,"depth":125,"text":359},{"id":444,"depth":125,"text":445},{"id":544,"depth":125,"text":545},"Créer, suivre et gérer","Utilisez le HTML pour ajouter des séparateurs, des appels à l'action et plus encore à votre Digital Link","md",{},true,"\u002Ffr\u002Fcentre-d-aide\u002Futiliser-html-pour-personnaliser-une-page-de-destination",{"title":5,"description":654},"\u002Ffr\u002Fcentre-d-aide\u002Futiliser-html-pour-personnaliser-une-page-de-destination\u002F","fr\u002Fcentre-d-aide\u002Futiliser-html-pour-personnaliser-une-page-de-destination","z8VHQ1xfIjX8Z3Qkmq2pL7hm_O1Y-d4ti0COr18Q0Tw",[],1785349697244]