Templates gratuitos para Landing Page \| TreinaWeb Promoção no ar Matricule-se agora e garanta **54% de desconto** Termina em Tempo restante da oferta: 18 Horas 43 Min 13 Seg Tempo restante da oferta: 18 43 13 [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Explorar [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) [ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) Templates gratuitos para Landing Page [ Marketing Digital ](https://www.treinaweb.com.br/blog/categoria/marketing-digital) # Templates gratuitos para Landing Page Veja neste artigo templates gratuitos para Landing Page. [ Ana Paula de Andrade ](https://www.treinaweb.com.br/blog/autor/ana-paula-andrade) 6 anos atrás ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/07/TEMPLATES-GRATUITOS-LANDING-PAGES.png) Nos artigos anteriores abordamos “[O que é Landing Page](https://www.treinaweb.com.br/blog/o-que-e-landing-page/ "O que é Landing Page")” e falamos sobre “[Ferramentas para criar Landing Page](https://www.treinaweb.com.br/blog/ferramentas-para-criar-landing-page/ "Ferramentas para criar Landing Page")”. Landing Pages, em sua tradução livre “páginas de destino”, são páginas únicas geradas com o intuito de manter o foco apenas no conteúdo central, ou seja, nas informações cruciais sobre determinado assunto/negócio, a fim de evitar distrações. São criadas justamente com um único objetivo: A conversão do visitante em Lead (potencial consumidor que demonstrou interesse em consumir seu produto/serviço por meio de um cadastro). Esta “conversão” é justamente o retorno do investimento quando o consumidor adquire um produto/serviço ou realiza alguma ação desejada pela empresa, como a solicitação de um orçamento ou até a inscrição em uma newsletter. Neste artigo abordaremos sobre templates gratuitos em HTML para criação de Landing Pages, uma ótima alternativa para quem já possui conhecimento na criação de sites. [ ![Marketing Digital - Fundamentos](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/marketing-digital.svg) Curso Marketing Digital - Fundamentos Conhecer o curso ](https://www.treinaweb.com.br/curso/introducao-ao-marketing-digital) ## Templates gratuitos para Landing Page ### DevBook ![DevBook template para criação de landing pages](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/07/DevBook.png) O DevBook é um dos modelos de templates gratuitos para Landing Page para quem deseja realizar a venda de livros ou ebooks online, contendo todos os elementos essenciais para envolver os visitantes e facilitar na criação de sua página. Dentre suas principais vantagens podemos citar: - Integração com plataformas como a [Gumroad](https://gumroad.com/), para administração de compras e pagamentos em seu nome; - Compatibilidade com navegadores modernos; - Desenvolvido utilizando Bootstrap 4; - Responsivo; - Possui mais de 1500 fontes, entre outras. **O [download do DevBook](https://themes.3rdwavemedia.com/bootstrap-templates/product/devbook-free-bootstrap-4-book-ebook-landing-page-template-for-developers/) pode ser feito em seu próprio site, e há também uma página para [visualizar o template](https://themes.3rdwavemedia.com/demo/devbook/) .** ### Tivo ![Tivo template para criação de landing pages](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/07/Tivo.png) O Tivo é um template criado para apresentação de Softwares como Serviço (SaaS) e pode ser utilizado também para demonstração de qualquer tipo de produto ou serviço online. Possui uma versão gratuita, que exige a atribuição de direitos autorais na parte inferior da página e a versão Pro, que possui toda a documentação e suporte necessários. Possui uma página com a [live preview](https://inovatik.com/tivo-landing-page/index.html) do site, onde é notório o seu estilo de design limpo e leve. Como características podemos citar: - Construído utilizando o Bootstrap 4, HTML/CSS e JS; - Slides de imagens para logotipos; - Slides de texto para depoimentos; - Guias para descrição do recurso; - Menu de navegação suspenso; - Fontes Do Google, Font Awesome; - Código válido do W3C; - Design responsivo para qualquer dispositivo, entre outros. **O [download do Tivo](https://inovatik.com/tivo-free-saas-app-landing-page-template.html) pode ser feito em seu próprio site, onde é possível visualizar seus demais recursos.** ### Snap ![Snap template para criação de landing pages](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/07/Snap.png) O Snap é um modelo de landing Page criativo, moderno e muito bonito, desenvolvido em Bootstrap 4, totalmente responsivo, limpo e de fácil personalização, conforme podemos visualizar em sua [live preview](https://webresourcesdepot.com/demo/snap/). É um template que possui mais de 10 esquemas de cores e vem com arquivos SaaS para personalizações rápidas. Criativo, com o Snap é possível obter todas as páginas e seções necessárias que um site moderno e atual precisa para apresentar seus recursos de maneira correta. Possui como características: - Solução digital corporativa; - Variação flexível da página inicial; - Testado em diferentes dispositivos móveis; - Carrossel para exibição de avaliações de usuários; - Guia de preços; - Seção de suporte, entre outras. **O [download do Snap](https://webresourcesdepot.com/freebie/snap/) pode ser feito em seu próprio site.** ### Tailwind Landing Page ![Tailwind template para criação de landing pages](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/07/Tailwind-toolbox.png) O Tailwind Landing Page é um template criado pela Tailwind Toolbox, conjunto de modelos e componentes de código-fonte grátis do framework Tailwind CSS de código aberto para você começar rapidamente a criar sites. Em sua [live preview](https://www.tailwindtoolbox.com/templates/landing-page-demo.php) podemos visualizar suas principais características, como: - Cabeçalho fixo; - Seção Hero - duas colunas para telas grandes e duas linhas para telas pequenas; - Seções de conteúdo promocional, entre outras. **O [download do Tailwind Landing Page](https://www.tailwindtoolbox.com/templates/landing-page) pode ser feito em seu próprio site.** ### Leno ![Leno template para criação de landing pages](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/07/Leno.png) Criado com CSS, HTML e JavaScript, o Leno é um modelo de template atraente, que apresenta um slide de imagem e diversas outras funcionalidades prontas, como, por exemplo, carrossel dinâmico para depoimentos de clientes e seção de formulário de contato, entre outros, conforme podemos visualizar em sua [live preview](https://inovatik.com/leno-landing-page/index.html). Dentre suas principais características podemos citar: - Menu de navegação suspenso; - Construído utilizando o Bootstrap; - Design responsivo que funciona muito bem em qualquer dispositivo; - Código válido do W3C testado em todos os principais navegadores, entre outros. **O [download do Leno](https://inovatik.com/leno-free-mobile-app-landing-page-template.html) pode ser feito em seu próprio site.** [ ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/06/sessao-mentoria.jpg) ](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?forma=cartao) - [ #template ](https://www.treinaweb.com.br/blog/tag/template) - [ #Landing Page ](https://www.treinaweb.com.br/blog/tag/landing-page) - [ #gratuito ](https://www.treinaweb.com.br/blog/tag/gratuito) Autor ![Ana Paula de Andrade](//secure.gravatar.com/avatar/76297b487187c82ae476e823018dbfc0?d=mm) ## Ana Paula de Andrade Graduanda em Sistemas de Informação pelo Instituto Federal da Bahia. É responsável pelo atendimento ao cliente, gerenciamento de redes sociais e revisão de cursos, além da redação de artigos para o blog da TreinaWeb. [Todos os artigos](https://www.treinaweb.com.br/blog/autor/ana-paula-andrade) ## Continue estudando Transforme leitura em prática com os cursos e formações da TreinaWeb. [Ver cursos](https://www.treinaweb.com.br/cursos) Continue lendo ## Artigos relacionados - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/07/FERRAMENTAS-LANDING-PAGE-400x280.png) [ Marketing Digital ](https://www.treinaweb.com.br/blog/categoria/marketing-digital) 6 anos atrás ## [ Ferramentas para criar Landing Page ](https://www.treinaweb.com.br/blog/ferramentas-para-criar-landing-page) Veja neste artigo algumas ferramentas para criar Landing Page. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/01/22182140/TEMPLATES-GRATUITOS-400x280.png) [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) 8 anos atrás ## [ Templates gratuitos para aplicações administrativas ](https://www.treinaweb.com.br/blog/templates-gratuitos-para-aplicacoes-administrativas) Neste artigo veremos alguns templates para criação de aplicações administrativas. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/04/22184958/JOOMLA-400x280.png) [ CMS's e E-commerce ](https://www.treinaweb.com.br/blog/categoria/cmss-e-e-commerce) 7 anos atrás ## [ Joomla: confira mais sobre esse CMS e se ainda vale a pena utilizá-lo ](https://www.treinaweb.com.br/blog/joomla-confira-mais-sobre-esse-cms-e-se-ainda-vale-a-pena-utiliza-lo) Confira neste artigo o Joomla, o segundo CMS mais utilizado do mercado. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/03/02134945/capa-cms-400x280.png) [ CMS's e E-commerce ](https://www.treinaweb.com.br/blog/categoria/cmss-e-e-commerce) 9 anos atrás ## [ Quais as vantagens de se utilizar um CMS? ](https://www.treinaweb.com.br/blog/quais-as-vantagens-de-se-utilizar-um-cms) Existem muitas vantagens em se utilizar um CMS e, dependendo do que você precisa, pode ser mais que indicado. Confira neste artigo. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/05/NEST-JS-UPLOAD-ARQUIVOS-400x280.png) [ Node ](https://www.treinaweb.com.br/blog/categoria/node-js) 3 anos atrás ## [ Como realizar upload no S3 com NestJS ](https://www.treinaweb.com.br/blog/como-realizar-upload-no-s3-com-nestjs) Neste artigo vamos aprender o passo a passo de como realizar o upload de arquivos para a AWS S3 utilizando uma aplicação NestJS. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/ghost-400x280.jpg) [ Ghost ](https://www.treinaweb.com.br/blog/categoria/ghost) 10 anos atrás ## [ Ghost, uma ótima alternativa para blogs pessoais e profissionais ](https://www.treinaweb.com.br/blog/ghost-uma-otima-alternativa-para-blogs-profissionais-e-pessoais) Conheça o Ghost, uma poderosa plataforma para desenvolvimento de blogs. Roda sob o NodeJs e possui suporte para os bancos de dados SQLite e MySQL. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/07/19173134/IONIC-400x280.png) [ Desenvolvimento Mobile ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-mobile) 7 anos atrás ## [ O que é Ionic? ](https://www.treinaweb.com.br/blog/o-que-e-ionic) Veja neste artigo o que é o Ionic, principal Framework para desenvolvimento de aplicações móveis híbridas. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/01/conhecendo-o-mean-stack-400x280.png) [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript) 6 anos atrás ## [ Conhecendo o MEAN Stack ](https://www.treinaweb.com.br/blog/conhecendo-o-mean-stack) Conheça neste artigo o que é o MEAN Stack. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/05/07153648/LARAVEL-ANA-400x280.png) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 8 anos atrás ## [ O que é Laravel? ](https://www.treinaweb.com.br/blog/o-que-e-laravel) Neste artigo veremos o que é Laravel e algumas de suas características. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/03/15005449/DJANGO-O-QUE-É-400x280.png) [ Python ](https://www.treinaweb.com.br/blog/categoria/python) 8 anos atrás ## [ O que é Django? ](https://www.treinaweb.com.br/blog/o-que-e-django) Neste artigo conheceremos o que é Django, principal framework Python para desenvolvimento web. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/08/NEST-JS-CLASS-VALIDATOR-CLASS-TRANSFORMER-400x280.png) [ Desenvolvimento Back-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-back-end) 4 anos atrás ## [ Como enviar emails com NestJS e Nodemailer ](https://www.treinaweb.com.br/blog/como-enviar-emails-com-nestjs-e-nodemailer) Neste artigo vamos aprender como enviar emails utilizando o NestJS e o Nodemailer, um dos módulos mais utilizados do ecossistema NodeJS. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/08/o_que_e_drupal-400x280.png) [ Drupal ](https://www.treinaweb.com.br/blog/categoria/drupal) 6 anos atrás ## [ O que é Drupal? ](https://www.treinaweb.com.br/blog/o-que-e-drupal) Veja neste artigo o que é o Drupal. Ler artigo ## Um ano de acesso total para você viver de programação. Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho. - **1 ano** de acesso a **todos os cursos** - Cursos novos **toda semana** - Suporte **direto com professores** - Plano de carreira **personalizado** - **Certificados digitais** inclusos - **Aplicativos** para Android e iOS, com **acesso offline** **Garantia incondicional de satisfação** Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro. ### Acesso completo a todos os cursos e dezenas de Formações. 12 meses Economize R$ 840,00 54% OFF de 12x R$ 129,00 por apenas 12x R$ 59,00 sem juros no cartão de crédito ou R$ 599,00 à vista Oferta termina em **18h 43min 13s** - Acesso imediato e ilimitado durante 1 ano. - Plano de carreira personalizado. - Suporte direto com professores. - E muito mais! [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Escola online de programação, tecnologia e IA. - [ ](https://www.facebook.com/TreinaWeb/) - [ ](https://www.instagram.com/treinaweb/) - [ ](https://www.youtube.com/user/TreinaWeb) - [ ](https://twitter.com/treinaweb) - [ ](https://www.linkedin.com/company/treinaweb) - [ ](https://github.com/treinaweb) ## Inscreva-se em nossa newsletter Receba lançamentos, promoções e novidades. Seu nome Seu WhatsApp Seu melhor e-mail Inscrever-se ## Cursos - [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs) - [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end) - [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end) - [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile) - [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados) - [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing) - [ IA ](https://www.treinaweb.com.br/categoria/ia) - [ E mais ](https://www.treinaweb.com.br/categoria/e-mais) - [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos) ## Conteúdo - [ Formações ](https://www.treinaweb.com.br/formacoes) - [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos) - [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto) - [ Planos ](https://www.treinaweb.com.br#assinatura) - [ Depoimentos ](https://www.treinaweb.com.br#depoimentos) - [ Comunidade ](https://www.treinaweb.com.br#comunidade) - [ Corpo docente ](https://www.treinaweb.com.br#docente) ## A empresa - [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre) - [ Perguntas frequentes ](https://www.treinaweb.com.br#faq) - [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb) - [ Cursos para empresas ](https://www.treinaweb.com.br/empresas) - [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso) - [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco) - [ Artigos ](https://www.treinaweb.com.br/blog) - [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers) - [ Contato ](https://www.treinaweb.com.br/contato) - [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade) - [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso) ## Baixe nosso aplicativo [ Disponível na **App Store** ](https://apps.apple.com/us/app/treinaweb/id1322729447) [ Disponível no **Google Play** ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200 © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58