{"id":14782,"date":"2025-11-23T08:59:12","date_gmt":"2025-11-23T11:59:12","guid":{"rendered":"https:\/\/www.homehost.com.br\/blog\/?p=14782"},"modified":"2025-11-23T08:59:34","modified_gmt":"2025-11-23T11:59:34","slug":"webflow","status":"publish","type":"post","link":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/","title":{"rendered":"Webflow: site completo e responsivo com zero c\u00f3digo"},"content":{"rendered":"\n<p><strong>O Webflow \u00e9 uma ferramenta gratuita para design e publica\u00e7\u00e3o de sites com zero c\u00f3digo e em poucos instantes<\/strong>. Considerando a quantidade de sites criados diariamente, ele \u00e9 extremamente \u00fatil para programadores e n\u00e3o programadores.<\/p>\n\n\n\n<p>Nesse artigo, vamos trabalhar tr\u00eas maneiras de criar um site usando o Webflow: via template, Intelig\u00eancia Artificial (IA) e do zero.<\/p>\n\n\n\n<p>Tamb\u00e9m vamos trabalhar a quest\u00e3o de estiliza\u00e7\u00e3o do site. Continue lendo.<\/p>\n\n\n\n<p><code><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Conte\u00fado<\/p>\n<span class=\"ez-toc-title-toggle\"><\/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:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#O_que_e_o_Webflow\" title=\"O que \u00e9 o Webflow?\">O que \u00e9 o Webflow?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#Como_usar_o_Webflow\" title=\"Como usar o Webflow?\">Como usar o Webflow?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#Menu_principal_do_Webflow\" title=\"Menu principal do Webflow\">Menu principal do Webflow<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#Usando_IA_para_criar_site\" title=\"Usando IA para criar site\">Usando IA para criar site<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#Usando_um_template\" title=\"Usando um template\">Usando um template<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#Criando_landing_page_estatica_do_zero\" title=\"Criando landing page est\u00e1tica do zero\">Criando landing page est\u00e1tica do zero<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#1_Abrir_o_painel_de_Add\" title=\"1. Abrir o painel de Add\">1. Abrir o painel de Add<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#2_Escolher_uma_secao_pronta\" title=\"2. Escolher uma se\u00e7\u00e3o pronta\">2. Escolher uma se\u00e7\u00e3o pronta<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#3_Editar_conteudo\" title=\"3. Editar conte\u00fado\">3. Editar conte\u00fado<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#4_Personalizar_estilo\" title=\"4. Personalizar estilo\">4. Personalizar estilo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#5_Duplicar_ou_reordenar_secoes\" title=\"5. Duplicar ou reordenar se\u00e7\u00f5es\">5. Duplicar ou reordenar se\u00e7\u00f5es<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#6_Responsividade\" title=\"6. Responsividade\">6. Responsividade<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#7_Finalizar_pagina\" title=\"7. Finalizar p\u00e1gina\">7. Finalizar p\u00e1gina<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#Erros_comuns_usando_o_Webflow_pela_primeira_vez\" title=\"Erros comuns usando o Webflow pela primeira vez\">Erros comuns usando o Webflow pela primeira vez<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#Conclusao\" title=\"Conclus\u00e3o\">Conclus\u00e3o<\/a><\/li><\/ul><\/nav><\/div>\n<\/code><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"O_que_e_o_Webflow\"><\/span>O que \u00e9 o Webflow?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>O Webflow \u00e9 uma plataforma de desenvolvimento web <strong>visual<\/strong>, criada para permitir que voc\u00ea construa sites profissionais sem escrever c\u00f3digo, mas com o mesmo n\u00edvel de controle que teria se programasse do zero.<\/p>\n\n\n\n<p>Na pr\u00e1tica, ele funciona como um <strong>editor visual avan\u00e7ado<\/strong>: voc\u00ea arrasta elementos para a p\u00e1gina, ajusta cores, tamanhos, espa\u00e7amentos e anima\u00e7\u00f5es, e o Webflow converte tudo automaticamente em <strong><a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/espaco-html\/\">HTML<\/a>, <a href=\"https:\/\/www.homehost.com.br\/blog\/category\/tutoriais\/css-tutoriais\/\">CSS<\/a> e <a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/mudar-background-javascript\/\">JavaScript<\/a> limpos<\/strong>.<\/p>\n\n\n\n<p>Dessa maneira, voc\u00ea n\u00e3o fica preso a templates engessados, como acontece em alguns construtores mais simples.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_usar_o_Webflow\"><\/span>Como usar o Webflow?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>O <strong>Webflow<\/strong> usa a l\u00f3gica de blocos: voc\u00ea organiza seu site em <strong>Sections<\/strong> (se\u00e7\u00f5es), <strong>Containers<\/strong> (que centralizam o conte\u00fado), <strong>Grids<\/strong> ou <strong>Flexbox<\/strong> (que controlam a distribui\u00e7\u00e3o dos elementos). Dessa forma, voc\u00ea consegue estruturar p\u00e1ginas responsivas apenas arrastando e configurando elementos visuais.<\/p>\n\n\n\n<p>H\u00e1 tr\u00eas maneiras de usar o Webflow: criando com IA, usando um template ou criando do zero.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-1024x448.png\" alt=\"\" class=\"wp-image-14800\" width=\"1024\" height=\"448\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-1024x448.png 1024w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-300x131.png 300w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-768x336.png 768w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image.png 1084w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Vamos mostrar como fazer em cada uma das op\u00e7\u00f5es, mas antes, contextualizaremos o menu do Webflow:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Menu_principal_do_Webflow\"><\/span>Menu principal do Webflow<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Na lateral esquerda da interface ficam as ferramentas principais, por exemplo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Add (A)<\/strong>: onde voc\u00ea insere elementos b\u00e1sicos (texto, imagens, bot\u00f5es) ou se\u00e7\u00f5es prontas (Layouts);<\/li>\n\n\n\n<li><strong>Navigator<\/strong>: mostra a hierarquia dos elementos da p\u00e1gina, \u00fatil para organizar e selecionar partes espec\u00edficas;<\/li>\n\n\n\n<li><strong>Style<\/strong>: painel onde voc\u00ea ajusta cores, fontes, espa\u00e7amentos, alinhamentos e tudo relacionado ao design;<\/li>\n\n\n\n<li><strong>Pages<\/strong>: lista todas as p\u00e1ginas do projeto, permitindo criar novas ou editar as existentes;<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/o-que-e-cms\/\">CMS<\/a> Collections<\/strong>: quando voc\u00ea trabalha com conte\u00fados din\u00e2micos (como blogs ou cat\u00e1logos), \u00e9 aqui que gerencia tudo.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Usando_IA_para_criar_site\"><\/span>Usando IA para criar site<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ao clicar em <strong>criar site com IA<\/strong>, \u00e9 necess\u00e1rio seguir 4 passos antes de come\u00e7ar a buildar seu site:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-4.png\" alt=\"\" class=\"wp-image-14806\" width=\"474\" height=\"259\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-4.png 474w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-4-300x164.png 300w\" sizes=\"(max-width: 474px) 100vw, 474px\" \/><figcaption class=\"wp-element-caption\">1\u00b0 passo: escolher que tipo de projeto voc\u00ea quer criar (neg\u00f3cios ou projeto pessoal)<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image.png\" alt=\"\" class=\"wp-image-14807\" width=\"451\" height=\"288\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image.png 451w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-300x192.png 300w\" sizes=\"(max-width: 451px) 100vw, 451px\" \/><figcaption class=\"wp-element-caption\">Ainda no passo 1 voc\u00ea nomeia seu projeto<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-1.png\" alt=\"\" class=\"wp-image-14808\" width=\"463\" height=\"450\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-1.png 463w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-1-300x292.png 300w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-1-24x24.png 24w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-1-48x48.png 48w\" sizes=\"(max-width: 463px) 100vw, 463px\" \/><figcaption class=\"wp-element-caption\">2\u00b0 passo: inserir o prompt que vai guiar a IA na cria\u00e7\u00e3o do site, dando detalhes sobre o seu neg\u00f3cio\/projeto<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-2.png\" alt=\"\" class=\"wp-image-14809\" width=\"465\" height=\"854\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-2.png 465w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-2-163x300.png 163w\" sizes=\"(max-width: 465px) 100vw, 465px\" \/><figcaption class=\"wp-element-caption\">3\u00b0 passo: revisar a estrutura do site, se\u00e7\u00f5es necess\u00e1rias e desnecess\u00e1rias<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-3.png\" alt=\"\" class=\"wp-image-14810\" width=\"470\" height=\"762\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-3.png 470w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-3-185x300.png 185w\" sizes=\"(max-width: 470px) 100vw, 470px\" \/><figcaption class=\"wp-element-caption\">4\u00b0 passo: definir o estilo do site<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-4-1024x508.png\" alt=\"\" class=\"wp-image-14811\" width=\"1024\" height=\"508\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-4-1024x508.png 1024w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-4-300x149.png 300w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-4-768x381.png 768w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-4-1536x762.png 1536w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-4.png 1860w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Defina o tema do seu site antes de clicar em &#8220;Start building&#8221;<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-5-1024x362.png\" alt=\"\" class=\"wp-image-14812\" width=\"1024\" height=\"362\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-5-1024x362.png 1024w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-5-300x106.png 300w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-5-768x272.png 768w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-5-1536x543.png 1536w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-5.png 1578w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Pronto,<\/strong> voc\u00ea tem um site com todas as estruturas necess\u00e1rias, tema definido, estilo e responsividade. Agora \u00e9 s\u00f3 trocar os textos (se achar necess\u00e1rio) e imagens.<\/p>\n\n\n\n<p>Assim, com poucos cliques e ajustes, eu site est\u00e1 pronto para publicar ap\u00f3s os \u00faltimos ajustes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Usando_um_template\"><\/span>Usando um template<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Escolha a op\u00e7\u00e3o de <strong>&#8220;criar usando template&#8221;<\/strong> e escolha entre um dos gratuitos ou o que desejar. Por exemplo:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-6.png\" alt=\"\" class=\"wp-image-14813\" width=\"998\" height=\"819\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-6.png 998w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-6-300x246.png 300w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-6-768x630.png 768w\" sizes=\"(max-width: 998px) 100vw, 998px\" \/><figcaption class=\"wp-element-caption\">Painel de modelos dispon\u00edveis no Webflow<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-7-1024x496.png\" alt=\"\" class=\"wp-image-14814\" width=\"1024\" height=\"496\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-7-1024x496.png 1024w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-7-300x145.png 300w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-7-768x372.png 768w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-7-1536x744.png 1536w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-7.png 1585w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A estrutura do seu site est\u00e1 pronta para ser modificada (estilos, cores, temas etc.). S\u00e3o poucos passos e a responsividade se mant\u00e9m, independente do modelo.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#ff6a002e\"><strong>Lembre-se de verificar a <a href=\"https:\/\/www.dicio.com.br\/responsividade\/\">responsividade<\/a> conforme for alterando o modelo.<\/strong> Apesar de ser padr\u00e3o, modifica\u00e7\u00f5es espec\u00edficas podem funcionar de maneira diferente do desktop &gt; mobile e afins.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Criando_landing_page_estatica_do_zero\"><\/span>Criando landing page est\u00e1tica do zero<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Quando voc\u00ea opta por come\u00e7ar com um <strong>Blank Site<\/strong>, tem dois caminhos, por exemplo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Layouts<\/strong>: se\u00e7\u00f5es prontas que voc\u00ea arrasta para a p\u00e1gina (Hero, Footer, Galeria, etc.). \u00c9 o jeito <strong>mais indicado para iniciantes<\/strong>, porque j\u00e1 vem estruturado e voc\u00ea s\u00f3 troca o conte\u00fado e estiliza;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-3.png\" alt=\"\" class=\"wp-image-14803\" width=\"244\" height=\"804\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-3.png 244w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-3-91x300.png 91w\" sizes=\"(max-width: 244px) 100vw, 244px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Elements<\/strong>: blocos b\u00e1sicos (texto, imagem, bot\u00f5es, containers). Esse modo d\u00e1 <strong>mais liberdade e controle<\/strong>, mas exige entender a l\u00f3gica de estrutura (Section \u2192 Container \u2192 Div Block \u2192 Conte\u00fado). \u00c9 o preferido por quem quer personaliza\u00e7\u00e3o total;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-2.png\" alt=\"\" class=\"wp-image-14802\" width=\"247\" height=\"891\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-2.png 247w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-2-83x300.png 83w\" sizes=\"(max-width: 247px) 100vw, 247px\" \/><\/figure>\n\n\n\n<p>Usaremos os layouts prontos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Abrir_o_painel_de_Add\"><\/span>1. Abrir o painel de Add<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>No editor, clique na tecla A ou no \u00edcone de \u201c+\u201d Add na barra lateral.<\/p>\n\n\n\n<p>Troque para a aba <strong>Layouts <\/strong>(fica ao lado de Elements).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-8.png\" alt=\"\" class=\"wp-image-14815\" width=\"246\" height=\"366\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-8.png 246w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-8-202x300.png 202w\" sizes=\"(max-width: 246px) 100vw, 246px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Escolher_uma_secao_pronta\"><\/span>2. Escolher uma se\u00e7\u00e3o pronta<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Voc\u00ea vai ver blocos como Hero, Features, Gallery, CTA, Footer etc.<\/p>\n\n\n\n<p>Cada um j\u00e1 vem com estrutura b\u00e1sica (Section + Container + conte\u00fado interno).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-9.png\" alt=\"\" class=\"wp-image-14816\" width=\"247\" height=\"874\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-9.png 247w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-9-85x300.png 85w\" sizes=\"(max-width: 247px) 100vw, 247px\" \/><\/figure>\n\n\n\n<p>Clique na se\u00e7\u00e3o desejada e arraste para dentro da p\u00e1gina. Por exemplo:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-10.png\" alt=\"\" class=\"wp-image-14817\" width=\"178\" height=\"398\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-10.png 178w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-10-134x300.png 134w\" sizes=\"(max-width: 178px) 100vw, 178px\" \/><\/figure>\n\n\n\n<p>Arrastamos as se\u00e7\u00f5es Navbar, Hero section, Team e Footer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Editar_conteudo\"><\/span>3. Editar conte\u00fado<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Substitua o texto pelos seus t\u00edtulos, par\u00e1grafos e bot\u00f5es.<\/p>\n\n\n\n<p>Troque imagens diretamente pelo painel lateral direito.<\/p>\n\n\n\n<p>Ajuste cores e fontes no <strong>Style Panel<\/strong> para seguir sua identidade visual.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Personalizar_estilo\"><\/span>4. Personalizar estilo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Cada se\u00e7\u00e3o vem com classes aplicadas. Voc\u00ea pode:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Editar direto<\/strong> (vai alterar todos os elementos com essa classe);<\/li>\n\n\n\n<li><strong>Criar combo class<\/strong> (ex.: hero-section is-alt) se quiser uma varia\u00e7\u00e3o sem bagun\u00e7ar o estilo original.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/image-11.png\" alt=\"\" class=\"wp-image-14819\" width=\"241\" height=\"155\" \/><\/figure>\n\n\n\n<p class=\"has-background\" style=\"background-color:#ff6a002e\"><strong>Todos os elementos que tiverem a classe &#8220;Heading&#8221; (ou qualquer outra classe) ser\u00e3o modificados<\/strong>, assim, voc\u00ea n\u00e3o precisa modificar elemento por elemento, basta personalizar as classes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Duplicar_ou_reordenar_secoes\"><\/span>5. Duplicar ou reordenar se\u00e7\u00f5es<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Use o <strong>Navigator (atalho F)<\/strong> para reorganizar a ordem das se\u00e7\u00f5es.<\/p>\n\n\n\n<p>Voc\u00ea pode duplicar blocos (Ctrl\/Cmd + C \/ V) para repetir estruturas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"6_Responsividade\"><\/span>6. Responsividade<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>As se\u00e7\u00f5es prontas j\u00e1 v\u00eam configuradas para Desktop, Tablet e Mobile.<\/p>\n\n\n\n<p>Mas \u00e9 importante revisar: ajuste tamanhos de fonte e espa\u00e7amentos nos breakpoints menores.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"7_Finalizar_pagina\"><\/span>7. Finalizar p\u00e1gina<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Monte seu fluxo adicionando Hero \u2192 Features \u2192 CTA \u2192 Footer (ou o que fizer sentido).<\/p>\n\n\n\n<p>Teste a navega\u00e7\u00e3o e intera\u00e7\u00f5es antes de publicar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-1-1024x504.png\" alt=\"\" class=\"wp-image-14801\" width=\"1024\" height=\"504\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-1-1024x504.png 1024w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-1-300x148.png 300w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-1-768x378.png 768w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-1-1536x757.png 1536w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/09\/image-1.png 1870w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Erros_comuns_usando_o_Webflow_pela_primeira_vez\"><\/span>Erros comuns usando o Webflow pela primeira vez<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Escolher modelos sem avaliar sua adequa\u00e7\u00e3o ao projeto pode causar problemas futuros.<\/strong> Para evitar, portanto, defina o objetivo do site e selecione modelos que se alinhem \u00e0 marca e requisitos t\u00e9cnicos;<\/li>\n\n\n\n<li><strong>Ignorar o design responsivo, focando apenas no desktop, prejudica usu\u00e1rios m\u00f3veis<\/strong>. Use as ferramentas do Webflow para ajustar o layout em tablets e smartphones;<\/li>\n\n\n\n<li><strong>Exagerar em anima\u00e7\u00f5es e intera\u00e7\u00f5es pode sobrecarregar o site e os visitantes.<\/strong> Prefira, assim, efeitos sutis que melhorem a experi\u00eancia do usu\u00e1rio de maneira equilibrada;<\/li>\n\n\n\n<li><strong>Negligenciar pr\u00e1ticas de <a href=\"https:\/\/www.homehost.com.br\/blog\/seo\/o-que-e-seo\/\">SEO<\/a>, como preenchimento de meta t\u00edtulos e uso de texto alternativo em imagens, limita a visibilidade do site.<\/strong> Configure essas op\u00e7\u00f5es para otimizar o alcance;<\/li>\n\n\n\n<li><strong>Publicar sem testar o site em v\u00e1rios navegadores e dispositivos pode gerar erros que afastam visitantes<\/strong>. Realize testes completos antes do lan\u00e7amento;<\/li>\n\n\n\n<li><strong>N\u00e3o aproveitar os recursos do Webflow, como tutoriais da Webflow University e f\u00f3runs da comunidade, dificulta o aprendizado e potencial do usu\u00e1rio<\/strong>. Ent\u00e3o explore essas fontes para melhorar suas habilidades e solucionar problemas.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusao\"><\/span>Conclus\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>O Webflow \u00e9 realmente uma ferramenta incr\u00edvel para criar sites, sendo ideal tanto para iniciantes quanto para profissionais experientes.<\/strong> Ele permite criar sites responsivos, ou seja, que se adaptam automaticamente a diferentes tamanhos de tela, mesmo sem conhecimento em programa\u00e7\u00e3o. <\/p>\n\n\n\n<p>A cria\u00e7\u00e3o \u00e9 r\u00e1pida, e a ferramenta oferece um editor visual intuitivo, que facilita a edi\u00e7\u00e3o e manuten\u00e7\u00e3o dos sites.<\/p>\n\n\n\n<p>Al\u00e9m disso, <strong>o Webflow combina design, SEO otimizado, integra\u00e7\u00e3o com diversas ferramentas (como Google Ads, Analytics e outros),<\/strong> flexibilidade e alto poder de customiza\u00e7\u00e3o, o que o torna adequado para programadores que querem agilizar seu trabalho e empresas que gerenciam cria\u00e7\u00e3o de sites por demanda. <\/p>\n\n\n\n<p>A plataforma \u00e9 vers\u00e1til, atende diversos tipos de demandas e oferece recursos avan\u00e7ados para cria\u00e7\u00e3o de experi\u00eancias digitais modernas, intuitivas e eficientes (tanto para quem cria quanto para quem acessa). Portanto, o Webflow funciona para todos os tipos de usu\u00e1rios, desde pessoas que est\u00e3o come\u00e7ando at\u00e9 grandes demandas profissionais.<\/p>\n\n\n\n<p>Resumindo, sim, o Webflow permite criar sites responsivos, r\u00e1pidos e com muitas possibilidades de integra\u00e7\u00e3o e personaliza\u00e7\u00e3o, sendo uma solu\u00e7\u00e3o \u00fatil e acess\u00edvel para diversos perfis de usu\u00e1rios.<\/p>\n\n\n\n<p>Se gostou do nosso conte\u00fado, leia mais no nosso <a href=\"https:\/\/www.homehost.com.br\/blog\/\">blog<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O Webflow \u00e9 uma ferramenta gratuita para design e publica\u00e7\u00e3o de sites com zero c\u00f3digo e em poucos instantes. Considerando a quantidade de sites criados diariamente, ele \u00e9 extremamente \u00fatil para programadores e n\u00e3o programadores. Nesse artigo, vamos trabalhar tr\u00eas maneiras de criar um site usando o Webflow: via template, Intelig\u00eancia Artificial (IA) e do [&hellip;]<\/p>\n","protected":false},"author":31,"featured_media":14821,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_helpful_status":1,"_lmt_disableupdate":"","_lmt_disable":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-14782","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-criar-sites"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Webflow: site completo e responsivo com zero c\u00f3digo | Homehost<\/title>\n<meta name=\"description\" content=\"Saiba tudo que precisa para come\u00e7ar no Webflow, uma ferramenta gratuita de cria\u00e7\u00e3o de sites focada no visual e com nada de c\u00f3digo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Webflow: site completo e responsivo com zero c\u00f3digo | Homehost\" \/>\n<meta property=\"og:description\" content=\"Saiba tudo que precisa para come\u00e7ar no Webflow, uma ferramenta gratuita de cria\u00e7\u00e3o de sites focada no visual e com nada de c\u00f3digo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/\" \/>\n<meta property=\"og:site_name\" content=\"Homehost\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Homehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-23T11:59:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-23T11:59:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/Designs-de-artigos-e-afins-10.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1260\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Daiana S\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Homehost\" \/>\n<meta name=\"twitter:site\" content=\"@Homehost\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daiana S\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/\",\"name\":\"Webflow: site completo e responsivo com zero c\u00f3digo | Homehost\",\"isPartOf\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/Designs-de-artigos-e-afins-10.png\",\"datePublished\":\"2025-11-23T11:59:12+00:00\",\"dateModified\":\"2025-11-23T11:59:34+00:00\",\"author\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689\"},\"description\":\"Saiba tudo que precisa para come\u00e7ar no Webflow, uma ferramenta gratuita de cria\u00e7\u00e3o de sites focada no visual e com nada de c\u00f3digo.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#primaryimage\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/Designs-de-artigos-e-afins-10.png\",\"contentUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/Designs-de-artigos-e-afins-10.png\",\"width\":1260,\"height\":630,\"caption\":\"Webflow: criar sites profissionais sem escrever c\u00f3digo\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.homehost.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webflow: site completo e responsivo com zero c\u00f3digo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/\",\"name\":\"Homehost\",\"description\":\"Hospedagem De Sites\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689\",\"name\":\"Daiana S\",\"description\":\"Graduada em Letras pelo Instituto Federal da Para\u00edba e especializada em reda\u00e7\u00e3o geral. Gosto de escrever sobre tudo e me dedico em v\u00e1rios n\u00edveis de expressividade. No geral, todos os meus hobbies giram em torno de escrever alguma coisa e fazer isso bem. Contato: daiana.blog@homehost.com.br\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Webflow: site completo e responsivo com zero c\u00f3digo | Homehost","description":"Saiba tudo que precisa para come\u00e7ar no Webflow, uma ferramenta gratuita de cria\u00e7\u00e3o de sites focada no visual e com nada de c\u00f3digo.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/","og_locale":"pt_BR","og_type":"article","og_title":"Webflow: site completo e responsivo com zero c\u00f3digo | Homehost","og_description":"Saiba tudo que precisa para come\u00e7ar no Webflow, uma ferramenta gratuita de cria\u00e7\u00e3o de sites focada no visual e com nada de c\u00f3digo.","og_url":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/","og_site_name":"Homehost","article_publisher":"https:\/\/www.facebook.com\/Homehost\/","article_published_time":"2025-11-23T11:59:12+00:00","article_modified_time":"2025-11-23T11:59:34+00:00","og_image":[{"width":1260,"height":630,"url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/Designs-de-artigos-e-afins-10.png","type":"image\/png"}],"author":"Daiana S","twitter_card":"summary_large_image","twitter_creator":"@Homehost","twitter_site":"@Homehost","twitter_misc":{"Escrito por":"Daiana S","Est. tempo de leitura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/","url":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/","name":"Webflow: site completo e responsivo com zero c\u00f3digo | Homehost","isPartOf":{"@id":"https:\/\/www.homehost.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#primaryimage"},"image":{"@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#primaryimage"},"thumbnailUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/Designs-de-artigos-e-afins-10.png","datePublished":"2025-11-23T11:59:12+00:00","dateModified":"2025-11-23T11:59:34+00:00","author":{"@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689"},"description":"Saiba tudo que precisa para come\u00e7ar no Webflow, uma ferramenta gratuita de cria\u00e7\u00e3o de sites focada no visual e com nada de c\u00f3digo.","breadcrumb":{"@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#primaryimage","url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/Designs-de-artigos-e-afins-10.png","contentUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/Designs-de-artigos-e-afins-10.png","width":1260,"height":630,"caption":"Webflow: criar sites profissionais sem escrever c\u00f3digo"},{"@type":"BreadcrumbList","@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/webflow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.homehost.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Webflow: site completo e responsivo com zero c\u00f3digo"}]},{"@type":"WebSite","@id":"https:\/\/www.homehost.com.br\/blog\/#website","url":"https:\/\/www.homehost.com.br\/blog\/","name":"Homehost","description":"Hospedagem De Sites","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689","name":"Daiana S","description":"Graduada em Letras pelo Instituto Federal da Para\u00edba e especializada em reda\u00e7\u00e3o geral. Gosto de escrever sobre tudo e me dedico em v\u00e1rios n\u00edveis de expressividade. No geral, todos os meus hobbies giram em torno de escrever alguma coisa e fazer isso bem. Contato: daiana.blog@homehost.com.br"}]}},"modified_by":"ad_hmhst","jetpack_featured_media_url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/11\/Designs-de-artigos-e-afins-10.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/14782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=14782"}],"version-history":[{"count":7,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/14782\/revisions"}],"predecessor-version":[{"id":14822,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/14782\/revisions\/14822"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media\/14821"}],"wp:attachment":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=14782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=14782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=14782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}