[{"data":1,"prerenderedAt":635},["ShallowReactive",2],{"page-\u002Fzh-hans\u002Fhelp-center\u002Fhow-to-use-html-to-customize-a-landing-page":3,"related-\u002Fzh-hans\u002Fhelp-center\u002Fhow-to-use-html-to-customize-a-landing-page":634},{"id":4,"title":5,"author":6,"body":7,"category":623,"description":624,"extension":625,"heading":626,"heroImage":626,"heroImageAlt":626,"layout":626,"meta":627,"navigation":628,"ogImage":626,"path":629,"publishedAt":626,"sections":626,"seo":630,"sourcePath":631,"stem":632,"updatedAt":626,"videoPosition":626,"videos":626,"__hash__":633},"pages\u002Fzh-hans\u002Fhelp-center\u002Fhow-to-use-html-to-customize-a-landing-page.md","如何使用 HTML 自定义落地页","Mia",{"type":8,"value":9,"toc":612},"minimark",[10,19,22,30,41,45,48,52,55,58,171,174,177,181,184,187,190,227,230,233,236,239,272,279,283,286,289,322,325,328,331,338,372,378,411,414,417,510,514,517,609],[11,12,13,14,18],"p",{},"您可以使用 ",[15,16,17],"strong",{},"HTML 编辑器","对落地页进行全面自定义。",[11,20,21],{},"在您的落地页中添加一个 HTML 编辑器。",[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],{},"点击其",[15,34,35],{},"三点菜单","，然后点击 ",[15,38,39],{},"\u003C\u002F> 图标","切换到 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],{},"以下是一些可添加内容的示例：",[49,50,51],"h4",{"id":51},"分隔线",[11,53,54],{},"您可以在内容之间添加线条或分隔线。",[11,56,57],{},"添加以下代码：",[59,60,65],"pre",{"className":61,"code":62,"language":63,"meta":64,"style":64},"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","",[66,67,68],"code",{"__ignoreMap":64},[69,70,73,77,81,84,87,90,94,97,101,105,108,111,114,117,119,122,124,127,129,132,135,137,140,143,147,150,153,156,158,160,163,166,168],"span",{"class":71,"line":72},"line",1,[69,74,76],{"class":75},"sMK4o","\u003C",[69,78,80],{"class":79},"swJcz","style",[69,82,83],{"class":75},">.",[69,85,71],{"class":86},"sBMFI",[69,88,89],{"class":75}," {",[69,91,93],{"class":92},"sqsOY","border-top",[69,95,96],{"class":75},":",[69,98,100],{"class":99},"sbssI"," 3px",[69,102,104],{"class":103},"sTEyZ"," solid ",[69,106,107],{"class":75},"#",[69,109,110],{"class":103},"000000",[69,112,113],{"class":75},";",[69,115,116],{"class":92},"width",[69,118,96],{"class":75},[69,120,121],{"class":99}," 100%",[69,123,113],{"class":75},[69,125,126],{"class":92},"margin",[69,128,96],{"class":75},[69,130,131],{"class":99}," 0",[69,133,134],{"class":75},";}\u003C\u002F",[69,136,80],{"class":79},[69,138,139],{"class":75},">\u003C",[69,141,142],{"class":79},"div",[69,144,146],{"class":145},"spNyl"," class",[69,148,149],{"class":75},"=",[69,151,152],{"class":75},"\"",[69,154,71],{"class":155},"sfazB",[69,157,152],{"class":75},[69,159,139],{"class":75},[69,161,162],{"class":79},"br",[69,164,165],{"class":75},">\u003C\u002F",[69,167,142],{"class":79},[69,169,170],{"class":75},">\n",[11,172,173],{},"通过 \"border-top:\" 可以设置线条的高度（以像素为单位）。",[11,175,176],{},"通过 \"solid #\" 可以使用十六进制颜色代码设置其颜色。",[23,178],{"src":179,"alt":180,"width":27,"height":28,"loading":29},"\u002Fimages\u002Fhelp-center\u002Fhow-to-use-html-to-customize-a-landing-page-3.png","HTML 3",[49,182,183],{"id":183},"拨打电话链接",[11,185,186],{},"您可以创建一个链接，让用户直接在设备上发起电话呼叫。",[11,188,189],{},"在用于打开电话应用的提示文字（致电我们）上添加带有目标电话号码的 \"href\" 属性。例如：",[59,191,193],{"className":61,"code":192,"language":63,"meta":64,"style":64},"\u003Ca href=\"tel:+1234567890\">致电我们\u003C\u002Fa>\n",[66,194,195],{"__ignoreMap":64},[69,196,197,199,202,205,207,209,212,214,217,220,223,225],{"class":71,"line":72},[69,198,76],{"class":75},[69,200,201],{"class":79},"a",[69,203,204],{"class":145}," href",[69,206,149],{"class":75},[69,208,152],{"class":75},[69,210,211],{"class":155},"tel:+1234567890",[69,213,152],{"class":75},[69,215,216],{"class":75},">",[69,218,219],{"class":103},"致电我们",[69,221,222],{"class":75},"\u003C\u002F",[69,224,201],{"class":79},[69,226,170],{"class":75},[11,228,229],{},"将 \"+1234567890\" 替换为相应的电话号码。\"+\" 号表示国际拨号代码。",[49,231,232],{"id":232},"发送电子邮件链接",[11,234,235],{},"您可以创建一个链接，让用户直接在设备上向指定地址发送电子邮件。",[11,237,238],{},"在用于打开邮件应用的提示文字（发送邮件）上添加带有目标地址的 \"href\" 属性。例如：",[59,240,242],{"className":61,"code":241,"language":63,"meta":64,"style":64},"\u003Ca href=\"mailto:abc@example.com\">发送邮件\u003C\u002Fa>\n",[66,243,244],{"__ignoreMap":64},[69,245,246,248,250,252,254,256,259,261,263,266,268,270],{"class":71,"line":72},[69,247,76],{"class":75},[69,249,201],{"class":79},[69,251,204],{"class":145},[69,253,149],{"class":75},[69,255,152],{"class":75},[69,257,258],{"class":155},"mailto:abc@example.com",[69,260,152],{"class":75},[69,262,216],{"class":75},[69,264,265],{"class":103},"发送邮件",[69,267,222],{"class":75},[69,269,201],{"class":79},[69,271,170],{"class":75},[11,273,274,275,278],{},"将 \"",[201,276,277],{"href":258},"abc@example.com","\" 替换为相应的电子邮件地址。",[49,280,282],{"id":281},"发送-whatsapp-消息链接","发送 WhatsApp 消息链接",[11,284,285],{},"您可以创建一个链接，让用户直接在设备上向指定的 WhatsApp 号码发送消息。",[11,287,288],{},"在用于打开 WhatsApp 应用的提示文字（通过 WhatsApp 联系我们）上添加带有目标 WhatsApp 号码的 \"href\" 属性。您还可以选择在 \"?text=\" 之后添加要发送的消息（这是一条消息）。例如：",[59,290,292],{"className":61,"code":291,"language":63,"meta":64,"style":64},"\u003Ca href=\"https:\u002F\u002Fwa.me\u002F+1234567890?text=这是一条消息\">通过 WhatsApp 联系我们\u003C\u002Fa>\n",[66,293,294],{"__ignoreMap":64},[69,295,296,298,300,302,304,306,309,311,313,316,318,320],{"class":71,"line":72},[69,297,76],{"class":75},[69,299,201],{"class":79},[69,301,204],{"class":145},[69,303,149],{"class":75},[69,305,152],{"class":75},[69,307,308],{"class":155},"https:\u002F\u002Fwa.me\u002F+1234567890?text=这是一条消息",[69,310,152],{"class":75},[69,312,216],{"class":75},[69,314,315],{"class":103},"通过 WhatsApp 联系我们",[69,317,222],{"class":75},[69,319,201],{"class":79},[69,321,170],{"class":75},[11,323,324],{},"将 \"+1234567890\" 替换为相应的 WhatsApp 号码。",[49,326,327],{"id":327},"跳转到指定位置的链接",[11,329,330],{},"您可以创建一个链接，让用户直接跳转到落地页中的指定部分。",[332,333,334],"ol",{},[335,336,337],"li",{},"为目标元素（第 1 部分）添加 \"id\" 属性。建议元素名称与 id（section1）保持一致。例如：",[59,339,341],{"className":61,"code":340,"language":63,"meta":64,"style":64},"\u003Ca id=\"section1\">第 1 部分\u003C\u002Fa>\n",[66,342,343],{"__ignoreMap":64},[69,344,345,347,349,352,354,356,359,361,363,366,368,370],{"class":71,"line":72},[69,346,76],{"class":75},[69,348,201],{"class":79},[69,350,351],{"class":145}," id",[69,353,149],{"class":75},[69,355,152],{"class":75},[69,357,358],{"class":155},"section1",[69,360,152],{"class":75},[69,362,216],{"class":75},[69,364,365],{"class":103},"第 1 部分",[69,367,222],{"class":75},[69,369,201],{"class":79},[69,371,170],{"class":75},[332,373,375],{"start":374},2,[335,376,377],{},"在用于跳转到目标元素的提示文字（前往第 1 部分）上，使用第 1 步中创建的 id（#section1）添加 \"href\" 属性。例如：",[59,379,381],{"className":61,"code":380,"language":63,"meta":64,"style":64},"\u003Ca href=\"#section1\">前往第 1 部分\u003C\u002Fa>\n",[66,382,383],{"__ignoreMap":64},[69,384,385,387,389,391,393,395,398,400,402,405,407,409],{"class":71,"line":72},[69,386,76],{"class":75},[69,388,201],{"class":79},[69,390,204],{"class":145},[69,392,149],{"class":75},[69,394,152],{"class":75},[69,396,397],{"class":155},"#section1",[69,399,152],{"class":75},[69,401,216],{"class":75},[69,403,404],{"class":103},"前往第 1 部分",[69,406,222],{"class":75},[69,408,201],{"class":79},[69,410,170],{"class":75},[49,412,413],{"id":413},"嵌入视频",[11,415,416],{},"只要 YouTube、Vimeo 等在线视频平台提供嵌入选项（\"iframe\" 标签），您就可以在落地页中展示其视频。复制该标签后，进入您的落地页并粘贴 \"iframe\" 标签。例如：",[59,418,420],{"className":61,"code":419,"language":63,"meta":64,"style":64},"\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",[66,421,422],{"__ignoreMap":64},[69,423,424,426,429,432,434,436,439,441,444,446,448,451,453,456,458,460,463,465,468,470,472,475,477,480,482,484,487,489,492,494,496,499,501,504,506,508],{"class":71,"line":72},[69,425,76],{"class":75},[69,427,428],{"class":79},"iframe",[69,430,431],{"class":145}," width",[69,433,149],{"class":75},[69,435,152],{"class":75},[69,437,438],{"class":155},"560",[69,440,152],{"class":75},[69,442,443],{"class":145}," height",[69,445,149],{"class":75},[69,447,152],{"class":75},[69,449,450],{"class":155},"315",[69,452,152],{"class":75},[69,454,455],{"class":145}," src",[69,457,149],{"class":75},[69,459,152],{"class":75},[69,461,462],{"class":155},"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FVIDEO-URL",[69,464,152],{"class":75},[69,466,467],{"class":145}," title",[69,469,149],{"class":75},[69,471,152],{"class":75},[69,473,474],{"class":155},"YouTube video player",[69,476,152],{"class":75},[69,478,479],{"class":145}," frameborder",[69,481,149],{"class":75},[69,483,152],{"class":75},[69,485,486],{"class":155},"0",[69,488,152],{"class":75},[69,490,491],{"class":145}," allow",[69,493,149],{"class":75},[69,495,152],{"class":75},[69,497,498],{"class":155},"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",[69,500,152],{"class":75},[69,502,503],{"class":145}," allowfullscreen",[69,505,165],{"class":75},[69,507,428],{"class":79},[69,509,170],{"class":75},[49,511,513],{"id":512},"嵌入-google-地图","嵌入 Google 地图",[11,515,516],{},"您可以展示多个 Google 地图：在 Google 地图中搜索地址，点击“分享 > 嵌入地图”，然后复制 \"iframe\" 标签。之后，进入您的落地页并粘贴 \"iframe\" 标签。例如：",[59,518,520],{"className":61,"code":519,"language":63,"meta":64,"style":64},"\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",[66,521,522],{"__ignoreMap":64},[69,523,524,526,528,530,532,534,537,539,541,543,545,548,550,552,554,556,559,561,564,566,568,571,573,575,577,580,583,585,587,589,591,594,596,598,601,603,605,607],{"class":71,"line":72},[69,525,76],{"class":75},[69,527,428],{"class":79},[69,529,455],{"class":145},[69,531,149],{"class":75},[69,533,152],{"class":75},[69,535,536],{"class":155},"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",[69,538,152],{"class":75},[69,540,431],{"class":145},[69,542,149],{"class":75},[69,544,152],{"class":75},[69,546,547],{"class":155},"600",[69,549,152],{"class":75},[69,551,443],{"class":145},[69,553,149],{"class":75},[69,555,152],{"class":75},[69,557,558],{"class":155},"450",[69,560,152],{"class":75},[69,562,563],{"class":145}," style",[69,565,149],{"class":75},[69,567,152],{"class":75},[69,569,570],{"class":155},"border:0;",[69,572,152],{"class":75},[69,574,503],{"class":145},[69,576,149],{"class":75},[69,578,579],{"class":75},"\"\"",[69,581,582],{"class":145}," loading",[69,584,149],{"class":75},[69,586,152],{"class":75},[69,588,29],{"class":155},[69,590,152],{"class":75},[69,592,593],{"class":145}," referrerpolicy",[69,595,149],{"class":75},[69,597,152],{"class":75},[69,599,600],{"class":155},"no-referrer-when-downgrade",[69,602,152],{"class":75},[69,604,165],{"class":75},[69,606,428],{"class":79},[69,608,170],{"class":75},[80,610,611],{},"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":64,"searchDepth":613,"depth":613,"links":614},3,[615,617,618,619,620,621,622],{"id":51,"depth":616,"text":51},4,{"id":183,"depth":616,"text":183},{"id":232,"depth":616,"text":232},{"id":281,"depth":616,"text":282},{"id":327,"depth":616,"text":327},{"id":413,"depth":616,"text":413},{"id":512,"depth":616,"text":513},"创建、跟踪与管理","使用 HTML 为您的数字链接添加分隔线、行动号召按钮等内容","md",null,{},true,"\u002Fzh-hans\u002Fhelp-center\u002Fhow-to-use-html-to-customize-a-landing-page",{"title":5,"description":624},"\u002Fzh-hans\u002Fhelp-center\u002Fhow-to-use-html-to-customize-a-landing-page\u002F","zh-hans\u002Fhelp-center\u002Fhow-to-use-html-to-customize-a-landing-page","eszaDrPg7R3IO6DC6H3bTcomlO9CTVmreV4Ou6w6YCM",[],1790247900704]