{"id":5227,"date":"2021-08-19T09:20:26","date_gmt":"2021-08-19T12:20:26","guid":{"rendered":"https:\/\/herospark.com\/blog\/?p=5227"},"modified":"2025-04-22T16:03:41","modified_gmt":"2025-04-22T19:03:41","slug":"como-fazer-uma-landing-page","status":"publish","type":"post","link":"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/","title":{"rendered":"Como fazer uma landing page: passo a passo [GR\u00c1TIS]"},"content":{"rendered":"\n<p>Se voc\u00ea \u00e9 um produtor de conte\u00fado digital, provavelmente j\u00e1 deve ter escutado falar sobre como \u00e9 importante fazer uma landing page para atrair novos clientes, n\u00e3o \u00e9 verdade? Afinal, essa \u00e9 uma ferramenta indispens\u00e1vel para obter sucesso no marketing digital.<\/p>\n\n\n\n<p>Mas voc\u00ea sabe como fazer uma landing page? Conhece as melhores pr\u00e1ticas para criar uma p\u00e1gina de alta convers\u00e3o?<\/p>\n\n\n\n<p>Se a resposta for \u201cn\u00e3o\u201d, mas voc\u00ea acredita que precisa escalar os resultados do seu infoproduto, ent\u00e3o este conte\u00fado \u00e9 para voc\u00ea.&nbsp;<\/p>\n\n\n\n<p>Acompanhe o passo a passo neste artigo e veja como \u00e9 poss\u00edvel incluir essa ferramenta no seu planejamento de vendas mais r\u00e1pido do que voc\u00ea imagina. Boa leitura!<\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>Crie uma conta gratuita na HeroSpark e aprenda na pr\u00e1tica<\/strong><\/p>\n\n\n\n<div class=\"wp-block-leadin-hubspot-form-block\">\n\t\t\t\t\t<script>\n\t\t\t\t\t\twindow.hsFormsOnReady = window.hsFormsOnReady || [];\n\t\t\t\t\t\twindow.hsFormsOnReady.push(()=>{\n\t\t\t\t\t\t\thbspt.forms.create({\n\t\t\t\t\t\t\t\tportalId: 734319,\n\t\t\t\t\t\t\t\tformId: \"da4b7d7d-16bd-49b3-993f-84e4da66838c\",\n\t\t\t\t\t\t\t\ttarget: \"#hbspt-form-1778276142000-4701126750\",\n\t\t\t\t\t\t\t\tregion: \"na1\",\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t})});\n\t\t\t\t\t<\/script>\n\t\t\t\t\t<div class=\"hbspt-form\" id=\"hbspt-form-1778276142000-4701126750\"><\/div><\/div>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_45_2 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">O que voc&ecirc; ver&aacute;:<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"ez-toc-toggle-icon-1\"><label for=\"item-69fe572ece235\" aria-label=\"Table of Content\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><input style='display:none' type=\"checkbox\" id=\"item-69fe572ece235\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#O_que_e_uma_landing_page\" title=\"O que \u00e9 uma landing page?\">O que \u00e9 uma landing page?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#Quanto_custa_fazer_uma_landing_page\" title=\"Quanto custa fazer uma landing page?\">Quanto custa fazer uma landing page?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#Como_fazer_uma_landing_page_na_HeroSpark\" title=\"Como fazer uma landing page na HeroSpark?\">Como fazer uma landing page na HeroSpark?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#Quais_sao_os_elementos_principais_de_uma_landing_page\" title=\"Quais s\u00e3o os elementos principais de uma landing page?\">Quais s\u00e3o os elementos principais de uma landing page?<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#Titulo_e_apresentacao\" title=\"T\u00edtulo e apresenta\u00e7\u00e3o\">T\u00edtulo e apresenta\u00e7\u00e3o<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#Informacoes_adicionais_sobre_seu_produto_digital\" title=\"Informa\u00e7\u00f5es adicionais sobre seu produto digital\">Informa\u00e7\u00f5es adicionais sobre seu produto digital<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#Apresentacao_do_autor\" title=\"Apresenta\u00e7\u00e3o do autor\">Apresenta\u00e7\u00e3o do autor<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#Formulario\" title=\"Formul\u00e1rio\">Formul\u00e1rio<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#Call_to_action\" title=\"Call to action\">Call to action<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#Rodape\" title=\"Rodap\u00e9\">Rodap\u00e9<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#Como_fazer_uma_landing_page_de_sucesso_10_dicas\" title=\"Como fazer uma landing page de sucesso: 10 dicas\">Como fazer uma landing page de sucesso: 10 dicas<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#1_Crie_titulos_irresistiveis\" title=\"1. Crie t\u00edtulos irresist\u00edveis\">1. Crie t\u00edtulos irresist\u00edveis<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#2_Destaque_textos_especificos\" title=\"2. Destaque textos espec\u00edficos\">2. Destaque textos espec\u00edficos<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#3_Inclua_depoimentos\" title=\"3. Inclua depoimentos\u00a0\">3. Inclua depoimentos\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#5_Utilize_videos\" title=\"5. Utilize v\u00eddeos\">5. Utilize v\u00eddeos<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#6_Coloque_mais_de_um_botao_de_Call_to_Action\" title=\"6. Coloque mais de um bot\u00e3o de Call to Action\">6. Coloque mais de um bot\u00e3o de Call to Action<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#7_Peca_apenas_informacoes_necessarias_no_formulario\" title=\"7. Pe\u00e7a apenas informa\u00e7\u00f5es necess\u00e1rias no formul\u00e1rio\">7. Pe\u00e7a apenas informa\u00e7\u00f5es necess\u00e1rias no formul\u00e1rio<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#Formatos_de_thank_you_page\" title=\"Formatos de thank you page\">Formatos de thank you page<\/a><ul class='ez-toc-list-level-4'><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#Thank_you_page_com_ofertas_relacionados\" title=\"Thank you page com ofertas relacionados\">Thank you page com ofertas relacionados<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#Thank_you_page_com_formulario_para_teste_gratis_trial\" title=\"Thank you page com formul\u00e1rio para teste gr\u00e1tis (trial)\">Thank you page com formul\u00e1rio para teste gr\u00e1tis (trial)<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/#Qual_a_melhor_landing_page_gratuita\" title=\"Qual a melhor landing page gratuita?\">Qual a melhor landing page gratuita?<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"O_que_e_uma_landing_page\"><\/span>O que \u00e9 uma landing page?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>As landing pages, tamb\u00e9m chamadas de <a href=\"https:\/\/herospark.com\/blog\/landing-page\/\">p\u00e1ginas de destino<\/a> ou de aterrisagem, s\u00e3o <strong>p\u00e1ginas que possuem todos os elementos voltados \u00e0 convers\u00e3o<\/strong> do visitante em lead, oportunidade ou cliente. <\/p>\n\n\n\n<p>Os tipos de landing page mais comuns no mercado s\u00e3o:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/herospark.com\/blog\/pagina-de-captura\">P\u00e1gina de captura<\/a>: disponibiliza algum material gratuito e um formul\u00e1rio de cadastro. Quando o visitante faz o cadastro, ele \u00e9 redirecionado para outra p\u00e1gina.<\/li>\n\n\n\n<li><a href=\"https:\/\/herospark.com\/blog\/thank-you-page\/\">P\u00e1gina de agradecimento<\/a>: sequ\u00eancia da p\u00e1gina de captura. \u00c9 onde a pessoa que preencheu o cadastro recebe o acesso ou link para download do material gratuito.<\/li>\n\n\n\n<li><a href=\"https:\/\/herospark.com\/blog\/pagina-de-vendas\">P\u00e1gina de vendas<\/a>: p\u00e1gina de oferta de um produto que cont\u00e9m informa\u00e7\u00f5es sobre ele e sobre o seu pagamento, bem como o link para compra.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Quanto_custa_fazer_uma_landing_page\"><\/span>Quanto custa fazer uma landing page?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>O pre\u00e7o para criar uma landing page varia muito.&nbsp;<\/p>\n\n\n\n<p>Basicamente, existem duas formas de <a href=\"https:\/\/herospark.com\/blog\/landing-page-gratis\/\">criar uma p\u00e1gina de captura<\/a>: uma complexa e de alto custo, e outra totalmente gratuita e intuitiva.<\/p>\n\n\n\n<p>A primeira delas \u00e9 contratando um programador, que pode estruturar uma p\u00e1gina na web conforme a sua necessidade, como:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Gerar leads<\/li>\n\n\n\n<li>Agradecimento<\/li>\n\n\n\n<li>Oferta direta<\/li>\n\n\n\n<li>P\u00e1gina de vendas<\/li>\n<\/ol>\n\n\n\n<p>Voc\u00ea n\u00e3o tem nenhum esfor\u00e7o, mas \u00e9 mais caro e demorado. Afinal, contratar um programador exige um bom investimento e muitas horas de trabalho.&nbsp;<\/p>\n\n\n\n<p>Atualmente, \u00e9 poss\u00edvel encontrar servi\u00e7os de cria\u00e7\u00e3o de landing page com <strong>pre\u00e7os que variam de R$497 a R$7.900.<\/strong><\/p>\n\n\n\n<p>A segunda forma de como criar uma landing page \u00e9 pela ferramenta da HeroSpark. Com ela, voc\u00ea tamb\u00e9m pode criar uma p\u00e1gina conforme a sua necessidade, de acordo com as quatro op\u00e7\u00f5es citadas acima, mas n\u00e3o precisa saber programar.&nbsp;<\/p>\n\n\n\n<p>Basta realizar seu cadastro e usar os layouts e <strong>ferramentas gratuitas <\/strong>para criar landing page conforme a sua necessidade. E o melhor: voc\u00ea pode editar sempre que quiser.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_fazer_uma_landing_page_na_HeroSpark\"><\/span><span style=\"font-weight: 400\">Como fazer uma landing page na HeroSpark?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n    <div\n      style=\"background: #262626; background-size: cover; background-position: top center; padding: 20px 30px; text-align: center;\"\n    ><p\n        style=\"color: white; font-size: 2rem; font-weight: bold; margin: 0; margin-top: 10px;\"\n      >Aprenda a fazer uma landing page na pr\u00e1tica\n      <\/p>\n      <p\n        style=\"color: white; font-size: 1.2rem; margin: 20px 0;\"\n      >Para acompanhar e fazer o passo a passo abaixo, voc\u00ea precisar\u00e1 de uma conta <strong>GRATUITA <\/strong>na HeroSpark. O ideal \u00e9 seguir o passo a passo dentro da plataforma. Assim, aprende melhor mais r\u00e1pido!<\/p>\n      \n      <a\n        href=\"\/\/app.herospark.com\/signup\/\"\n        target=\"_blank\"\n        style=\"background: #FF305C; border: 2px solid #FF305C; color: white; text-decoration: none; padding: 8px 16px; display: inline-block;\"\n      >Criar a conta gratuitamente<\/a>\n    \n    <\/div>\n  \n\n\n\n<p>Uma das funcionalidades da HeroSpark \u00e9 o construtor de landing pages, que est\u00e1 dentro da \u00e1rea \u201cFunis\u201d, localizada na lateral esquerda da plataforma.&nbsp;<\/p>\n\n\n\n<p>A seguir, voc\u00ea encontra um passo a passo detalhado de como fazer uma landing page na plataforma. Mas, caso voc\u00ea prefira, pode acompanh\u00e1-lo neste v\u00eddeo: <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Como criar LANDING PAGES QUE CONVERTEM? \u26a1\ud83e\udd11\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/16K2rp78MsI?feature=oembed&#038;enablejsapi=1&#038;origin=https:\/\/herospark.com\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Abaixo, confira um checklist r\u00e1pido de como fazer uma landing page na HeroSpark:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Crie um Funil de Captura ou de Oferta Direta e d\u00ea um nome para identificar seu projeto.<\/li>\n\n\n\n<li>Edite sua landing page adicionando sua logo, t\u00edtulo e a descri\u00e7\u00e3o do produto.<\/li>\n\n\n\n<li>Ajuste as cores do template de acordo com a identidade visual do seu produto. Aposte no contraste.&nbsp;<\/li>\n\n\n\n<li>Configure o bot\u00e3o CTA.&nbsp;<\/li>\n\n\n\n<li>Insira conte\u00fado visual para tornar a p\u00e1gina mais atraente.<\/li>\n\n\n\n<li>Adicione os links de suas redes sociais nos \u00edcones do rodap\u00e9.<\/li>\n\n\n\n<li>Edite o formul\u00e1rio de acordo com sua oferta (se for <a href=\"http:\/\/herospark.com\/blog\/pagina-de-captura\">p\u00e1gina de captura<\/a>) ou valor do produto (se for <a href=\"http:\/\/herospark.com\/blog\/pagina-de-vendas\">p\u00e1gina de vendas<\/a>).<\/li>\n<\/ol>\n\n\n\n<p>Veja detalhes do passo a passo abaixo!<\/p>\n\n\n\n<p>Para criar um novo funil, clique em \u201cNovo Funil\u201d, na parte superior direita da tela. Voc\u00ea ser\u00e1 levado para a p\u00e1gina abaixo:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img  fetchpriority=\"high\"  decoding=\"async\"  width=\"1024\"  height=\"474\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"\"  class=\"wp-image-6916 pk-lazyload\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-landing-page-1-1024x474.jpg\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-landing-page-1-1024x474.jpg 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-landing-page-1-300x139.jpg 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-landing-page-1-768x356.jpg 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-landing-page-1-1536x711.jpg 1536w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-landing-page-1-1200x556.jpg 1200w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-landing-page-1-150x69.jpg 150w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-landing-page-1.jpg 1913w\" ><\/figure>\n<\/div>\n\n\n<p><span style=\"font-weight: 400\">Para iniciar a constru\u00e7\u00e3o do seu funil, voc\u00ea deve:<\/span><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Definir qual \u00e9 o seu objetivo (\u00e9 poss\u00edvel escolher at\u00e9 dois objetivos para come\u00e7ar);<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Depois de escolher o seu objetivo, clique em \u201c<strong>Comece aqui<\/strong>\u201d;<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Na p\u00e1gina a seguir, voc\u00ea encontrar\u00e1 v\u00e1rias op\u00e7\u00f5es de funis, com diversas etapas, formatos e estrat\u00e9gias;<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Escolha o funil de sua prefer\u00eancia e clique em \u201c<strong>Usar funil<\/strong>\u201d;<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Dentro do funil, chegamos ao momento de iniciar a cria\u00e7\u00e3o da sua p\u00e1gina de captura. Clique em \u201c<strong>Editar p\u00e1gina<\/strong>\u201d para iniciar o processo.<\/span><\/li>\n<\/ol>\n\n\n\n<p><span style=\"font-weight: 400\">Voc\u00ea pode usar os templates prontos, ou, se tiver mais experi\u00eancia, editar da maneira que quiser dentro da plataforma.&nbsp;<\/span><\/p>\n\n\n\n<p><strong>Os templates prontos s\u00e3o testados e alcan\u00e7am bons n\u00fameros<\/strong>, como<strong> <span style=\"font-weight: 400\">90% de convers\u00e3o<\/span><\/strong><span style=\"font-weight: 400\"> para alguns clientes. Isso significa que, a cada 10 pessoas que acessaram a landing page, 9 baixaram o material e se tornaram leads. Incr\u00edvel, n\u00e3o \u00e9 mesmo?<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Quais_sao_os_elementos_principais_de_uma_landing_page\"><\/span>Quais s\u00e3o os elementos principais de uma landing page?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Titulo_e_apresentacao\"><\/span>T\u00edtulo e apresenta\u00e7\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>S\u00e3o as informa\u00e7\u00f5es que o leitor l\u00ea primeiro, porque aparecem no topo da p\u00e1gina.<\/p>\n\n\n\n<p>Para editar as informa\u00e7\u00f5es da landing page na HeroSpark, basta apagar os textos que j\u00e1 existem e inserir os que fa\u00e7am sentido para o seu neg\u00f3cio, como no exemplo abaixo:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img  decoding=\"async\"  width=\"1024\"  height=\"472\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"\"  class=\"wp-image-6919 pk-lazyload\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-2-1024x472.jpg\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-2-1024x472.jpg 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-2-300x138.jpg 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-2-768x354.jpg 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-2-1536x708.jpg 1536w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-2-1200x553.jpg 1200w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-2-150x69.jpg 150w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-2.jpg 1894w\" ><\/figure>\n<\/div>\n\n\n<p>Como voc\u00ea pode ver na imagem, nessa primeira parte, voc\u00ea pode adicionar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Logo;<\/li>\n\n\n\n<li>T\u00edtulo;<\/li>\n\n\n\n<li>Subt\u00edtulo (explica\u00e7\u00e3o r\u00e1pida sobre o produto);<\/li>\n\n\n\n<li>Imagem do e-book ou de algum outro produto.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Informacoes_adicionais_sobre_seu_produto_digital\"><\/span>Informa\u00e7\u00f5es adicionais sobre seu produto digital<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img  decoding=\"async\"  width=\"1024\"  height=\"483\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"\"  class=\"wp-image-6918 pk-lazyload\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-3-1024x483.jpg\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-3-1024x483.jpg 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-3-300x142.jpg 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-3-768x362.jpg 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-3-1536x725.jpg 1536w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-3-1200x566.jpg 1200w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-3-150x71.jpg 150w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-3.jpg 1901w\" ><\/figure>\n<\/div>\n\n\n<p>Nossa sugest\u00e3o \u00e9 que voc\u00ea crie um resumo de 2 a 3 par\u00e1grafos sobre o seu produto. No caso do e-book, por exemplo, essa apresenta\u00e7\u00e3o pode ser dividida em cap\u00edtulos.<\/p>\n\n\n\n<p>Com rela\u00e7\u00e3o ao texto, voc\u00ea pode editar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fonte;<\/li>\n\n\n\n<li>Cor;<\/li>\n\n\n\n<li>Tamanho;<\/li>\n\n\n\n<li>Palavras com negrito, it\u00e1lico, sublinhado, etc.<\/li>\n<\/ul>\n\n\n\n<p>Esse \u00e9 um formato testado e que d\u00e1 certo, pois mant\u00e9m as informa\u00e7\u00f5es claras e organizadas. Por\u00e9m, fique \u00e0 vontade para editar conforme a sua necessidade.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Apresentacao_do_autor\"><\/span>Apresenta\u00e7\u00e3o do autor<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img  loading=\"lazy\"  decoding=\"async\"  width=\"512\"  height=\"189\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"Tela com foto de um homem e a descri\u00e7\u00e3o da trajet\u00f3ria de um professor. Este \u00e9 o quarto passo de como criar uma landing page na HeroSpark\"  class=\"wp-image-5232 pk-lazyload\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 512px) 100vw, 512px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/landing-page-gratis-4.jpeg\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/landing-page-gratis-4.jpeg 512w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/landing-page-gratis-4-300x111.jpeg 300w\" ><\/figure>\n<\/div>\n\n\n<p>Aqui \u00e9 o momento de voc\u00ea se apresentar como professor, profissional ou produtor de conte\u00fado. Para isso, adicione:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Seu nome;<\/li>\n\n\n\n<li>\u00c1rea de atua\u00e7\u00e3o (opcional);<\/li>\n\n\n\n<li>Foto com alta qualidade;<\/li>\n\n\n\n<li>Breve resumo sobre sua trajet\u00f3ria profissional.<\/li>\n<\/ul>\n\n\n\n<p>Lembre-se de <strong>utilizar t\u00e9cnicas de <\/strong><a href=\"https:\/\/herospark.com\/blog\/copywriting\/\"><strong>copywriting<\/strong><\/a><strong> <\/strong>para se posicionar como uma refer\u00eancia no segmento e obter bons resultados.<\/p>\n\n\n\n<p>Se quiser, voc\u00ea pode alterar a cor de fundo da se\u00e7\u00e3o, ajustar largura, altura, entre outros detalhes de layout.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Formulario\"><\/span>Formul\u00e1rio<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>O formul\u00e1rio \u00e9 a chave de uma landing page. Afinal, o visitante o preenche para ter acesso a uma oferta espec\u00edfica. Logo, com ele, voc\u00ea vai recolher dados importantes sobre a pessoa.&nbsp;<\/p>\n\n\n\n<p>Mas, aten\u00e7\u00e3o: <strong>n\u00e3o exagere na quantidade de informa\u00e7\u00f5es pedidas<\/strong>. Quanto mais campos o formul\u00e1rio tiver, menores s\u00e3o as chances de convers\u00e3o.&nbsp;<\/p>\n\n\n\n<p>Se voc\u00ea seguir essa estrutura, conseguir\u00e1 aproveitar o <a href=\"https:\/\/herospark.com\/blog\/como-gerar-trafego-organico\/\">tr\u00e1fego org\u00e2nico<\/a> ou <a href=\"https:\/\/herospark.com\/blog\/trafego-pago\/\">pago<\/a> de sua p\u00e1gina para converter os visitantes em leads.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Assim, com os leads adquiridos, voc\u00ea:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Poder\u00e1 entender mais quem \u00e9 o tipo de pessoa que acessa sua p\u00e1gina;&nbsp;<\/li>\n\n\n\n<li>Conseguir\u00e1 o contato dela para enviar fluxos de <a href=\"https:\/\/herospark.com\/blog\/email-marketing\/\">e-mail marketing<\/a>;<\/li>\n\n\n\n<li>Ter\u00e1 a possibilidade de criar uma rela\u00e7\u00e3o mais pr\u00f3xima;<\/li>\n\n\n\n<li>Mostrar\u00e1 a autoridade de sua empresa ao oferecer conte\u00fados originais ou qualquer outro tipo de oferta na landing page.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Call_to_action\"><\/span>Call to action<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>A <a href=\"https:\/\/herospark.com\/blog\/cta\">chamada para a\u00e7\u00e3o<\/a> \u00e9 um elemento importante para a convers\u00e3o da landing page.<\/p>\n\n\n\n<p>O exemplo padr\u00e3o utilizado pela HeroSpark \u00e9 a frase \u201cN\u00e3o perca essa chance e garanta esse conte\u00fado agora mesmo\u201d. Mas voc\u00ea pode usar a criatividade para pensar em outras frases que instiguem seu p\u00fablico a clicar no bot\u00e3o.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img  loading=\"lazy\"  decoding=\"async\"  width=\"512\"  height=\"157\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"Imagem com o texto &quot;n\u00e3o perca essa chance e garanta esse conte\u00fado agora mesmo&quot;, e um bot\u00e3o escrito &quot;receber conte\u00fado gratuito&quot;. \u00daltimo passo de como fazer uma landing page na HeroSpark\"  class=\"wp-image-5233 pk-lazyload\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 512px) 100vw, 512px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/landing-page-gratis-5.jpeg\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/landing-page-gratis-5.jpeg 512w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/landing-page-gratis-5-300x92.jpeg 300w\" ><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Rodape\"><\/span>Rodap\u00e9<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Logo abaixo, teremos o rodap\u00e9, que \u00e9 onde ser\u00e1 aplicada mais uma vez a sua logo, al\u00e9m de bot\u00f5es para redes sociais, como Instagram, Facebook e YouTube.<\/p>\n\n\n\n<p>Mas \u00e9 claro que a landing page deve ser ainda mais extensa e completa, principalmente na HeroSpark, que oferece v\u00e1rios recursos para o infoprodutor!&nbsp;<\/p>\n\n\n\n<p>No menu esquerdo, voc\u00ea pode adicionar outras se\u00e7\u00f5es \u00e0 p\u00e1gina. Nele, temos duas op\u00e7\u00f5es:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u201cAdicionar se\u00e7\u00e3o pr\u00e9-configurada\u201d<\/strong>: se\u00e7\u00f5es pr\u00e9-prontas<\/li>\n\n\n\n<li><strong>\u201cAdicionar se\u00e7\u00e3o\u201d<\/strong>: formatos que v\u00e3o de 1 a 4 colunas para voc\u00ea configurar conforme o seu objetivo.<\/li>\n<\/ul>\n\n\n\n<p>Suponhamos que voc\u00ea deseje compartilhar os depoimentos de clientes na landing page. Para isso, basta clicar em \u201cDepoimentos\u201d, configurar com a foto e nome do seu aluno ou cliente e adicionar o texto do depoimento.&nbsp;<\/p>\n\n\n\n<p>Para escolher onde a se\u00e7\u00e3o de depoimento ficar\u00e1 posicionada na p\u00e1gina, basta arrast\u00e1-la e coloc\u00e1-la entre as se\u00e7\u00f5es desejadas.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img  loading=\"lazy\"  decoding=\"async\"  width=\"447\"  height=\"762\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"\"  class=\"wp-image-6917 pk-lazyload\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 447px) 100vw, 447px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-4.jpg\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-4.jpg 447w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-4-176x300.jpg 176w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-4-368x628.jpg 368w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/como-fazer-uma-landing-page-4-150x256.jpg 150w\" ><\/figure>\n<\/div>\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-8cf370e7 wp-block-group-is-layout-flex\">\n<p>Al\u00e9m disso, o criador de landing pages da HeroSpark tem uma barra superior com algumas op\u00e7\u00f5es, como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Visualizar como a landing page ficar\u00e1 quando for aberta em computador, tablet ou smartphone. Sim, as landings da Herospark s\u00e3o responsivas!<\/li>\n\n\n\n<li>Adicionar um <a href=\"https:\/\/herospark.com\/blog\/pixel-facebook\/\">Pixel do Facebook<\/a>;<\/li>\n\n\n\n<li>Alterar o c\u00f3digo fonte da p\u00e1gina, caso voc\u00ea j\u00e1 tenha um conhecimento mais avan\u00e7ado sobre programa\u00e7\u00e3o.<\/li>\n<\/ul>\n\n\n\n<p>Depois, \u00e9 s\u00f3 clicar em \u201cPublicar p\u00e1gina\u201d e pronto: voc\u00ea j\u00e1 pode come\u00e7ar a divulg\u00e1-la!&nbsp;<\/p>\n\n\n\n<p>Se quiser conferir como fazer a sua landing page pela HeroSpark na pr\u00e1tica, assista a este tutorial completo que preparamos para voc\u00ea:<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Como criar LANDING PAGE GR\u00c1TIS \ud83d\ude31 [ATUALIZADO]\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/PcnbwzCYEzc?start=46&#038;feature=oembed&#038;enablejsapi=1&#038;origin=https:\/\/herospark.com\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_fazer_uma_landing_page_de_sucesso_10_dicas\"><\/span>Como fazer uma landing page de sucesso: 10 dicas<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Agora, confira algumas dicas de como criar uma landing page que converte milhares de leads para o seu neg\u00f3cio:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Crie_titulos_irresistiveis\"><\/span>1. Crie t\u00edtulos irresist\u00edveis<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>O t\u00edtulo da landing page \u00e9 muito importante. Afinal, \u00e9 a primeira coisa que o usu\u00e1rio v\u00ea ao acess\u00e1-la. Seja pelo tamanho da fonte, cor, posicionamento ou frase que o comp\u00f5e, o t\u00edtulo deve ter destaque para fazer com que a pessoa queira continuar lendo a p\u00e1gina.&nbsp;<\/p>\n\n\n\n<p>Assim, ele deve ser irresist\u00edvel para que o usu\u00e1rio realmente sinta vontade de inserir os dados no formul\u00e1rio para adquirir o seu produto.&nbsp;<\/p>\n\n\n\n<p>Vamos a um exemplo:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>E-book para aprender a escrever t\u00edtulos.<\/li>\n\n\n\n<li>Guia completo para aprender a criar t\u00edtulos imposs\u00edveis de serem ignorados.<\/li>\n<\/ol>\n\n\n\n<p>Qual dos dois parece mais interessante para voc\u00ea? Certamente o segundo, n\u00e3o \u00e9 mesmo?<\/p>\n\n\n\n<p>As t\u00e9cnicas de <a href=\"https:\/\/herospark.com\/blog\/exemplos-de-copy\">copywriting<\/a> devem estar ao seu lado durante toda a constru\u00e7\u00e3o da sua landing page. Se voc\u00ea quiser saber mais sobre como criar t\u00edtulos, <strong>baixe o nosso e-book gratuito \u201c<\/strong><a href=\"https:\/\/contents.herospark.com\/ebook-67-headlines-pagina-de-vendas?_ga=2.221974684.543315226.1629130590-1978221236.1627487126&amp;_gac=1.194265951.1627512501.CjwKCAjwgISIBhBfEiwALE19SUQXccPjgNsVcpBOE-rD-IQgDIgLoLS8i9oTLJXfBoqvgJb8TgmfmRoCmYkQAvD_BwE\"><strong>67 Headlines para P\u00e1ginas de Vendas<\/strong><\/a><strong>\u201d.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Destaque_textos_especificos\"><\/span>2. Destaque textos espec\u00edficos<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Na hora de saber como criar uma landing page, \u00e9 de extrema import\u00e2ncia que haja:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Uma descri\u00e7\u00e3o do que ser\u00e1 ofertado;<\/li>\n\n\n\n<li>Os benef\u00edcios de adquirir o produto ou material;<\/li>\n\n\n\n<li>Os problemas que ser\u00e3o solucionados;<\/li>\n\n\n\n<li>E o motivo pelo qual o lead precisa daquilo.<\/li>\n<\/ul>\n\n\n\n<p>Se voc\u00ea quer que o visitante da sua p\u00e1gina realize a a\u00e7\u00e3o, \u00e9 necess\u00e1rio guiar a leitura dele de modo a convenc\u00ea-lo de que aquela oferta \u00e9 a solu\u00e7\u00e3o ideal para o seu problema.<\/p>\n\n\n\n<p>Para isso, uma \u00f3tima t\u00e9cnica \u00e9 <strong>separar trechos espec\u00edficos do texto em caixas de destaque<\/strong>, pois a pessoa que visitar a landing page ter\u00e1 a aten\u00e7\u00e3o voltada primeiramente a essas partes.<\/p>\n\n\n\n<p>Outra estrat\u00e9gia eficiente \u00e9 destacar palavras-chave ao longo do texto para que os poss\u00edveis leads batam o olho na palavra e pulem direto para a parte que os interessa.<\/p>\n\n\n\n<p>E mais: quando precisar usar termos t\u00e9cnicos, tente tornar essa linguagem mais simples. Explique o que eles significam e, se poss\u00edvel, tente interagir com o leitor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"\"  class=\" pk-lazyload\"  data-pk-sizes=\"auto\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2020\/04\/landing-page-de-sucesso-1-768x306.png\" ><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Inclua_depoimentos\"><\/span>3. Inclua depoimentos\u00a0<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Os depoimentos n\u00e3o s\u00e3o necess\u00e1rios, mas eles podem ser muito \u00fateis (desde que sejam reais, \u00e9 claro!).<\/p>\n\n\n\n<p>Quem nunca pesquisou por resenhas, leu coment\u00e1rios nas redes sociais ou conferiu avalia\u00e7\u00f5es no Google antes de comprar um produto online? Este \u00e9, inclusive, um <strong>gatilho mental, chamado de <\/strong><a href=\"https:\/\/herospark.com\/blog\/prova-social\/\"><strong>prova social<\/strong><\/a><strong>.<\/strong><\/p>\n\n\n\n<p>Portanto, aproveite para incluir depoimentos de pessoas ou empresas que usaram o seu produto ou o post de algum portal de not\u00edcias que divulgou seu material. Isso cria autoridade!<\/p>\n\n\n\n<p>Essa estrat\u00e9gia simples auxilia na credibilidade da marca diante do p\u00fablico-alvo, pois o visitante consegue perceber o qu\u00e3o \u00fatil \u00e9 o seu produto e sente-se encorajado a consumi-lo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"\"  class=\" pk-lazyload\"  data-pk-sizes=\"auto\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2020\/04\/landing-page-de-sucesso-8.jpg\" ><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Utilize_videos\"><\/span>5. Utilize v\u00eddeos<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Uma \u00f3tima maneira de complementar a explica\u00e7\u00e3o, caso a descri\u00e7\u00e3o de sua oferta seja complexa de construir em formato de texto, \u00e9 adicionar um v\u00eddeo sobre o assunto.&nbsp;<\/p>\n\n\n\n<p>Inclusive, por ser um formato mais din\u00e2mico e visual, <strong>a taxa de convers\u00e3o para landing pages com v\u00eddeos \u00e9 geralmente maior.<\/strong><\/p>\n\n\n\n<p>Nesse sentido, o v\u00eddeo pode:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Apresentar uma oferta;<\/li>\n\n\n\n<li>Responder d\u00favidas frequentes;<\/li>\n\n\n\n<li>Apresentar um tutorial;<\/li>\n\n\n\n<li>Apresentar provas sociais;<\/li>\n\n\n\n<li>Ou o que voc\u00ea achar mais adequado para o seu tipo de neg\u00f3cio.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"\"  class=\" pk-lazyload\"  data-pk-sizes=\"auto\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2020\/04\/landing-page-de-sucesso-9-768x306.jpg\" ><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"6_Coloque_mais_de_um_botao_de_Call_to_Action\"><\/span>6. Coloque mais de um bot\u00e3o de Call to Action<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Os bot\u00f5es de <a href=\"https:\/\/herospark.com\/blog\/cta\/\">CTAs<\/a>, ou Call to Action, s\u00e3o os lugares em que o lead ir\u00e1 clicar ap\u00f3s preencher o formul\u00e1rio para acessar \u00e0 oferta. Logo, a CTA escrita no bot\u00e3o tamb\u00e9m \u00e9 um dos fatores decisivos na hora de convencer o visitante.<\/p>\n\n\n\n<p>Ent\u00e3o, se a sua landing page for longa, um diferencial \u00e9, ao longo da descri\u00e7\u00e3o, ir colocando CTAs para refor\u00e7ar a informa\u00e7\u00e3o e facilitar o acesso ao formul\u00e1rio. Isso auxilia a pessoa que j\u00e1 tenha interesse logo no in\u00edcio, pois ela n\u00e3o precisa descer toda a p\u00e1gina.<\/p>\n\n\n\n<p>Outro detalhe importante \u00e9 utilizar CTAs que fazem com que o visitante sinta que ele tem o poder de decis\u00e3o, por exemplo: \u201cEu quero adquirir o <a href=\"https:\/\/herospark.com\/blog\/ebook\/\">e-book<\/a> gratuito\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"\"  class=\" pk-lazyload\"  data-pk-sizes=\"auto\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2020\/04\/landing-page-de-sucesso-10.jpg\" ><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"7_Peca_apenas_informacoes_necessarias_no_formulario\"><\/span>7. Pe\u00e7a apenas informa\u00e7\u00f5es necess\u00e1rias no formul\u00e1rio<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Imagine se, para baixar um e-book, voc\u00ea precisasse inserir endere\u00e7o, profiss\u00e3o, sexo, entre outras informa\u00e7\u00f5es. Se n\u00e3o estivesse com muito tempo livre ou n\u00e3o estivesse muito interessado, provavelmente desistiria no meio do caminho, n\u00e3o \u00e9 mesmo?&nbsp;<\/p>\n\n\n\n<p>Por isso, na maioria dos casos,<strong> pedir nome e e-mail \u00e9 o suficiente.&nbsp;<\/strong><\/p>\n\n\n\n<p>Afinal, al\u00e9m do inc\u00f4modo de preencher v\u00e1rios campos, sair por a\u00ed fornecendo diversas informa\u00e7\u00f5es para um \u201cdesconhecido\u201d parece ser a maior roubada, n\u00e3o \u00e9 mesmo?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Formatos_de_thank_you_page\"><\/span>Formatos de thank you page<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Existem dois formatos interessantes na hora de criar uma thank you page. Vamos apresent\u00e1-los e voc\u00ea pode escolher o que mais se adapta ao seu neg\u00f3cio.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Thank_you_page_com_ofertas_relacionados\"><\/span>Thank you page com ofertas relacionados<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Voc\u00ea j\u00e1 conseguiu fazer o lead se interessar por uma promo\u00e7\u00e3o. Ent\u00e3o, por que n\u00e3o aproveitar o contato para oferecer mais produtos e servi\u00e7os relacionados ao que ele j\u00e1 consumiu?&nbsp;<\/p>\n\n\n\n<p>Na mesma mensagem de agradecimento, apresente mais ofertas ao destinat\u00e1rio da mensagem. Para isso, chame a aten\u00e7\u00e3o do leitor para a oferta por meio de t\u00edtulos interessantes e<strong> coloque os links de acesso \u00e0 oferta.<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Thank_you_page_com_formulario_para_teste_gratis_trial\"><\/span>Thank you page com formul\u00e1rio para teste gr\u00e1tis (trial)<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Quem n\u00e3o se interessa por um \u201cteste gr\u00e1tis\u201d? Essas mensagens geralmente s\u00e3o bem atrativas, ainda mais se forem de um produto que desejamos. Para aproveitar essa situa\u00e7\u00e3o, voc\u00ea envia um formul\u00e1rio para trial na p\u00e1gina de agradecimento.<\/p>\n\n\n\n<p>Esse formato \u00e9 indicado para quando o seu neg\u00f3cio est\u00e1 oferecendo um atendimento exclusivo, um per\u00edodo de trial, uma avalia\u00e7\u00e3o gratuita ou algo do g\u00eanero.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Qual_a_melhor_landing_page_gratuita\"><\/span>Qual a melhor landing page gratuita?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>A melhor landing page gratuita \u00e9 na HeroSpark<\/strong>! Nessa plataforma, \u00e9 poss\u00edvel criar p\u00e1ginas de alta convers\u00e3o sem precisar ter conhecimento em programa\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p>Afinal, o sistema de \u201carrasta e solta\u201d \u00e9 super intuitivo e f\u00e1cil de operar. Isso sem falar que na ferramenta da Hero voc\u00ea encontra templates pr\u00e9-prontos e edit\u00e1veis. Ou seja, \u00e9 s\u00f3 modific\u00e1-los com as informa\u00e7\u00f5es do seu neg\u00f3cio.&nbsp;<\/p>\n\n\n\n<p>Portanto, como voc\u00ea viu, as landing pages abrem um leque de possibilidades para garantir um <strong>desempenho de alta performance do seu infoproduto<\/strong>: atraem leads, aumentam sua base de contatos e possibilitam grandes taxas de convers\u00e3o.<\/p>\n\n\n\n<p>Ent\u00e3o, se voc\u00ea quer incluir essa ferramenta poderosa na sua estrat\u00e9gia de vendas, n\u00e3o precisa esperar mais nada.&nbsp;<\/p>\n\n\n\n<p>A HeroSpark \u00e9 uma plataforma que oferece tudo o que voc\u00ea precisa para construir um funil de vendas e aprender como criar uma landing page com template de alta convers\u00e3o gratuitamente. Por isso, <a href=\"http:\/\/app.herospark.com\/signup\">comece agora mesmo<\/a> a acelerar os seus resultados no digital!<\/p>\n","protected":false},"excerpt":{"rendered":"Se voc&ecirc; &eacute; um produtor de conte&uacute;do digital, provavelmente j&aacute; deve ter escutado falar sobre como &eacute; importante fazer uma landing page para atrair novos clientes, n&atilde;o &eacute; verdade? Afinal,&hellip;\n","protected":false},"author":63,"featured_media":5228,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[23,2454],"tags":[3301,31,34],"yst_prominent_words":[1303,160,449,1261,1092,120,1266,218,1824,585,516,65,189],"class_list":{"0":"post-5227","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-funil-de-vendas","8":"category-landing-page","9":"tag-como-fazer-uma-landing-page","10":"tag-landing-page","11":"tag-landing-page-gratis"},"acf":[],"uagb_featured_image_src":{"full":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE.jpg",1200,628,false],"thumbnail":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE-150x150.jpg",150,150,true],"medium":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE-300x157.jpg",300,157,true],"medium_large":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE-768x402.jpg",768,402,true],"large":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE-1024x536.jpg",1024,536,true],"1536x1536":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE.jpg",1200,628,false],"2048x2048":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE.jpg",1200,628,false],"pk-small":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE-80x80.jpg",80,80,true],"pk-thumbnail":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE-300x225.jpg",300,225,true],"cs-small":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE-80x80.jpg",80,80,true],"cs-intermediate":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE-240x180.jpg",240,180,true],"cs-thumbnail":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE-390x290.jpg",390,290,true],"cs-thumbnail-uncropped":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE-390x204.jpg",390,204,true],"cs-medium":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE-820x429.jpg",820,429,true],"cs-large":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE-1180x618.jpg",1180,618,true],"web-stories-poster-portrait":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE-640x628.jpg",640,628,true],"web-stories-publisher-logo":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE-96x96.jpg",96,96,true],"web-stories-thumbnail":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE-150x79.jpg",150,79,true]},"uagb_author_info":{"display_name":"Nilson Filatieri","author_link":"https:\/\/herospark.com\/blog\/author\/nilson\/"},"uagb_comment_info":1,"uagb_excerpt":"Se voc&ecirc; &eacute; um produtor de conte&uacute;do digital, provavelmente j&aacute; deve ter escutado falar sobre como &eacute; importante fazer uma landing page para atrair novos clientes, n&atilde;o &eacute; verdade? Afinal,&hellip;","yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v14.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como fazer uma landing page: passo a passo [GR\u00c1TIS]<\/title>\n<meta name=\"description\" content=\"Como fazer uma landing page: 1. Crie t\u00edtulos chamativos 2. Inclua chamadas para a\u00e7\u00e3o 3. Capriche no design 4. Use as cores ao seu favor\" \/>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como fazer uma landing page: passo a passo [GR\u00c1TIS]\" \/>\n<meta property=\"og:description\" content=\"Como fazer uma landing page: 1. Crie t\u00edtulos chamativos 2. Inclua chamadas para a\u00e7\u00e3o 3. Capriche no design 4. Use as cores ao seu favor\" \/>\n<meta property=\"og:url\" content=\"https:\/\/herospark.com\/blog\/como-fazer-uma-landing-page\/\" \/>\n<meta property=\"og:site_name\" content=\"HeroSpark Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-19T12:20:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-22T19:03:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/08\/COMO-CRIAR-UMA-LANDING-PAGE.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/posts\/5227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/users\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/comments?post=5227"}],"version-history":[{"count":0,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/posts\/5227\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/media\/5228"}],"wp:attachment":[{"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/media?parent=5227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/categories?post=5227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/tags?post=5227"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=5227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}