{"id":29258,"date":"2022-09-22T10:00:41","date_gmt":"2022-09-22T13:00:41","guid":{"rendered":"\/tutoriais\/?p=29258"},"modified":"2025-02-06T08:56:27","modified_gmt":"2025-02-06T11:56:27","slug":"criar-landing-page-wordpress","status":"publish","type":"post","link":"\/br\/tutoriais\/criar-landing-page-wordpress","title":{"rendered":"Como criar uma landing page no WordPress para aumentar as convers\u00f5es"},"content":{"rendered":"<p>Uma landing page pode aumentar a taxa de convers&atilde;o do seu site WordPress pois incentiva os visitantes a tomarem algum tipo de a&ccedil;&atilde;o desejada, como se inscrever em uma newsletter, comprar um produto ou se cadastrar numa plataforma.<\/p><p>A taxa de convers&atilde;o m&eacute;dia para landing pages &eacute; de <a href=\"https:\/\/findstack.com\/landing-page-statistics\/\" target=\"_blank\" rel=\"noopener\"><strong>9,7%<\/strong><\/a>, mas adicionar elementos extras, como imagens ou depoimentos de clientes, pode aumentar ainda mais as suas convers&otilde;es. Sendo assim, criar uma boa landing page &eacute; essencial para impulsionar o seu neg&oacute;cio.<\/p><p>Neste artigo vamos te mostrar tr&ecirc;s m&eacute;todos f&aacute;ceis e eficientes para construir uma landing page no WordPress, e discutir quando &eacute; a hora certa de fazer isso.<\/p><p>Mas antes de come&ccedil;armos, uma dica valiosa: garanta que voc&ecirc; esteja usando o <a href=\"\/br\/hospedagem-wordpress\">melhor host WordPress<\/a> para ter o m&aacute;ximo de desempenho em todas as aplica&ccedil;&otilde;es que vamos mostrar abaixo.<\/p><h2 class=\"wp-block-heading\" id=\"h-criar-uma-landing-page-com-um-plugin-do-wordpress-nbsp\"><strong>Criar uma Landing Page com um Plugin do WordPress&nbsp;<\/strong><\/h2><p>Uma landing page nada mais &eacute; que uma p&aacute;gina da internet desenvolvida para ajudar no marketing de uma marca, por exemplo, para lan&ccedil;ar um novo produto. Ela pode ser constitu&iacute;da por uma &uacute;nica p&aacute;gina &ldquo;externa&rdquo;, ou <em>standalone<\/em>, mas ligada ao site principal, ou ser uma parte dele.<\/p><p>Por sorte, a plataforma do <a href=\"\/br\/tutoriais\/tutorial-wordpress\"><strong>WordPress<\/strong><\/a> oferece uma ampla gama de recursos simples de serem utilizados na hora de <a href=\"\/br\/tutoriais\/como-criar-um-site-passo-a-passo\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>criar um site do zero<\/strong><\/a> e de landing pages para o seu neg&oacute;cio.<\/p><p>Uma das melhores maneiras de se <a href=\"\/br\/tutoriais\/como-criar-uma-landing-page\"><strong>construir uma landing page<\/strong><\/a> envolve a utiliza&ccedil;&atilde;o de um plugin. Com este m&eacute;todo, at&eacute; quem &eacute; iniciante consegue criar uma landing page profissional e atrativa. Isso porque muitos plugins do WordPress oferecem um recurso de arrastar e soltar elementos, e modelos de p&aacute;ginas pr&eacute;-estabelecidos.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Leitura Sugerida<\/h4>\n                    <p>Quer aprender <a href=\"\/br\/tutoriais\/como-criar-uma-landing-page\">como criar uma landing page<\/a> em outras plataformas? Confira nosso tutorial!<\/p>\n                <\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-1-instale-o-plugin\"><strong>1. Instale o Plugin<\/strong><\/h3><p>Selecionados pelos nossos especialistas, abaixo apresentamos uma lista dos melhores plugins para landing page dispon&iacute;veis hoje no diret&oacute;rio do WordPress:<\/p><ul class=\"wp-block-list\">\n<li><strong>Divi<\/strong> &ndash; um dos <a href=\"\/br\/tutoriais\/construtor-de-paginas-wordpress\/\"><strong>melhores construtores de p&aacute;ginas<\/strong><\/a> do WordPress, com um editor visual bastante intuitivo.&nbsp;<\/li>\n\n\n\n<li><strong>Beaver Builder<\/strong> &ndash; um plugin construtor de landing pages intuitivo que funciona muito bem com a maioria dos temas do WordPress.<\/li>\n\n\n\n<li><strong>SeedProd <\/strong>&ndash; um dos <a href=\"\/br\/tutoriais\/melhores-plugins-wordpress\"><strong>melhores plugins do WordPress<\/strong><\/a>, conta com muitas op&ccedil;&otilde;es de design e modelos pr&eacute;-prontos, uma interface amig&aacute;vel e o recurso de arrastar e soltar elementos.<\/li>\n<\/ul><p>Para este tutorial, vamos utilizar o plugin SeedProd para criar uma landing page de alta convers&atilde;o para seu site WordPress.<\/p><p>Primeiramente voc&ecirc; precisa entrar em sua conta WordPress, acessar o painel de administra&ccedil;&atilde;o do site e localizar o menu <strong>Plugins<\/strong>. Ali, clique no bot&atilde;o de <strong>Adicionar Novo<\/strong>, e utilize a caixa de pesquisa para encontrar o plugin SeedProd. Ent&atilde;o basta <a href=\"\/br\/tutoriais\/como-instalar-plugins-wordpress\"><strong>instalar e ativar o plugin<\/strong><\/a> em seu site WordPress.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"411\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-15.png\/public\" alt=\"Instalando o plugin SeedProd no WordPress\" class=\"wp-image-47689\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-15.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-15.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-15.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-15.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>O SeedProd &eacute; um plugin <em>freemium<\/em>, ou seja, possui uma vers&atilde;o gratuita, mas tamb&eacute;m conta com uma vers&atilde;o premium, cujo pre&ccedil;o come&ccedil;a em <strong>US$ 39,50\/ano<\/strong>. Para configurar a vers&atilde;o paga, voc&ecirc; precisar&aacute; de uma chave, adquirida com a licen&ccedil;a da sua conta SeedProd.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-adicione-uma-nova-landing-page\"><strong>2. Adicione uma Nova Landing Page<\/strong><\/h3><p>Uma vez que voc&ecirc; tenha ativado o plugin, ser&aacute; redirecionado para o painel de landing pages do SeedProd. Logo no topo da p&aacute;gina haver&aacute; quatro op&ccedil;&otilde;es para adi&ccedil;&atilde;o de landing pages.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"406\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-16.png\/public\" alt=\"Op&ccedil;&otilde;es de p&aacute;ginas do plugin SeedProd no WordPress\" class=\"wp-image-47690\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-16.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-16.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-16.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-16.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Para criar uma nova landing page, clique no bot&atilde;o <strong>Create New Landing Page <\/strong>localizado na barra inferior da p&aacute;gina.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"339\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-17.png\/public\" alt=\"Adicionando uma p&aacute;gina de landing page pelo plugin SeedProd no WordPress\" class=\"wp-image-47691\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-17.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-17.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-17.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-17.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-3-selecione-e-personalize-o-modelo-da-landing-page-nbsp\"><strong>3. Selecione e Personalize o Modelo da Landing Page&nbsp;<\/strong><\/h3><p>Depois de adicionar uma nova landing page, voc&ecirc; precisar&aacute; escolher um modelo ou <em>template<\/em> para ela. O plugin SeedProd oferece muitas op&ccedil;&otilde;es de design adequadas para diferentes tipos de campanhas de marketing.<\/p><p>Alternativamente, comece a criar sua landing page do zero ao clicar em <strong>Blank Template<\/strong>, bot&atilde;o que levar&aacute; &agrave; uma p&aacute;gina em branco.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"675\" height=\"248\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-18.png\/public\" alt=\"Sele&ccedil;&atilde;o de modelo em branco, ou blank template, do plugin SeedProd no WordPress\" class=\"wp-image-47692\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-18.png\/w=675,fit=scale-down 675w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-18.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-18.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 675px) 100vw, 675px\" \/><\/figure><\/div><p>Quando tiver escolhido seu <em>template <\/em>de prefer&ecirc;ncia, insira o nome da p&aacute;gina e um t&iacute;tulo URL.<\/p><p>\n\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\"><strong>Dica<\/strong><\/h4>\n                    <p>Utilize uma palavra-chave espec&iacute;fica na URL da p&aacute;gina para aumentar sua visibilidade nos resultados dos mecanismos de buscas, assim atraindo mais tr&aacute;fego para seu site WordPress.<\/p>\n                <\/div>\n\n\n<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"389\" height=\"247\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-19.png\/public\" alt=\"Configura&ccedil;&otilde;es de detalhes como nome e URL da nova landing page\" class=\"wp-image-47693\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-19.png\/w=389,fit=scale-down 389w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-19.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-19.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 389px) 100vw, 389px\" \/><\/figure><\/div><p>Assim que voc&ecirc; tiver terminado de editar os detalhes da p&aacute;gina, salve e comece a personalizar sua primeira landing page, basta clicar em <strong>Save and Start Editing the Page<\/strong>.<\/p><p>Com o menu de blocos (<strong>Blocks<\/strong>) na lateral esquerda do editor, voc&ecirc; pode adicionar ou modificar v&aacute;rios elementos, como textos, imagens e v&iacute;deos. Para fazer isso, basta clicar no elemento que voc&ecirc; deseja editar.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"678\" height=\"309\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-20.png\/public\" alt=\"Sele&ccedil;&atilde;o de blocos para personaliza&ccedil;&atilde;o da landing page pelo plugin SeedProd no WordPress\" class=\"wp-image-47694\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-20.png\/w=678,fit=scale-down 678w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-20.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-20.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 678px) 100vw, 678px\" \/><\/figure><\/div><p>Altere a cor do fundo, as imagens e o alinhamento, para que a sua landing page esteja de acordo com a identidade da sua marca. Uma alternativa &eacute; selecionar a configura&ccedil;&atilde;o global padr&atilde;o, atrav&eacute;s do bot&atilde;o <strong>Global Setting<\/strong> no canto inferior esquerdo da p&aacute;gina.&nbsp;<\/p><p>Os blocos de formul&aacute;rios de contato podem ser habilitados na se&ccedil;&atilde;o <strong>Contact Form<\/strong> e integrados com o plugin WPForms. Isso permite que voc&ecirc; modifique um formul&aacute;rio rec&eacute;m-criado no WordPress, transformando-o em uma landing page personalizada atrav&eacute;s dos recursos adicionais.&nbsp;<\/p><p>Se voc&ecirc; deseja duplicar um bloco, clique no &iacute;cone do arquivo (<strong>files<\/strong>) que aparece quando passar o mouse sobre o elemento. H&aacute; ainda mais &iacute;cones para deletar, mover e salvar blocos, agilizando e simplificando o processo de personaliza&ccedil;&atilde;o da p&aacute;gina.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"675\" height=\"325\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-21.png\/public\" alt=\"Op&ccedil;&atilde;o de duplicar bloco de edi&ccedil;&atilde;o no plugin SeedProd no WordPress\" class=\"wp-image-47695\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-21.png\/w=675,fit=scale-down 675w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-21.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-21.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 675px) 100vw, 675px\" \/><\/figure><\/div><p>Como o plugin SeedProd tamb&eacute;m &eacute; integrado com o&nbsp; <a href=\"https:\/\/www.hostinger.com\/br\/tutoriais\/woocommerce-como-configurar-ecommerce-no-wordpress\"><strong>WooCommerce<\/strong><\/a>, voc&ecirc; pode criar uma landing page para uma loja virtual. Incorporar certos blocos, como bot&otilde;es de &ldquo;adicionar ao carrinho&rdquo;, grade de produtos, e produtos em oferta, &eacute; muito &uacute;til para construir uma p&aacute;gina ainda mais atrativa.&nbsp;<\/p><p>Por exemplo, voc&ecirc; pode criar uma landing page interativa de um produto ao adicionar o bot&atilde;o de &ldquo;comprar agora&rdquo; (<strong>purchase now<\/strong>) e exibir produtos em oferta da sua da sua loja virtual criada na <a href=\"https:\/\/www.hostinger.com\/br\/loja-virtual\">Hostinger<\/a>.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"674\" height=\"295\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-22.png\/public\" alt=\"Integrando o WooCommerce com o  plugin SeedProd no WordPress\" class=\"wp-image-47697\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-22.png\/w=674,fit=scale-down 674w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-22.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-22.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 674px) 100vw, 674px\" \/><\/figure><\/div><p>Adicionalmente, o menu de se&ccedil;&otilde;es do SeedProd, nomeado <strong>Sections<\/strong>, oferece muitas op&ccedil;&otilde;es de categorias para o design de landing pages, como Header, Hero, Call to Action, e FAQ.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"664\" height=\"325\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-23.png\/public\" alt=\"Sele&ccedil;&atilde;o de sections (se&ccedil;&otilde;es) dentro da edi&ccedil;&atilde;o da landing page do plugin SeedProd no WordPress\" class=\"wp-image-47698\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-23.png\/w=664,fit=scale-down 664w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-23.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-23.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 664px) 100vw, 664px\" \/><\/figure><\/div><p>Depois de concluir o design e personaliza&ccedil;&atilde;o da sua landing page, n&atilde;o se esque&ccedil;a de salvar as altera&ccedil;&otilde;es clicando no bot&atilde;o <strong>Save<\/strong>, localizado no canto superior direito da p&aacute;gina.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-faca-a-integracao-com-ferramentas-externas-nbsp\"><strong>4. Fa&ccedil;a a Integra&ccedil;&atilde;o com Ferramentas Externas&nbsp;<\/strong><\/h3><p>Muitos neg&oacute;cios utilizam v&aacute;rias ferramentas para ajud&aacute;-los a atrair mais clientes e aumentar seus rendimentos.&nbsp;<\/p><p>Utilizando o SeedProd, suas landing pages podem ser conectadas com as ferramentas de marketing mais populares, te ajudando a melhorar o desempenho das suas campanhas. Abaixo est&atilde;o nossas recomenda&ccedil;&otilde;es de ferramentas externas para integrar com o plugin SeedProd:<\/p><ul class=\"wp-block-list\">\n<li><strong>MailChimp<\/strong> &ndash; um dos servi&ccedil;os de email marketing mais populares. Ele oferece um curso de respostas autom&aacute;ticas.&nbsp;<\/li>\n\n\n\n<li><strong>Constant Contact<\/strong> &ndash; uma ferramenta de email marketing que oferece centenas de modelos de email e ainda o recurso de arrastar e soltar elementos.&nbsp;<\/li>\n\n\n\n<li><strong>Monsterinsights<\/strong> &ndash; a ferramenta mais popular de Google Analytics oferece informa&ccedil;&otilde;es sobre o desempenho do seu site.&nbsp;<\/li>\n\n\n\n<li><strong>Zapier<\/strong> &ndash; ferramenta de automa&ccedil;&atilde;o que &eacute; integrada com mais de 500 servi&ccedil;os para coletar emails a partir de formul&aacute;rios de inscri&ccedil;&atilde;o.&nbsp;<\/li>\n<\/ul><p>Para conectar a landing page do seu site WordPress com ferramentas externas, basta clicar na aba <strong>Connect<\/strong> e escolher o servi&ccedil;o que voc&ecirc; deseja integrar.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"676\" height=\"314\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-24.png\/public\" alt=\"Op&ccedil;&otilde;es de integra&ccedil;&atilde;o com ferramentas externas do plugin SeedProd no WordPress\" class=\"wp-image-47699\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-24.png\/w=676,fit=scale-down 676w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-24.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-24.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/figure><\/div><p>Conectar sua landing page com servi&ccedil;os de email marketing far&aacute; com que os detalhes de contato dos visitantes do site, quando inseridos na sua landing page, sejam automaticamente adicionados &agrave; sua lista de emails.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-5-publique-sua-landing-page-no-wordpress\"><strong>5. Publique sua Landing Page no WordPress<\/strong><\/h3><p>Depois de editar o <em>template <\/em>da p&aacute;gina e configurar as ferramentas externas, &eacute; hora de publicar sua landing page do WordPress.<\/p><p>Para fazer isso, retorne &agrave; aba <strong>Design<\/strong> do plugin e clique na flechinha indicada ao lado do bot&atilde;o salvar (<strong>save<\/strong>), e ent&atilde;o clique em <strong>Publish <\/strong>para publicar.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"672\" height=\"326\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-25.png\/public\" alt=\"Publicando uma landing page criada pelo plugin SeedProd no WordPress\" class=\"wp-image-47700\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-25.png\/w=672,fit=scale-down 672w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-25.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-25.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 672px) 100vw, 672px\" \/><\/figure><\/div><p>Agora, selecione o bot&atilde;o <strong>See Live Page<\/strong> para ver os resultados.&nbsp;<\/p><p>Se desejar personalizar ainda mais sua landing page, voc&ecirc; pode configurar sua p&aacute;gina principal, SEO e configura&ccedil;&otilde;es do analytics atrav&eacute;s da aba de configura&ccedil;&otilde;es da p&aacute;gina, a <strong>Page Settings<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"675\" height=\"326\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-26.png\/public\" alt=\"Configura&ccedil;&otilde;es da p&aacute;gina landing page criada atrav&eacute;s do plugin SeedProd no WordPress\" class=\"wp-image-47701\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-26.png\/w=675,fit=scale-down 675w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-26.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-26.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 675px) 100vw, 675px\" \/><\/figure><\/div><p>Por exemplo, voc&ecirc; pode conectar quantas landing pages quiser ao seu nome de dom&iacute;nio, ao inv&eacute;s de utilizar m&uacute;ltiplos sites WordPress. Para fazer isso, clique no menu de dom&iacute;nio personalizado, o <strong>Custom Domain<\/strong>, e insira o seu nome de dom&iacute;nio. Mas preste aten&ccedil;&atilde;o, pois esse recurso s&oacute; est&aacute; dispon&iacute;vel na vers&atilde;o premium do plugin SeedProd.<\/p><h2 class=\"wp-block-heading\" id=\"h-criar-uma-landing-page-com-um-tema-do-wordpress-nbsp\"><strong>Criar uma Landing Page com um Tema do WordPress&nbsp;<\/strong><\/h2><p>Al&eacute;m da utiliza&ccedil;&atilde;o de um plugin, h&aacute; outra maneira de criar landing pages: atrav&eacute;s de um <a href=\"\/br\/tutoriais\/como-instalar-temas-do-wordpress\"><strong>tema do WordPress<\/strong><\/a>. Ao fazer isso, voc&ecirc; poder&aacute; personalizar o layout e o design de uma landing page no WordPress sem precisar alterar seu tema.&nbsp;<\/p><p>Mas fique atento, n&atilde;o s&atilde;o todos os&nbsp; temas do WordPress que oferecem modelos de landing pages. Sendo assim, recomendamos que voc&ecirc; escolha uma entre as diversas op&ccedil;&otilde;es dessa lista de <a href=\"\/br\/tutoriais\/temas-wordpress-gratis\"><strong>temas gratuitos do WordPress<\/strong><\/a>:<\/p><ul class=\"wp-block-list\">\n<li><strong>Astra<\/strong> &ndash; oferece mais de 150 <em>templates <\/em>pr&eacute;-prontos, que podem ser integrados com ferramentas populares, como WooCommerce.&nbsp;<\/li>\n\n\n\n<li><strong>Neve<\/strong> &ndash; oferece temas para m&uacute;ltiplos prop&oacute;sitos, e &eacute; compat&iacute;vel com o editor de blocos Gutenberg e com o WooCommerce.<\/li>\n\n\n\n<li><strong>Portum Material<\/strong> &ndash; conta com fun&ccedil;&otilde;es como banners em tela cheia, bot&otilde;es call-to-action e recursos de anima&ccedil;&atilde;o que tornam sua landing page mais atrativa.&nbsp;<\/li>\n<\/ul><p>Agora vamos conferir um guia passo-a-passo de como criar uma landing page no WordPress utilizando um de seus temas.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-adicione-uma-nova-pagina\"><strong>1. Adicione uma Nova P&aacute;gina<\/strong><\/h3><p>Siga as instru&ccedil;&otilde;es abaixo para adicionar uma nova p&aacute;gina WordPress:<\/p><ol class=\"wp-block-list\">\n<li>Adicione um novo tema a partir do seu painel de administra&ccedil;&atilde;o do WordPress.<\/li>\n\n\n\n<li>Clique em <strong>Apar&ecirc;ncia &rarr; Temas &rarr; Adicionar Novo<\/strong>.&nbsp;<\/li>\n\n\n\n<li>Escolha, instale e ative seu tema WordPress de prefer&ecirc;ncia. Neste tutorial vamos utilizar a op&ccedil;&atilde;o Neve.&nbsp;<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"492\" height=\"296\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-27.png\/public\" alt=\"Adicionando novo tema pelo painel do WordPress\" class=\"wp-image-47702\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-27.png\/w=492,fit=scale-down 492w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-27.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-27.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 492px) 100vw, 492px\" \/><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Quando j&aacute; tiver configurado seu tema, acesse a aba <strong>P&aacute;ginas<\/strong> do menu e clique no bot&atilde;o <strong>Adicionar Nova<\/strong>, para criar uma nova landing page. Alternativamente, voc&ecirc; pode adicionar uma nova p&aacute;gina pela barra superior, na se&ccedil;&atilde;o <strong>+ New<\/strong> <strong>&rarr; Page<\/strong>.&nbsp;<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"681\" height=\"279\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-28.png\/public\" alt=\"Adicionando nova p&aacute;gina pelo painel do WordPress\" class=\"wp-image-47703\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-28.png\/w=681,fit=scale-down 681w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-28.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-28.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 681px) 100vw, 681px\" \/><\/figure><\/div><ol start=\"5\" class=\"wp-block-list\">\n<li>Agora, voc&ecirc; deve estar visualizando uma p&aacute;gina em branco. D&ecirc; um t&iacute;tulo a ela, que ser&aacute; sua landing page personalizada.&nbsp;<\/li>\n\n\n\n<li>Escolha a op&ccedil;&atilde;o <strong>Page Builder Full Width (Neve) <\/strong>a partir do menu <strong>Template<\/strong> localizado na barra lateral da tela.&nbsp;<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"679\" height=\"335\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-29.png\/public\" alt=\"Op&ccedil;&otilde;es de configura&ccedil;&atilde;o de template para a nova p&aacute;gina pelo editor do WordPress\" class=\"wp-image-47704\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-29.png\/w=679,fit=scale-down 679w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-29.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-29.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 679px) 100vw, 679px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-2-configure-a-landing-page-como-uma-nbsp-homepage-estatica\"><strong>2. Configure a Landing Page como uma&nbsp; Homepage Est&aacute;tica<\/strong><\/h3><p>Depois de realizar os passos indicados na etapa anterior, voc&ecirc; precisar&aacute; configurar sua nova landing page como uma p&aacute;gina inicial est&aacute;tica. Lembre-se que esse processo resultar&aacute; em uma p&aacute;gina diferente da p&aacute;gina inicial do seu site, pois a p&aacute;gina est&aacute;tica vai garantir que os visitantes cheguem nela conforme clicam nos elementos do seu site.&nbsp;<\/p><p>Acesse as configura&ccedil;&otilde;es de leitura atrav&eacute;s do menu <strong>Settings<\/strong> &rarr;&nbsp; <strong>Reading<\/strong> e selecione o nome da p&aacute;gina que voc&ecirc; criou para a landing page na etapa anterior. As op&ccedil;&otilde;es estar&atilde;o dispon&iacute;veis no menu suspenso chamado <strong>Homepage<\/strong>. Depois disso, clique em <strong>Save Changes<\/strong> para salvar.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"489\" height=\"345\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-30.png\/public\" alt=\"Sele&ccedil;&atilde;o da landing page rec&eacute;m criada pelo menu de configura&ccedil;&otilde;es de leitura do WordPress\" class=\"wp-image-47705\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-30.png\/w=489,fit=scale-down 489w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-30.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-30.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 489px) 100vw, 489px\" \/><\/figure><\/div><p>Assim que tiver salvado a p&aacute;gina, voc&ecirc; j&aacute; pode come&ccedil;ar a personalizar sua landing page criada pelo tema atrav&eacute;s do menu <strong>Appearance &rarr; Customize<\/strong>. Diversas op&ccedil;&otilde;es para edi&ccedil;&atilde;o dos elementos da p&aacute;gina estar&atilde;o dispon&iacute;veis, como layout, cabe&ccedil;alhos, bot&otilde;es, cores e plano de fundo.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-3-personalize-a-landing-page-com-o-editor-do-wordpress-nbsp\"><strong>3. Personalize a Landing Page com o Editor do WordPress&nbsp;<\/strong><\/h3><p>Al&eacute;m de modificar o tema, voc&ecirc; pode personalizar a landing page atrav&eacute;s do <a href=\"\/br\/tutoriais\/gutenberg-pros-e-contras\"><strong>editor Gutenberg do WordPress<\/strong><\/a>.<\/p><p>Note que esse editor de blocos est&aacute; dispon&iacute;vel apenas nas vers&otilde;es 5.0 ou mais recentes do WordPress. Se voc&ecirc; utiliza uma vers&atilde;o antiga do programa, precisar&aacute; instalar o plugin Gutenberg para usar o editor.<\/p><p>Para personalizar sua p&aacute;gina clique no <strong>bot&atilde;o + <\/strong>para conferir quais s&atilde;o os blocos dispon&iacute;veis.&nbsp;<\/p><p>Encontre o bloco que deseja utilizar &mdash; podendo usar a caixa de pesquisa para facilitar a busca &mdash; e clique nele para adicionar o elemento &agrave; p&aacute;gina.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"686\" height=\"343\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-31.png\/public\" alt=\"Sele&ccedil;&atilde;o de blocos para personaliza&ccedil;&atilde;o da landing page no editor de blocos do WordPress\" class=\"wp-image-47706\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-31.png\/w=686,fit=scale-down 686w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-31.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-31.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 686px) 100vw, 686px\" \/><\/figure><\/div><p>Assim que tiver adicionado o bloco, poder&aacute; edit&aacute;-lo pela aba <strong>Block<\/strong>, localizada na barra lateral. Tamb&eacute;m &eacute; poss&iacute;vel editar tal elemento clicando nos <strong>tr&ecirc;s pontinhos<\/strong> verticais logo acima do bloco.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"678\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-32.png\/public\" alt=\"Op&ccedil;&otilde;es de configura&ccedil;&atilde;o de blocos da nova p&aacute;gina no WordPress\" class=\"wp-image-47707\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-32.png\/w=678,fit=scale-down 678w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-32.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-32.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 678px) 100vw, 678px\" \/><\/figure><\/div><p>Por exemplo, para adicionar seus produtos com as respectivas descri&ccedil;&otilde;es em sua landing page, utilize o bloco <strong>Media &amp; Text<\/strong>, que conta com um recurso de layout de duas colunas.&nbsp;<\/p><p>Para fazer isso, basta clicar em <strong>Add block <\/strong>para adicionar o bloco, selecionar a op&ccedil;&atilde;o <strong>Media &amp; Text <\/strong>e ent&atilde;o em <strong>Upload<\/strong> para fazer o envio dos elementos. Escolha a imagem que desejar a partir do seu computador ou da sua biblioteca de m&iacute;dias do WordPress.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"683\" height=\"313\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-33.png\/public\" alt=\"Adicionando bloco de texto e m&iacute;dia na nova p&aacute;gina no WordPress\" class=\"wp-image-47708\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-33.png\/w=683,fit=scale-down 683w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-33.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-33.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/><\/figure><\/div><p>Al&eacute;m disso, voc&ecirc; pode adicionar links para seus perfis em redes sociais com o bloco <strong>Social Icons<\/strong>. Fazer esse processo pode te ajudar a aumentar o reconhecimento e alcance da sua marca.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-4-publique-a-pagina\"><strong>4. Publique a P&aacute;gina<\/strong><\/h3><p>Assim que estiver satisfeito com os resultados de personaliza&ccedil;&atilde;o da sua landing page, revise a edi&ccedil;&atilde;o clicando no bot&atilde;o <strong>Preview<\/strong> &mdash; que automaticamente exibe uma pr&eacute;via da p&aacute;gina.&nbsp;<\/p><p>Quando tiver certeza que tudo est&aacute; de acordo com o que deseja, clique no bot&atilde;o <strong>Publish<\/strong> no canto superior direito da p&aacute;gina para finalmente publicar sua landing page.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"683\" height=\"343\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-34.png\/public\" alt=\"Op&ccedil;&otilde;es de pr&eacute;-visualiza&ccedil;&atilde;o e publica&ccedil;&atilde;o em destaque na imagem da nova p&aacute;gina criada no WordPress\" class=\"wp-image-47709\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-34.png\/w=683,fit=scale-down 683w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-34.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-34.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-criar-uma-landing-page-manualmente\"><strong>Criar uma Landing Page Manualmente<\/strong><\/h2><p>A alternativa final para criar uma landing page no WordPress envolve a utiliza&ccedil;&atilde;o de um <em>template<\/em>, ou modelo, de p&aacute;gina. Note que para esse processo voc&ecirc; precisar&aacute; de algumas habilidades de c&oacute;digos de programa&ccedil;&atilde;o para conseguir construir sua landing page do zero.<\/p><p>Recomendamos o m&eacute;todo manual quando voc&ecirc; precisar de mais flexibilidade e mais op&ccedil;&otilde;es de personaliza&ccedil;&atilde;o para o design da p&aacute;gina. Por exemplo, essa maneira de criar landing pages &eacute; perfeita para casos de um dom&iacute;nio dedicado.<\/p><p>Neste guia passo-a-passo, vamos te mostrar como construir um <em>template <\/em>de landing page personalizado utilizando temas do WordPress j&aacute; existentes.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-crie-um-child-theme\"><strong>1. Crie um Child Theme<\/strong><\/h3><p>Criar um tema filho, ou child theme, &eacute; uma etapa essencial para constru&ccedil;&atilde;o de um <em>template <\/em>personalizado de p&aacute;gina no WordPress, j&aacute; que esse processo permite que voc&ecirc; customize a landing page sem desconfigurar suas principais funcionalidades.&nbsp;<\/p><p>Para esse m&eacute;todo, vamos utilizar o <a href=\"\/br\/tutoriais\/como-utilizar-o-gerenciador-de-arquivos-hostinger\"><strong>Gerenciador de Arquivos da Hostinger<\/strong><\/a> para criar um <a href=\"\/br\/tutoriais\/como-criar-o-tema-filho-wordpress\"><strong>child theme<\/strong><\/a>. Lembre-se que esta t&eacute;cnica requer conhecimentos em HTML, CSS e PHP.&nbsp;<\/p><p>Primeiramente, acesse o painel <a href=\"\/br\/tutoriais\/hpanel\"><strong>hPanel<\/strong><\/a> e localize a se&ccedil;&atilde;o do <strong>Gerenciador de Arquivos<\/strong>.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"298\" height=\"333\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/04\/hpanel-files-filemanager-sidebar-pt.png\/public\" alt=\"O bot&atilde;o Gerenciador de Arquivos no painel hPanel\" class=\"wp-image-34427\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/04\/hpanel-files-filemanager-sidebar-pt.png\/w=298,fit=scale-down 298w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/04\/hpanel-files-filemanager-sidebar-pt.png\/w=268,fit=scale-down 268w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/04\/hpanel-files-filemanager-sidebar-pt.png\/w=134,fit=scale-down 134w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/figure><\/div><p>Depois, j&aacute; no gerenciador de arquivos, acesse a pasta <strong>public_html<\/strong> &rarr; <strong>wp-content<\/strong> &rarr; <strong>themes<\/strong>, para acessar a pasta de temas do WordPress. Em seguida, clique no bot&atilde;o <strong>Nova Pasta<\/strong> no canto superior direito, e insira o nome que desejar para o seu child theme.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"485\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/04\/hpanel-files-filemanager-publichtml-wpcontent-themes-addnewfolder-pt.png\/public\" alt=\"Criando nova pasta dentro do diret&oacute;rio de temas do gerenciador de arquivos \" class=\"wp-image-34902\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/04\/hpanel-files-filemanager-publichtml-wpcontent-themes-addnewfolder-pt.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/04\/hpanel-files-filemanager-publichtml-wpcontent-themes-addnewfolder-pt.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/04\/hpanel-files-filemanager-publichtml-wpcontent-themes-addnewfolder-pt.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/04\/hpanel-files-filemanager-publichtml-wpcontent-themes-addnewfolder-pt.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Alternativamente, voc&ecirc; pode se conectar aos arquivos do seu site atrav&eacute;s de um cliente <a href=\"\/br\/tutoriais\/ftp-o-que-e-como-funciona\"><strong>FTP<\/strong><\/a>, como o <a href=\"\/br\/tutoriais\/como-configurar-o-cliente-filezilla\"><strong>FileZilla<\/strong><\/a>. Crie uma nova pasta pela op&ccedil;&atilde;o <strong>New Folder<\/strong> dentro do diret&oacute;rio <strong>wp-content\/themes<\/strong> do seu site.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/br\/hospedagem-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-44638\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-2-modifique-o-arquivo-style-css-nbsp\"><strong>2. Modifique o Arquivo style.css&nbsp;<\/strong><\/h3><p>Nesse pr&oacute;ximo passo voc&ecirc; precisar&aacute; criar um novo arquivo <strong>style.css<\/strong>, que ser&aacute; respons&aacute;vel pela nova p&aacute;gina de estilo ou <em>stylesheet <\/em>na p&aacute;gina do child theme. Adicione o seguinte c&oacute;digo no arquivo:<\/p><pre class=\"wp-block-preformatted\">*\/\nTheme Name: Twenty Twenty-One Child\nTheme URI: http:\/\/yourdomain.com\nDescription: Twenty Twenty-One Child\nTheme Author: Your Name\nAuthor URI: http:\/\/yourdomain.com\nTemplate: twentytwentyone\nVersion: 1.0.0\nText Domain: twentytwentyone-child\nLicense: GNU General Public License v2 or later\nLicense URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\nTags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images\n*\/<\/pre><p>Este fragmento de c&oacute;digo cont&eacute;m as informa&ccedil;&otilde;es b&aacute;sicas sobre o child theme, incluindo o nome e o parent theme. Depois de editar o arquivo <strong>style.css<\/strong> de acordo com o nome e o parent theme que voc&ecirc; escolheu, clique em <strong>Save<\/strong> e <strong>Close<\/strong> para salvar e fechar o diret&oacute;rio.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-crie-um-arquivo-functions-php-nbsp\"><strong>3. Crie um Arquivo functions.php&nbsp;<\/strong><\/h3><p>Nesta etapa vamos ordenar as p&aacute;ginas de estilo dos parent e child themes. Para fazer isso, crie um novo arquivo na pasta do child theme, e d&ecirc; a ele o nome de <strong>functions.php<\/strong>.<\/p><p>Comece a editar o arquivo com uma tag PHP de abertura, ent&atilde;o adicione as fun&ccedil;&otilde;es para enfileirar a <em>stylesheet <\/em>do parent theme. Por exemplo, voc&ecirc; pode inserir o seguinte c&oacute;digo:<\/p><pre class=\"wp-block-preformatted\">&lt;?php\nadd_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );\nfunction enqueue_parent_styles() {\nwp_enqueue_style( 'parent-style', get_template_directory_uri().'\/style.css' );\n}\n?&gt;<\/pre><p>N&atilde;o se esque&ccedil;a de salvar essas altera&ccedil;&otilde;es no arquivo.<\/p><p>Agora voc&ecirc; tem um novo child theme funcional, que ser&aacute; carregado logo depois do parent theme.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-4-ative-o-child-theme\"><strong>4. Ative o Child Theme<\/strong><\/h3><p>Agora seu child theme est&aacute; pronto para ser utilizado. Portanto, acesse seu painel de administra&ccedil;&atilde;o do WordPress e clique na aba <strong>Apar&ecirc;ncia &rarr; Tema &rarr; Ativar<\/strong>.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"680\" height=\"303\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-35.png\/public\" alt=\"Ativando o novo tema pelo menu de apar&ecirc;ncia do WordPress\" class=\"wp-image-47710\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-35.png\/w=680,fit=scale-down 680w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-35.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-35.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-5-construa-uma-nova-pagina-personalizada-nbsp\"><strong>5. Construa uma Nova P&aacute;gina Personalizada&nbsp;<\/strong><\/h3><p>Depois de ativar seu novo tema pelo menu de temas, voc&ecirc; pode criar um <em>template <\/em>de p&aacute;gina WordPress personalizado para sua landing page, fazendo uso de um layout &uacute;nico e exclusivo.<\/p><p>Comece criando um novo arquivo chamado <strong>landing-page.php<\/strong> na pasta do seu child theme rec&eacute;m criado. Ent&atilde;o adicione o seguinte c&oacute;digo no arquivo:<\/p><pre class=\"wp-block-preformatted\">&lt;?php \/* Template Name: Landing Page *\/ ?&gt;<\/pre><p>N&atilde;o se esque&ccedil;a de substituir o nome do template com o nome que desejar. Ent&atilde;o, clique em <strong>Save and Close<\/strong> para salvar e fechar.&nbsp;<\/p><p>Assim que voc&ecirc; editar ou adicionar uma p&aacute;gina no seu site WordPress, logo ver&aacute; o novo template personalizado dispon&iacute;vel para sele&ccedil;&atilde;o em um menu suspenso localizado na barra lateral do painel. De todo modo, esse template ainda estar&aacute; em branco, j&aacute; que ainda n&atilde;o adicionamos nenhum conte&uacute;do nele.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"681\" height=\"267\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-36.png\/public\" alt=\"Selecionando o template para a nova p&aacute;gina atrav&eacute;s do editor do WordPress\" class=\"wp-image-47711\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-36.png\/w=681,fit=scale-down 681w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-36.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-36.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 681px) 100vw, 681px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-6-personalize-a-landing-page-com-css\"><strong>6. Personalize a Landing Page com CSS<\/strong><\/h3><p>Depois de criar o <em>template <\/em>da landing page, &eacute; hora de personaliz&aacute;-lo.<\/p><p>Primeiramente, a partir do arquivo <strong>page.php <\/strong>localizado na pasta do seu parent theme, copie o c&oacute;digo existente que come&ccedil;a com a linha <strong>get_header(); <\/strong>&ndash; voc&ecirc; consegue acessar esse diret&oacute;rio atrav&eacute;s do caminho <strong>public_html <\/strong>&rarr; <strong>wp-content <\/strong>&rarr; <strong>Themes <\/strong>&rarr; <strong>seutema <\/strong>pelo seu gerenciador de arquivos ou cliente FTP. Cole o c&oacute;digo em quest&atilde;o no arquivo <strong>landing-page.php <\/strong>e salve as altera&ccedil;&otilde;es feitas.&nbsp;<\/p><p>Seu c&oacute;digo deve se parecer com este indicado abaixo:&nbsp;<\/p><pre class=\"wp-block-preformatted\">&lt;?php \/* Template Name: Landing Page *\/ ?&gt;\n \n&lt;?php \nget_header();\n \n\/* Start the Loop *\/\nwhile ( have_posts() ) :\n\tthe_post();\n\tget_template_part( 'template-parts\/content\/content-page' );\n \n\t\/\/ If comments are open or there is at least one comment, load up the comment template.\n\tif ( comments_open() || get_comments_number() ) {\n\t\tcomments_template();\n\t}\nendwhile; \/\/ End of the loop.\n \nget_footer(); \n?&gt;<\/pre><p>Voc&ecirc; pode editar o template da sua p&aacute;gina e adicionar mais fragmentos de c&oacute;digo no arquivo acessando o menu <strong>Apar&ecirc;ncia &rarr; Editor de Arquivos do Tema<\/strong>.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"677\" height=\"288\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-37.png\/public\" alt=\"Acessando o arquivo pelo menu do WordPress, na se&ccedil;&atilde;o do tema\" class=\"wp-image-47712\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-37.png\/w=677,fit=scale-down 677w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-37.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-37.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 677px) 100vw, 677px\" \/><\/figure><\/div><p>J&aacute; que a maioria das landing pages geralmente n&atilde;o possui barras laterais e rodap&eacute;s &ndash; buscando minimizar a distra&ccedil;&atilde;o dos visitantes &ndash; remova esses elementos deletando estas duas linhas do c&oacute;digo:<\/p><pre class=\"wp-block-preformatted\">get_sidebar(); \nget_footer();<\/pre><p>Para adicionar mais conte&uacute;dos &agrave; sua landing page, voc&ecirc; pode utilizar o pr&oacute;prio editor do WordPress. Adicionalmente, voc&ecirc; pode construir uma landing page de formul&aacute;rio personalizada atrav&eacute;s do editor de blocos com o plugin gratuito <a href=\"https:\/\/wordpress.org\/plugins\/forms-gutenberg\/\" target=\"_blank\" rel=\"noopener\"><strong>Gutenberg Forms<\/strong><\/a>.<\/p><p>Para ajudar sua landing page a se destacar dos concorrentes, adicione ainda mais recursos e elementos pelo arquivo <strong>style.css<\/strong> do gerenciador de arquivos ou navegando at&eacute; o menu WordPress <strong>Apar&ecirc;ncia &rarr; Personalizar<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"654\" height=\"306\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-38.png\/public\" alt=\"Adicionando elementos CSS adicionais para personalizar a p&aacute;gina\" class=\"wp-image-47713\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-38.png\/w=654,fit=scale-down 654w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-38.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-38.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 654px) 100vw, 654px\" \/><\/figure><\/div><p>Com elementos CSS adicionais, voc&ecirc; pode modificar sua <em>stylesheet<\/em>. Esse processo inclui alterar a cor do plano de fundo e da barra lateral da p&aacute;gina, e modificar o estilo da fonte dos textos.<\/p><p>Para trocar a cor do plano de fundo, voc&ecirc; pode adicionar o seguinte c&oacute;digo:<\/p><pre class=\"wp-block-preformatted\">.site-content-contain {\n   background-color: #DEF0F5;\n   position: relative;\n}<\/pre><p>Essas linhas adicionam uma cor de fundo verde clara, baseada no <a href=\"https:\/\/htmlcolorcodes.com\/\" target=\"_blank\" rel=\"noopener\"><strong>hex code<\/strong><\/a> #DEF0F5 inserido no c&oacute;digo, como ilustrado na imagem abaixo:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"623\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-39.png\/public\" alt=\"Inserindo fragmento de c&oacute;digo para alterar as cores da p&aacute;gina pelo editor do WordPress\" class=\"wp-image-47714\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-39.png\/w=623,fit=scale-down 623w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-39.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-39.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 623px) 100vw, 623px\" \/><\/figure><\/div><p>J&aacute; para alterar o tipo, tamanho e cor da fonte para os textos da sua landing page, insira o seguinte c&oacute;digo:<\/p><pre class=\"wp-block-preformatted\">p {\ncolor: teal;\n}\np {\nfont-family: Georgia;\nfont-size: 22px\n}<\/pre><p>Perceba que esse fragmento de c&oacute;digo s&oacute; altera o corpo do texto da sua p&aacute;gina, como indicado na imagem abaixo:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"662\" height=\"310\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-40.png\/public\" alt=\"Cor do corpo do texto alterada devido ao c&oacute;digo inserido\" class=\"wp-image-47715\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-40.png\/w=662,fit=scale-down 662w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-40.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-40.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 662px) 100vw, 662px\" \/><\/figure><\/div><p>Caso voc&ecirc; deseje alterar essas caracter&iacute;sticas de fonte no cabe&ccedil;alho da p&aacute;gina, utilize o fragmento de c&oacute;digo escrito abaixo:<\/p><pre class=\"wp-block-preformatted\">h1 {\n  color: white;\n  text-align: center;\n}<\/pre><h2 class=\"wp-block-heading\" id=\"h-quando-utilizar-uma-landing-page\"><strong>Quando Utilizar uma Landing Page<\/strong><\/h2><p>Para explicar melhor como uma landing page pode ajudar o seu neg&oacute;cio, confira na lista abaixo quatro de seus principais usos:<\/p><ul class=\"wp-block-list\">\n<li><strong>Cadastro em newsletters. <\/strong>Uma newsletter enviada por email te ajuda a se conectar com seus clientes. Voc&ecirc; pode utilizar uma landing page de formul&aacute;rio dedicada a isso, para assim convencer seus visitantes a fazerem parte de sua lista de emails. Escreva um cabe&ccedil;alho curto, preciso e atrativo com um short copy para atrair ainda mais visitantes.<\/li>\n\n\n\n<li><strong>Inscri&ccedil;&atilde;o em eventos.<\/strong> Uma landing page dedicada de formul&aacute;rio tamb&eacute;m &eacute; uma &oacute;tima maneira para promover eventos futuros, como webinars, confer&ecirc;ncias ou encontros da comunidade do nicho. Crie uma landing page simples e f&aacute;cil de navegar para guiar seus visitantes &agrave;s vendas e inscri&ccedil;&otilde;es. Voc&ecirc; tamb&eacute;m pode adicionar um cron&ocirc;metro em contagem regressiva para criar um senso de urg&ecirc;ncia nos usu&aacute;rios.<\/li>\n\n\n\n<li><strong>P&aacute;ginas de &ldquo;em breve&rdquo;. <\/strong>Se voc&ecirc; tem um novo site, produto ou servi&ccedil;o, criar uma landing page de <em>&ldquo;coming soon&rdquo; <\/em>ou &ldquo;em breve&rdquo; ajudar&aacute; a gerar certo entusiasmo nos visitantes e a atrair poss&iacute;veis clientes. Utilize um bot&atilde;o call-to-action e disponibilize um link de rede social na p&aacute;gina, assim otimizando ainda mais sua landing page.<\/li>\n\n\n\n<li><strong>Feedback<\/strong>. Adicione um formul&aacute;rio online que ofere&ccedil;a algum valor para os visitantes do seu site, em troca de sugest&otilde;es, coment&aacute;rios e feedbacks. C&oacute;digos promocionais, brindes e cupons de desconto s&atilde;o recompensas comuns nesses casos.<\/li>\n<\/ul><p>Para se inspirar, verifique o exemplo da landing page de newsletter do site <a href=\"https:\/\/foodforothers.org\/\" target=\"_blank\" rel=\"noopener\"><strong>Food for Others<\/strong><\/a>, que apresenta um layout simples e direto, com um cabe&ccedil;alho claro. Com uma landing page livre de distra&ccedil;&otilde;es, os visitantes do site podem facilmente se concentrar naquilo que importa, isto &eacute;, o conte&uacute;do da p&aacute;gina.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"486\" height=\"392\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-41.png\/public\" alt=\"Captura de tela do formul&aacute;rio de contato do site Food for Others\" class=\"wp-image-47716\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-41.png\/w=486,fit=scale-down 486w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-41.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/09\/image-41.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 486px) 100vw, 486px\" \/><\/figure><\/div><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Dica<\/h4>\n                    <p>Depois de publicar uma landing page, comece a realizar <a href=\"\/br\/tutoriais\/teste-ab-wordpress\"><strong>testes A\/B<\/strong><\/a> para analisar e otimizar as suas taxas de convers&atilde;o. Essa t&eacute;cnica de testagem vai te ajudar a descobrir qual design, textos e modelos funcionam melhor para suas campanhas.<\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><strong>Conclus&atilde;o<\/strong><\/h2><p>Uma landing page &eacute; um elemento essencial de um site WordPress, pois ela aumenta a taxa de convers&atilde;o e o engajamento dos clientes. H&aacute; tr&ecirc;s principais formas de criar uma landing page no WordPress.&nbsp;<\/p><p>Se voc&ecirc; &eacute; iniciante ou n&atilde;o deseja gastar muito tempo com esse processo, utilize um plugin ou tema do WordPress para criar sua p&aacute;gina. H&aacute; diversos plugins e temas dispon&iacute;veis, e eles contam com muitos recursos de edi&ccedil;&atilde;o para a personaliza&ccedil;&atilde;o e otimiza&ccedil;&atilde;o da sua landing page.&nbsp;<\/p><p>Se voc&ecirc; possui conhecimentos t&eacute;cnicos e est&aacute; familiarizado com c&oacute;digos HTML, PHP e CSS, construir uma landing page do zero &eacute; uma excelente op&ccedil;&atilde;o, j&aacute; que esse m&eacute;todo oferece mais flexibilidade na edi&ccedil;&atilde;o e personaliza&ccedil;&atilde;o da landing page.<\/p><p>Independente da t&eacute;cnica que voc&ecirc; escolher, lembre-se de utilizar um cabe&ccedil;alho chamativo, um design simples e um bot&atilde;o call-to-action claro para melhorar o desempenho e aumentar as taxas de convers&atilde;o da sua landing page.&nbsp;<\/p><p>Esperamos que este artigo tenha te ajudado a aprender como criar uma landing page no WordPress. Se voc&ecirc; ainda tiver qualquer d&uacute;vida sobre o tema, n&atilde;o hesite em deixar um coment&aacute;rio na se&ccedil;&atilde;o abaixo.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Uma landing page pode aumentar a taxa de convers&atilde;o do seu site WordPress pois incentiva os visitantes a tomarem algum tipo de a&ccedil;&atilde;o desejada, como se inscrever em uma newsletter, comprar um produto ou se cadastrar numa plataforma. A taxa de convers&atilde;o m&eacute;dia para landing pages &eacute; de 9,7%, mas adicionar elementos extras, como imagens [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/br\/tutoriais\/criar-landing-page-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":305,"featured_media":30547,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"","rank_math_description":"Conhe\u00e7a tr\u00eas m\u00e9todos para construir uma landing page de sucesso no WordPress, aumentando as convers\u00f5es e visibilidade do seu site.","rank_math_focus_keyword":"","footnotes":""},"categories":[4911],"tags":[7153,7152,5005],"class_list":["post-29258","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-como-criar-uma-landing-page","tag-landing-page","tag-plugin-wordpress-landing-page"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-create-a-landing-page-in-wordpress","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/criar-landing-page-wordpress","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/landing-page-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/wordpress-landing-page","default":0},{"locale":"ja-JP","link":"https:\/\/www.hostinger.com\/jp\/tutorials\/how-to-create-a-landing-page-in-wordpress\/","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-create-a-landing-page-in-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-create-a-landing-page-in-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-create-a-landing-page-in-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wordpress-landing-page","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/wordpress-landing-page","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wordpress-landing-page","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/criar-landing-page-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-create-a-landing-page-in-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-create-a-landing-page-in-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-create-a-landing-page-in-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-create-a-landing-page-in-wordpress","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/29258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/users\/305"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=29258"}],"version-history":[{"count":16,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/29258\/revisions"}],"predecessor-version":[{"id":48593,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/29258\/revisions\/48593"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media\/30547"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=29258"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=29258"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=29258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}