[{"data":1,"prerenderedAt":632},["ShallowReactive",2],{"page-\u002Fes\u002Fcentro-de-ayuda\u002Fcomo-usar-html-para-personalizar-una-pagina-de-aterrizaje":3,"related-\u002Fes\u002Fcentro-de-ayuda\u002Fcomo-usar-html-para-personalizar-una-pagina-de-aterrizaje":631},{"id":4,"title":5,"author":6,"body":7,"category":621,"description":622,"extension":623,"heading":6,"heroImage":6,"heroImageAlt":6,"layout":6,"meta":624,"navigation":625,"ogImage":6,"path":626,"publishedAt":6,"sections":6,"seo":627,"sourcePath":628,"stem":629,"updatedAt":6,"videos":6,"__hash__":630},"pages\u002Fes\u002Fcentro-de-ayuda\u002Fcómo-usar-html-para-personalizar-una-página-de-aterrizaje.md","Cómo usar HTML para personalizar una página de aterrizaje",null,{"type":8,"value":9,"toc":610},"minimark",[10,19,22,30,41,45,48,53,56,59,172,175,178,182,186,189,192,229,232,236,239,242,275,282,286,289,292,325,328,332,335,338,372,375,408,412,415,508,512,515,607],[11,12,13,14,18],"p",{},"Puedes personalizar completamente tu página de aterrizaje usando el ",[15,16,17],"strong",{},"editor HTML",".",[11,20,21],{},"Agrega uno a tu página de aterrizaje.",[23,24],"img",{"src":25,"alt":26,"width":27,"height":28,"loading":29},"\u002Fimages\u002Fhelp-center\u002Fes-cómo-usar-html-para-personalizar-una-página-de-aterrizaje-1.png","HTML 1",890,500,"lazy",[11,31,32,33,36,37,40],{},"Haz clic en su ",[15,34,35],{},"menú de tres puntos"," y selecciona el ",[15,38,39],{},"ícono \u003C\u002F>"," para cambiar a la vista HTML.",[23,42],{"src":43,"alt":44,"width":27,"height":28,"loading":29},"\u002Fimages\u002Fhelp-center\u002Fes-cómo-usar-html-para-personalizar-una-página-de-aterrizaje-2.png","HTML 2",[11,46,47],{},"Aquí algunos ejemplos de lo que puedes agregar:",[49,50,52],"h4",{"id":51},"divisores","Divisores",[11,54,55],{},"Puedes añadir líneas o divisores entre secciones de contenido.",[11,57,58],{},"Agrega el siguiente código:",[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>.line {  border-top: 3px solid #000000;  width: 100%;  margin: 0;}\u003C\u002Fstyle>\u003Cdiv class=\"line\">\u003Cbr>\u003C\u002Fdiv>\n","html","",[67,68,69],"code",{"__ignoreMap":65},[70,71,74,78,82,85,88,91,95,98,102,106,109,112,115,118,120,123,125,128,130,133,136,138,141,144,148,151,154,157,159,161,164,167,169],"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},">.",[70,86,72],{"class":87},"sBMFI",[70,89,90],{"class":76}," {",[70,92,94],{"class":93},"sqsOY","  border-top",[70,96,97],{"class":76},":",[70,99,101],{"class":100},"sbssI"," 3px",[70,103,105],{"class":104},"sTEyZ"," solid ",[70,107,108],{"class":76},"#",[70,110,111],{"class":104},"000000",[70,113,114],{"class":76},";",[70,116,117],{"class":93},"  width",[70,119,97],{"class":76},[70,121,122],{"class":100}," 100%",[70,124,114],{"class":76},[70,126,127],{"class":93},"  margin",[70,129,97],{"class":76},[70,131,132],{"class":100}," 0",[70,134,135],{"class":76},";}\u003C\u002F",[70,137,81],{"class":80},[70,139,140],{"class":76},">\u003C",[70,142,143],{"class":80},"div",[70,145,147],{"class":146},"spNyl"," class",[70,149,150],{"class":76},"=",[70,152,153],{"class":76},"\"",[70,155,72],{"class":156},"sfazB",[70,158,153],{"class":76},[70,160,140],{"class":76},[70,162,163],{"class":80},"br",[70,165,166],{"class":76},">\u003C\u002F",[70,168,143],{"class":80},[70,170,171],{"class":76},">\n",[11,173,174],{},"Con \"border-top:\" puedes definir el grosor de la línea en píxeles.",[11,176,177],{},"Con \"solid #\" puedes definir el color usando código hexadecimal.",[23,179],{"src":180,"alt":181,"width":27,"height":28,"loading":29},"\u002Fimages\u002Fhelp-center\u002Fes-cómo-usar-html-para-personalizar-una-página-de-aterrizaje-3.png","HTML 3",[49,183,185],{"id":184},"enlace-para-llamar-por-teléfono","Enlace para llamar por teléfono",[11,187,188],{},"Puedes crear un enlace que permita a los usuarios iniciar una llamada directamente desde sus dispositivos.",[11,190,191],{},"Agrega el atributo href con el número de teléfono destino al texto (Llámanos) que abrirá la aplicación de teléfono. Por ejemplo:",[60,193,195],{"className":62,"code":194,"language":64,"meta":65,"style":65},"\u003Ca href=\"tel:+1234567890\">Llámanos\u003C\u002Fa>\n",[67,196,197],{"__ignoreMap":65},[70,198,199,201,204,207,209,211,214,216,219,222,225,227],{"class":72,"line":73},[70,200,77],{"class":76},[70,202,203],{"class":80},"a",[70,205,206],{"class":146}," href",[70,208,150],{"class":76},[70,210,153],{"class":76},[70,212,213],{"class":156},"tel:+1234567890",[70,215,153],{"class":76},[70,217,218],{"class":76},">",[70,220,221],{"class":104},"Llámanos",[70,223,224],{"class":76},"\u003C\u002F",[70,226,203],{"class":80},[70,228,171],{"class":76},[11,230,231],{},"Reemplaza +1234567890 con el número correspondiente. El signo + indica el código de marcado internacional.",[49,233,235],{"id":234},"enlace-para-enviar-email","Enlace para enviar email",[11,237,238],{},"Puedes crear un enlace que permita a los usuarios enviar un correo electrónico a una dirección específica desde sus dispositivos.",[11,240,241],{},"Agrega el atributo href con la dirección de correo destino al texto (Enviar Email) que abrirá la aplicación de correo. Por ejemplo:",[60,243,245],{"className":62,"code":244,"language":64,"meta":65,"style":65},"\u003Ca href=\"mailto:abc@example.com\">Enviar Email\u003C\u002Fa>\n",[67,246,247],{"__ignoreMap":65},[70,248,249,251,253,255,257,259,262,264,266,269,271,273],{"class":72,"line":73},[70,250,77],{"class":76},[70,252,203],{"class":80},[70,254,206],{"class":146},[70,256,150],{"class":76},[70,258,153],{"class":76},[70,260,261],{"class":156},"mailto:abc@example.com",[70,263,153],{"class":76},[70,265,218],{"class":76},[70,267,268],{"class":104},"Enviar Email",[70,270,224],{"class":76},[70,272,203],{"class":80},[70,274,171],{"class":76},[11,276,277,278,281],{},"Reemplaza ",[203,279,280],{"href":261},"abc@example.com"," con la dirección de correo correspondiente.",[49,283,285],{"id":284},"enlace-para-enviar-mensaje-por-whatsapp","Enlace para enviar mensaje por WhatsApp",[11,287,288],{},"Puedes crear un enlace que permita a los usuarios enviar un mensaje a un número específico de WhatsApp desde sus dispositivos.",[11,290,291],{},"Agrega el atributo href con el número de WhatsApp destino al texto (Contáctanos por WhatsApp) que abrirá la app de WhatsApp. Opcionalmente, puedes agregar un mensaje para enviar (Este es un mensaje) después de ?text=. Por ejemplo:",[60,293,295],{"className":62,"code":294,"language":64,"meta":65,"style":65},"\u003Ca href=\"https:\u002F\u002Fwa.me\u002F+1234567890?text=Este es un mensaje\">Contáctanos por WhatsApp\u003C\u002Fa>\n",[67,296,297],{"__ignoreMap":65},[70,298,299,301,303,305,307,309,312,314,316,319,321,323],{"class":72,"line":73},[70,300,77],{"class":76},[70,302,203],{"class":80},[70,304,206],{"class":146},[70,306,150],{"class":76},[70,308,153],{"class":76},[70,310,311],{"class":156},"https:\u002F\u002Fwa.me\u002F+1234567890?text=Este es un mensaje",[70,313,153],{"class":76},[70,315,218],{"class":76},[70,317,318],{"class":104},"Contáctanos por WhatsApp",[70,320,224],{"class":76},[70,322,203],{"class":80},[70,324,171],{"class":76},[11,326,327],{},"Reemplaza +1234567890 con el número de WhatsApp correspondiente.",[49,329,331],{"id":330},"enlace-a-una-sección-específica","Enlace a una sección específica",[11,333,334],{},"Puedes crear un enlace para que los usuarios salten directamente a una sección específica en tu página de aterrizaje.",[11,336,337],{},"Agrega un atributo id al elemento destino (Sección 1). Recomendamos que el nombre del elemento sea igual al id (seccion1). Por ejemplo:",[60,339,341],{"className":62,"code":340,"language":64,"meta":65,"style":65},"\u003Ca id=\"seccion1\">Sección 1\u003C\u002Fa>\n",[67,342,343],{"__ignoreMap":65},[70,344,345,347,349,352,354,356,359,361,363,366,368,370],{"class":72,"line":73},[70,346,77],{"class":76},[70,348,203],{"class":80},[70,350,351],{"class":146}," id",[70,353,150],{"class":76},[70,355,153],{"class":76},[70,357,358],{"class":156},"seccion1",[70,360,153],{"class":76},[70,362,218],{"class":76},[70,364,365],{"class":104},"Sección 1",[70,367,224],{"class":76},[70,369,203],{"class":80},[70,371,171],{"class":76},[11,373,374],{},"Agrega un atributo href usando el id creado en el paso 1 (#seccion1) al texto que llevará al elemento destino (Ir a Sección 1). Por ejemplo:",[60,376,378],{"className":62,"code":377,"language":64,"meta":65,"style":65},"\u003Ca href=\"#seccion1\">Ir a Sección 1\u003C\u002Fa>\n",[67,379,380],{"__ignoreMap":65},[70,381,382,384,386,388,390,392,395,397,399,402,404,406],{"class":72,"line":73},[70,383,77],{"class":76},[70,385,203],{"class":80},[70,387,206],{"class":146},[70,389,150],{"class":76},[70,391,153],{"class":76},[70,393,394],{"class":156},"#seccion1",[70,396,153],{"class":76},[70,398,218],{"class":76},[70,400,401],{"class":104},"Ir a Sección 1",[70,403,224],{"class":76},[70,405,203],{"class":80},[70,407,171],{"class":76},[49,409,411],{"id":410},"insertar-un-video","Insertar un video",[11,413,414],{},"Puedes mostrar videos de YouTube, Vimeo y otras plataformas de video en línea que tengan opción de incrustar (“iframe”). Después de copiarlo, ve a tu página de aterrizaje y pega la etiqueta iframe. Por ejemplo:",[60,416,418],{"className":62,"code":417,"language":64,"meta":65,"style":65},"\u003Ciframe width=\"560\" height=\"315\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FVIDEO-URL\" title=\"Reproductor de video de YouTube\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen>\u003C\u002Fiframe>\n",[67,419,420],{"__ignoreMap":65},[70,421,422,424,427,430,432,434,437,439,442,444,446,449,451,454,456,458,461,463,466,468,470,473,475,478,480,482,485,487,490,492,494,497,499,502,504,506],{"class":72,"line":73},[70,423,77],{"class":76},[70,425,426],{"class":80},"iframe",[70,428,429],{"class":146}," width",[70,431,150],{"class":76},[70,433,153],{"class":76},[70,435,436],{"class":156},"560",[70,438,153],{"class":76},[70,440,441],{"class":146}," height",[70,443,150],{"class":76},[70,445,153],{"class":76},[70,447,448],{"class":156},"315",[70,450,153],{"class":76},[70,452,453],{"class":146}," src",[70,455,150],{"class":76},[70,457,153],{"class":76},[70,459,460],{"class":156},"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FVIDEO-URL",[70,462,153],{"class":76},[70,464,465],{"class":146}," title",[70,467,150],{"class":76},[70,469,153],{"class":76},[70,471,472],{"class":156},"Reproductor de video de YouTube",[70,474,153],{"class":76},[70,476,477],{"class":146}," frameborder",[70,479,150],{"class":76},[70,481,153],{"class":76},[70,483,484],{"class":156},"0",[70,486,153],{"class":76},[70,488,489],{"class":146}," allow",[70,491,150],{"class":76},[70,493,153],{"class":76},[70,495,496],{"class":156},"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",[70,498,153],{"class":76},[70,500,501],{"class":146}," allowfullscreen",[70,503,166],{"class":76},[70,505,426],{"class":80},[70,507,171],{"class":76},[49,509,511],{"id":510},"insertar-un-mapa-de-google","Insertar un mapa de Google",[11,513,514],{},"Puedes mostrar varios mapas de Google buscando las direcciones en Google Maps, haciendo clic en Compartir > Insertar un mapa y copiando la etiqueta iframe. Después, ve a tu página de aterrizaje y pega la etiqueta iframe. Por ejemplo:",[60,516,518],{"className":62,"code":517,"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,519,520],{"__ignoreMap":65},[70,521,522,524,526,528,530,532,535,537,539,541,543,546,548,550,552,554,557,559,562,564,566,569,571,573,575,578,581,583,585,587,589,592,594,596,599,601,603,605],{"class":72,"line":73},[70,523,77],{"class":76},[70,525,426],{"class":80},[70,527,453],{"class":146},[70,529,150],{"class":76},[70,531,153],{"class":76},[70,533,534],{"class":156},"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,536,153],{"class":76},[70,538,429],{"class":146},[70,540,150],{"class":76},[70,542,153],{"class":76},[70,544,545],{"class":156},"600",[70,547,153],{"class":76},[70,549,441],{"class":146},[70,551,150],{"class":76},[70,553,153],{"class":76},[70,555,556],{"class":156},"450",[70,558,153],{"class":76},[70,560,561],{"class":146}," style",[70,563,150],{"class":76},[70,565,153],{"class":76},[70,567,568],{"class":156},"border:0;",[70,570,153],{"class":76},[70,572,501],{"class":146},[70,574,150],{"class":76},[70,576,577],{"class":76},"\"\"",[70,579,580],{"class":146}," loading",[70,582,150],{"class":76},[70,584,153],{"class":76},[70,586,29],{"class":156},[70,588,153],{"class":76},[70,590,591],{"class":146}," referrerpolicy",[70,593,150],{"class":76},[70,595,153],{"class":76},[70,597,598],{"class":156},"no-referrer-when-downgrade",[70,600,153],{"class":76},[70,602,166],{"class":76},[70,604,426],{"class":80},[70,606,171],{"class":76},[81,608,609],{},"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":611,"depth":611,"links":612},3,[613,615,616,617,618,619,620],{"id":51,"depth":614,"text":52},4,{"id":184,"depth":614,"text":185},{"id":234,"depth":614,"text":235},{"id":284,"depth":614,"text":285},{"id":330,"depth":614,"text":331},{"id":410,"depth":614,"text":411},{"id":510,"depth":614,"text":511},"Crear, seguir y gestionar","Usa HTML para agregar divisores, llamados a la acción y más a tu digital link","md",{},true,"\u002Fes\u002Fcentro-de-ayuda\u002Fcomo-usar-html-para-personalizar-una-pagina-de-aterrizaje",{"title":5,"description":622},"\u002Fes\u002Fcentro-de-ayuda\u002Fcomo-usar-html-para-personalizar-una-pagina-de-aterrizaje\u002F","es\u002Fcentro-de-ayuda\u002Fcómo-usar-html-para-personalizar-una-página-de-aterrizaje","oQqqqluLfNz4XzZkW-G2QGMuNaw6rJqj-E7iLaeRE1w",[],1785349694980]