\n Perguntas Frequentes<\/a>
\n Designer de Sites Webflow<\/a>
\n Sistema de Gerenciamento de Conte\u00fado<\/a>
\n Implementa\u00e7\u00e3o e Hospedagem<\/a>
\n Com\u00e9rcio Eletr\u00f4nico Webflow<\/a>
\n Pre\u00e7os do Webflow<\/a>
\n Op\u00e7\u00f5es de Colabora\u00e7\u00e3o<\/a>
\n Pr\u00f3s e Contras<\/a>
\n Voc\u00ea Deve Usar o Webflow?<\/a>
\n Sua Opini\u00e3o!<\/a>\n<\/div>\n
Perguntas Frequentes<\/h2>\n
Antes de mergulharmos de cabe\u00e7a, vamos passar por algumas das perguntas mais populares que costumamos receber a respeito do Webflow e oferecer respostas breves contendo refer\u00eancias \u00e0s se\u00e7\u00f5es relevantes desta avalia\u00e7\u00e3o:<\/p>\n
— O Que \u00c9 Webflow?<\/strong> 🤔<\/p>\n
Em sua ess\u00eancia, o Webflow<\/a> \u00e9 um kit de ferramentas online para cria\u00e7\u00e3o e gerenciamento de sites; um h\u00edbrido glorioso que fica no meio do caminho entre criadores tradicionais de sites, como o Wix; sistemas cl\u00e1ssicos de gerenciamento de conte\u00fado, como o WordPress; e de fato codificar seu site \u00e0 m\u00e3o.<\/p>\n
J\u00e1 deu pra ficar confuso? Este guia foi criado com a inten\u00e7\u00e3o de resolver isso! O melhor lugar para come\u00e7ar \u00e9 olhando as partes principais do kit de ferramentas do Webflow, incluindo Designer de Sites<\/a>, CMS<\/a> e implementa\u00e7\u00e3o\/hospedagem<\/a>.<\/p>\n
— Quanto Custa o Webflow?<\/strong> 💳<\/p>\n
Essa \u00e9 dif\u00edcil! Na verdade, \u00e9 provavelmente a pergunta mais dif\u00edcil de se responder a respeito do Webflow \u2013 ent\u00e3o, em vez de usarmos um monte de palavras, n\u00f3s decidimos montar um gr\u00e1fico. Voc\u00ea pode encontr\u00e1-lo na se\u00e7\u00e3o de Pre\u00e7os usando este link<\/a>.<\/p>\n
Em linhas gerais, h\u00e1 duas camadas de precifica\u00e7\u00e3o no Webflow: planos de conta e planos de site. Os planos de conta determinam quantas pessoas da sua equipe podem usar o Webflow e para quantos projetos; os planos de site, por sua vez, desbloqueiam tr\u00e1fegos mais altos e capacidade de com\u00e9rcio eletr\u00f4nico.<\/p>\n
— O Webflow \u00c9 F\u00e1cil de Usar?<\/strong> 🙉<\/p>\n
Bem, esta resposta provavelmente n\u00e3o vai te surpreender, porque ela \u00e9: uma vez que voc\u00ea tiver aprendido, a experi\u00eancia do usu\u00e1rio \u00e9 bastante fluida<\/em>. Sim, h\u00e1 uma curva de aprendizagem mais \u00edngreme do que, digamos, com o Wix ou o Squarespace, mas a recompensa \u00e9 uma ferramenta muito mais flex\u00edvel, customiz\u00e1vel e poderosa.<\/p>\n
N\u00f3s discutiremos esta quest\u00e3o com muito mais detalhes nas tr\u00eas se\u00e7\u00f5es seguintes, que lidam especificamente com a funcionalidade base do Webflow:<\/p>\n
Designer de Sites Webflow<\/h2>\nO Webflow oferece tr\u00eas componentes principais: a ferramenta visual de web design, sem c\u00f3digo; o sistema de gerenciamento de conte\u00fado (do ingl\u00eas, contente management system, ou CMS); e a hospedagem \u2013 sendo que o primeiro \u00e9, possivelmente, o carro-chefe do servi\u00e7o. Nesta se\u00e7\u00e3o, vamos dar uma olhada mais de perto no Designer de Sites Webflow<\/a>.<\/p>\n
O que parece uma janela do Photoshop \u00e9 na verdade mais como uma ferramenta de automa\u00e7\u00e3o HTML\/CSS, onde o usu\u00e1rio \u00e9 livre para adicionar, posicionar e estilizar elementos como quiser, enquanto o sistema subjacente gera o markup e todo o c\u00f3digo necess\u00e1rio automaticamente <\/strong>. A interface \u00e9 bastante complexa e leva algum tempo para o usu\u00e1rio se acostumar com ela, ainda assim, este \u00e9 sem d\u00favida um dos criadores de site em tempo real mais poderosos e vers\u00e1teis que existem hoje em dia.<\/p>\n
$\"\"$ <\/p>\n
Vamos deixar bem claro desde o in\u00edcio: voc\u00ea n\u00e3o vai conseguir simplesmente desenhar uma figura no meio da tela. Em vez de oferecer uma maneira ing\u00eanua de se montar um visual para uma p\u00e1gina web, o Webflow<\/a> \u00e9 realista e reconhece que, por tr\u00e1s de cada elemento, sempre h\u00e1 c\u00f3digo de verdade, e que esse c\u00f3digo fica cada vez mais bagun\u00e7ado se voc\u00ea n\u00e3o considerar a maneira como HTML e CSS funcionam.<\/p>\n
Em outras palavras, para desenhar um quadrado no meio da p\u00e1gina, voc\u00ea precisar\u00e1 adicionar um novo elemento <div><\/code> (um “cont\u00eainer” ou uma “se\u00e7\u00e3o” no vocabul\u00e1rio do Webflow), colocar seu posicionamento como \u201cfixo\u201d e suas posi\u00e7\u00f5es superior-direita-inferior-esquerda em 0 \u2013 bem-vindos ao mundo real, crian\u00e7as!<\/p>\n
Sim, o painel do criador do Webflow consiste efetivamente de propriedades CSS, ent\u00e3o para apreciar o poder desta ferramenta ao m\u00e1ximo \u00e9 necess\u00e1rio estar familiarizado com HTML\/CSS. No entanto, se voc\u00ea marcar a op\u00e7\u00e3o \u201ceu n\u00e3o escrevo c\u00f3digo\u201d durante o processo de registro, o Webflow<\/a> automatizar\u00e1 uma parte significativa do criador para voc\u00ea, por exemplo lidando com os pontos de quebra de m\u00eddia para garantir um comportamento responsivo (ou seja, gerando um c\u00f3digo adequado para dispositivos m\u00f3veis imediatamente em sua p\u00e1gina).<\/p>\n
Trabalhando com pontos de quebra de m\u00eddia e visualiza\u00e7\u00e3o em dispositivos no Webflow<\/p><\/div>\n Nem precisa dizer: n\u00e3o seria poss\u00edvel abarrotar cada um dos recursos de CSS no Designer \u2013 e \u00e9 por isso que o Webflow simplifica a maioria dos par\u00e2metros menos \u00fateis ou menos utilizados, e torna o vocabul\u00e1rio mais acess\u00edvel para o usu\u00e1rio, desde oferecer op\u00e7\u00f5es pr\u00e9-definidas a introduzir toggles que mostram ou escondem recursos \u201cavan\u00e7ados\u201d e controle mais granular.<\/p>\n\u00c9 poss\u00edvel come\u00e7ar com uma tela em branco ou usar qualquer um dos templates j\u00e1 prontos<\/a>, alguns dos quais inclusive v\u00eam com estrutura do site pronta<\/strong>. H\u00e1 mais de 30 templates gr\u00e1tis e 100 templates premium na biblioteca do Webflow, com a principal diferen\u00e7a entre esses dois grupos sendo o n\u00edvel de detalhes e recursos inclu\u00eddos, como estilos e imagens. Os temas pagos variam ente USD 40 e USD 80 e h\u00e1 as cria\u00e7\u00f5es da comunidade Webflow, ou seja, designers e desenvolvedores profissionais que n\u00e3o trabalham para a empresa.<\/p>\n Pelos motivos listados acima, come\u00e7ar com uma tela em branco \u00e9 mais recomend\u00e1vel para aqueles que j\u00e1 possuem pelo menos um pouco de experi\u00eancia pr\u00e1tica com HTML\/CSS e se sentem \u00e0 vontade mexendo nos blocos a partir do zero. Se voc\u00ea nunca usou c\u00f3digo antes \u2013 ou mesmo se j\u00e1 usou, mas quer se familiarizar com o kit de ferramentas do Webflow antes \u2013 \u00e9 mais aconselh\u00e1vel trabalhar com um template j\u00e1 pronto.<\/p>\n Al\u00e9m do conte\u00fado est\u00e1tico, as anima\u00e7\u00f5es s\u00e3o uma parte essencial da ferramenta de design do Webflow<\/a>, adicionando uma camada extra de interatividade aos websites resultantes que pode ser dif\u00edcil de conseguir e testar usando ferramentas mais tradicionais. Primeiramente, voc\u00ea pode adicionar transi\u00e7\u00f5es e transforma\u00e7\u00f5es diretamente em qualquer elemento usando a mesma barra de ferramentas \u00e0 direita com propriedades do elemento \u2013 o que economiza muito tempo, uma vez que a maioria destas regras de CSS s\u00e3o tediosas de escrever \u00e0 m\u00e3o e muitos desenvolvedores usam alguma ferramenta de gera\u00e7\u00e3o autom\u00e1tica de qualquer maneira.<\/p>\n A divers\u00e3o come\u00e7a de verdade no painel de \u201cIntera\u00e7\u00f5es\u201d, acess\u00edvel da aba com o \u00edcone de raio no topo da barra de ferramentas \u00e0 direita: l\u00e1 voc\u00ea pode adicionar anima\u00e7\u00f5es com base no estado da p\u00e1gina ou nas intera\u00e7\u00f5es do usu\u00e1rio com um elemento espec\u00edfico (por exemplo, hover, clicar). Em ess\u00eancia, \u00e9 uma ferramenta de automa\u00e7\u00e3o de Javascript<\/strong>, que pode potencialmente substituir 80-90% do seu arquivo JS comum para um site padr\u00e3o \u2013 anima\u00e7\u00f5es do menu, transi\u00e7\u00f5es de elementos, estados dos bot\u00f5es em hover e muito mais.<\/p>\n D\u00ea uma Volta no Designer de Sites Webflow ›<\/a><\/p>\n As abas restantes da barra lateral cont\u00eam o Navegador (uma \u00e1rvore HTML) e o Gerenciador de Estilo (hierarquia CSS), que s\u00e3o \u00fateis enquanto ferramentas de vis\u00e3o geral, mas adicionam menos valor quando comparadas aos pain\u00e9is discutidos acima.<\/p>\n No geral, a equipe do Webflow<\/a> conseguiu criar um kit de ferramentas de automa\u00e7\u00e3o de c\u00f3digo muito abrangente, que funciona como um editor semivisual; qualquer um que jamais tentou escrever seu pr\u00f3prio website \u00e0 m\u00e3o apreciar\u00e1 o quanto o Webflow simplifica o processo de criar p\u00e1ginas atraentes e com c\u00f3digo limpo.<\/p>\n Sistema de Gerenciamento de Conte\u00fado<\/h2>\nAl\u00e9m de edi\u00e7\u00e3o no site, ou seja, da possibilidade de alterar qualquer texto ou m\u00eddia diretamente na p\u00e1gina que voc\u00ea est\u00e1 desenhando, o CMS Webflow<\/a> permite definir tipos de conte\u00fado customizados manualmente (posts de blog, projetos, membros da equipe, etc.), com campos totalmente personaliz\u00e1veis que podem melhorar em muito a vida daqueles que gerenciam projetos online maiores, com estruturas complexas.<\/p>\n Isso vem na forma do Cole\u00e7\u00f5es CMS (ou CMS Collections), acess\u00edvel da aba com um \u00edcone de pilha no lado esquerdo do editor principal. Depois de criar uma cole\u00e7\u00e3o, que \u00e9 basicamente um tipo espec\u00edfico de conte\u00fado, voc\u00ea pode configurar os campos e adicionar itens para serem usados tanto como p\u00e1ginas individuais quanto como listas\/tabelas em p\u00e1ginas est\u00e1ticas j\u00e1 existentes. Por exemplo, voc\u00ea pode adicionar uma cole\u00e7\u00e3o de \u201cmembros da equipe\u201d para criar uma p\u00e1gina mostrando os dados do pessoal da sua empresa, como fotos, nomes, descri\u00e7\u00f5es, links sociais, etc.<\/p>\n Al\u00e9m do back-end de CMS, h\u00e1 tamb\u00e9m o Editor Webflow<\/a>, que permite adicionar novos conte\u00fados do tipo existente em um site publicado \u2013 \u00fatil tanto para os criadores do site quanto para seus colaboradores, assim como para seus clientes. Isso significa que voc\u00ea obt\u00e9m um site totalmente funcional com p\u00e1ginas est\u00e1ticas edit\u00e1veis e com conte\u00fado din\u00e2mico como posts de blog, portf\u00f3lio de projetos, etc., sem precisar instalar quaisquer plugins.<\/p>\n O fato de ele oferecer diversos tipos de conte\u00fado, dos quais os posts de blog s\u00e3o apenas uma op\u00e7\u00e3o, significa que, quando o assunto \u00e9 flexibilidade de CMS, o Webflow engole o WordPress<\/a> e outros sistemas de fonte aberta como o Drupal. O ponto negativo \u00e9 que leva algum tempo para se acostumar com ele; no entanto, a Universidade Webflow<\/a> pode garantir que a curva de aprendizagem seja a mais tranquila poss\u00edvel.<\/p>\n Uma coisa que n\u00e3o parece fazer parte do sistema de CMS do Webflow desde o in\u00edcio \u00e9 a localiza\u00e7\u00e3o \u2013 criar um site multil\u00edngue no Webflow costumava ser uma bela dor de cabe\u00e7a antes que extens\u00f5es de terceiros (mais especificamente, o Weglot<\/a>) aparecessem.<\/p>\n Algumas pessoas podem ter a impress\u00e3o que o Webflow<\/a> se esfor\u00e7a para tornar a parte de gerenciamento de conte\u00fado o mais integrada poss\u00edvel para n\u00e3o roubar os holofotes do Designer de Sites \u2013 o que n\u00e3o \u00e9 uma coisa ruim, considerando sua proposta de valor principal. De qualquer forma, o CMS do Webflow ainda \u00e9 muito mais flex\u00edvel e diverso que o do WordPress b\u00e1sico<\/strong> ou o de criadores de sites populares como o Wix<\/a>.<\/p>\n Implementa\u00e7\u00e3o e Hospedagem<\/h2>\nPublicar sua cria\u00e7\u00e3o em um URL ao vivo \u00e9 fac\u00edlimo com o Webflow: clicando no bot\u00e3o correspondente no topo da tela do Designer, ser\u00e1 gerado um menu de op\u00e7\u00f5es de implementa\u00e7\u00e3o dispon\u00edveis, que incluem um subdom\u00ednio do dom\u00ednio webflow.com (tipicamente recomendado para fins de testagem) e um dom\u00ednio customizado. Com o pr\u00f3ximo clique, voc\u00ea pode publicar em qualquer um ou ambos estes locais sem ter que se preocupar com os detalhes \u2013 todo o resto \u00e9 processado no fundo, automaticamente.<\/p>\nOs servi\u00e7os de Hospedagem do Webflow<\/a> seguem seu princ\u00edpio de \u201ccomece a criar de gra\u00e7a, adicione a hospedagem para publicar\u201d: voc\u00ea pode desenhar um prot\u00f3tipo (at\u00e9 duas p\u00e1ginas est\u00e1ticas) em seu ambiente de teste, ou seja, em um subdom\u00ednio do webflow.com, e depois conectar seu pr\u00f3prio nome de dom\u00ednio (n\u00e3o incluso) ao atualizar para um dos planos de hospedagem do Webflow. Estes v\u00e3o da op\u00e7\u00e3o b\u00e1sica, que custa USD 12 por m\u00eas* com um limite mensal de 25 mil visitas, \u00e0 vers\u00e3o de neg\u00f3cios de USD 36 por m\u00eas*, com mais recursos e limite mensal de 1 milh\u00e3o de visitas (*para cobran\u00e7a anual).<\/p>\n Al\u00e9m de ser uma solu\u00e7\u00e3o integrada, h\u00e1 diversas vantagens na Hospedagem Webflow<\/strong> que podem realmente fazer a diferen\u00e7a para o desempenho do seu site e para seu fluxo de trabalho:<\/p>\n \nComo ela \u00e9 baseada nas infraestruturas distribu\u00eddas de alguns dos maiores fornecedores de nuvem do mundo (Amazon Cloudfront e Fastly), ela pode aumentar de acordo com suas demandas de tr\u00e1fego, removendo a necessidade de atualizar seu servidor manualmente.<\/li>\n Uma rede de fornecimento de conte\u00fado (CDN) embutida e sem custos adicionais garante que seu site seja servido por um n\u00f3dulo que fica geograficamente pr\u00f3ximo aos seus visitantes, n\u00e3o importa onde estejam localizados.<\/li>\n A infraestrutura distribu\u00edda avan\u00e7ada significa que o site carrega mais rapidamente e tem um uptime de quase 100%, independentemente de picos no tr\u00e1fego ou at\u00e9 de ataques maliciosos.<\/li>\nUm certificado SSL embutido sem custos adicionais garante que seu site esteja imediatamente em conformidade com os padr\u00f5es modernos de seguran\u00e7a \u2013 sem necessidade de configura\u00e7\u00e3o ou prolonga\u00e7\u00e3o.<\/li>\n<\/ul>\nConsiderando os fatores acima, a Hospedagem Webflow<\/a> \u00e9 uma hospedagem escalon\u00e1vel e pronta para uso, com CDN embutido e precificada de acordo com as melhores solu\u00e7\u00f5es autogerenciadas, como Digital Ocean, e criadores tradicionais de sites. Seu custo benef\u00edcio \u00e9 um \u00f3timo complemento \u00e0s outras capacidades deste programa online, fazendo dele uma solu\u00e7\u00e3o completa para criadores web e potencialmente permitindo que voc\u00ea economize centenas de d\u00f3lares por ano em CDN, SSL e outros extras que, de outra forma, teriam de ser comprados separadamente. <\/p>\n Com\u00e9rcio Eletr\u00f4nico Webflow<\/h2>\nUma das adi\u00e7\u00f5es mais recentes (e aguardadas) ao Webflow<\/a> \u00e9 sua vers\u00e3o de Com\u00e9rcio Eletr\u00f4nico, que traz capacidades integrais de compras online a este kit de ferramentas.<\/p>\n Ela vem com um novo conjunto de planos de pagamento<\/a> que oferece todos os essenciais para projetos que realizam vendas online, incluindo gerenciamento de produtos e invent\u00e1rio, carrinhos customizados, controle total sobre os e-mails de clientes e checkout de hospedagem pr\u00f3pria.<\/p>\n A principal proposta de valor do Com\u00e9rcio Eletr\u00f4nico Webflow \u00e9 a possibilidade de customizar cada detalhe da sua loja online, desde a disposi\u00e7\u00e3o dos produtos e p\u00e1ginas de pagamento \u00e0 apar\u00eancia das notifica\u00e7\u00f5es de compra. <\/p><\/blockquote>\n Isso pode ser contrastado com a situa\u00e7\u00e3o atual dos softwares de cria\u00e7\u00e3o de sites para com\u00e9rcio eletr\u00f4nico como Shopify, Wix ou at\u00e9 mesmo o pacote WooComerce + WordPress, onde \u00e9 preciso exercer um esfor\u00e7o consider\u00e1vel (e ter boas habilidades de programa\u00e7\u00e3o) para alcan\u00e7ar um controle t\u00e3o preciso.<\/p>\n Outros recursos que podemos aguardar por enquanto s\u00e3o capacidades de desconto\/cupom, assim como inscri\u00e7\u00f5es em newsletters e produtos digitais\/baix\u00e1veis.<\/p>\n No longo prazo, a equipe do Webflow est\u00e1 planejando adicionar uma gama de recursos mais avan\u00e7ados a seus planos de Com\u00e9rcio Eletr\u00f4nico, incluindo recupera\u00e7\u00e3o de pedidos abandonados, apoio em diversas moedas, integra\u00e7\u00e3o com a Amazon e contas de clientes.<\/p>\n Como voc\u00ea pode ver, o lan\u00e7amento atual, embora n\u00e3o seja mais um teste beta, ainda \u00e9 um trabalho em andamento<\/strong> \u2013 ent\u00e3o se voc\u00ea pretende criar uma loja online complicada, o Com\u00e9rcio Eletr\u00f4nico Webflow ainda \u00e9 muito b\u00e1sico para aplica\u00e7\u00f5es t\u00e3o avan\u00e7adas.<\/p>\n Mas se todos os recursos prometidos forem implementados, o Com\u00e9rcio Eletr\u00f4nico Webflow se tornar\u00e1 um verdadeiro competidor no \u00e2mbito de solu\u00e7\u00f5es especializadas, como Shopify e Instacart, com toda a bagagem de seu construtor de sites<\/a>, CMS<\/a> e hospedagem<\/a> para apoi\u00e1-lo.<\/p>\n Pre\u00e7os do Webflow<\/h2>\nCom rela\u00e7\u00e3o aos planos pagos, \u00e9 importante entender que o Webflow tem dois sistemas diferentes de n\u00edveis premium: um para sua conta geral e um para cada projeto individual (ou seja, cada site que voc\u00ea construir).<\/p>\nQuando voc\u00ea come\u00e7a a trabalhar com o Webflow, a segunda op\u00e7\u00e3o provavelmente ser\u00e1 mais importante e relevante, ent\u00e3o vamos come\u00e7ar com os pre\u00e7os a n\u00edvel de projeto<\/a>, que \u00e9 basicamente hospedagem em nuvem para cada um dos seus sites.<\/p>\n Primeiro, h\u00e1 a op\u00e7\u00e3o forever-free<\/strong>, que \u00e9 gr\u00e1tis por tempo indeterminado e te permite utilizar todos os recursos do Webflow em um subdom\u00ednio do tipo nome.webflow.com<\/code>. Se voc\u00ea quer usar um dom\u00ednio normal (o que vai acontecer, eventualmente), h\u00e1 diversas op\u00e7\u00f5es pagas dispon\u00edveis: <\/p>\n O plano Basic custa USD 12 por m\u00eas, oferece SSL e CND autom\u00e1ticos, assim como implementa\u00e7\u00e3o de dom\u00ednio customizado, que \u00e9 f\u00e1cil de configurar e ainda mais f\u00e1cil de usar. O plano CMS, que custa USD 16 por m\u00eas, te permite implementar n\u00e3o apenas p\u00e1ginas est\u00e1ticas, mas tamb\u00e9m itens criados pelo sistema de gerenciamento de conte\u00fado (posts de blog, projetos, etc.). O plano Business, que custa USD 36 por m\u00eas, \u00e9 basicamente uma vers\u00e3o aumentada do plano anterior, adequada para sites maiores com tr\u00e1fego significativo.<\/p>\n Depois h\u00e1 os planos de conta, que determinam um n\u00famero m\u00e1ximo permitido de projetos ativos e outros par\u00e2metros profissionais<\/strong>. Enquanto o plano de conta Starter te permite trabalhar em dois sites e usar testes livremente, o plano Lite<\/a> (que custa USD 16 por m\u00eas) inclui 10 projetos e ferramentas de exporta\u00e7\u00e3o de c\u00f3digo, assim voc\u00ea pode usar o c\u00f3digo gerado no Webflow em qualquer outra plataforma de sua escolha. O plano Pro (USD 35 por m\u00eas) adiciona op\u00e7\u00f5es de white label e prote\u00e7\u00e3o por senha \u2013 e \u00e9 adequado para aqueles que trabalham regularmente em projetos estabelecidos para clientes terceirizados.<\/p>\n (Aten\u00e7\u00e3o: todos os pre\u00e7os mencionados acima, seja para planos de sites individuais ou planos de conta, se referem a ciclos de cobran\u00e7a anuais.)<\/p>\n Para te ajudar a entender isso tudo, n\u00f3s criamos este diagrama explicando todos os planos de pagamento do Webflow de maneira mais visual:<\/p>\n <\/p>\n Quando voc\u00ea visitar a p\u00e1gina de pre\u00e7os do Webflow<\/a>, as informa\u00e7\u00f5es podem parecer um pouco confusas por causa da maneira como eles agrupam os planos dependendo do que voc\u00ea precisa: um site, muitos sites ou trabalhar como parte de uma equipe. Em resumo, a op\u00e7\u00e3o \u201ceu s\u00f3 preciso de um site\u201d te oferecer\u00e1 a hospedagem pura e simples (os planos por projeto que discutimos antes), enquanto as outras duas coletivamente oferecer\u00e3o um plano Lite por USD 16 e um plano Pro\/Team por USD 35, assim como um plano Custom para equipes grandes. Isso ainda equivale a apenas dois planos espec\u00edficos a n\u00edvel de conta descritos acima, al\u00e9m da vers\u00e3o gr\u00e1tis e da vers\u00e3o customizada.<\/p>\n Qualquer plano de conta pode ser combinado com qualquer plano de hospedagem, incluindo os gr\u00e1tis. Por exemplo, voc\u00ea pode ter um plano de conta Starter e pagar apenas para implementar um projeto particular em seu dom\u00ednio customizado \u2013 ou usar um plano de conta pago e hospedagem gr\u00e1tis para fazer um prot\u00f3tipo r\u00e1pido.<\/p>\n Voc\u00ea pode escolher entre ciclos de cobran\u00e7a mensais e anuais para todos os planos premium, sendo que esta segunda op\u00e7\u00e3o vem com 20% de desconto, o que pode acarretar em uma economia significativa ao longo do tempo, especialmente para os planos mais avan\u00e7ados.<\/p>\n Op\u00e7\u00f5es de Colabora\u00e7\u00e3o<\/h2>\nNa se\u00e7\u00e3o anterior, mencionamos rapidamente os planos para equipes quando falamos sobre pre\u00e7os, mas considerando o p\u00fablico alvo do Webflow ele merece mais aten\u00e7\u00e3o.<\/p>\n Se voc\u00ea trabalha com pelo menos mais uma pessoa em projetos web, definitivamente vale a pena considerar os planos para equipes do Webflow, chamados Team e Enterprise. Eles s\u00e3o basicamente o mesmo que o plano individual Pro, mas tamb\u00e9m adicionam mais modos e recursos de colabora\u00e7\u00e3o pelos USD 35 por pessoa por m\u00eas que voc\u00ea paga (cobran\u00e7a anual).<\/p>\n Embora o ambiente visual do Designer atualmente n\u00e3o tenha suporte para colabora\u00e7\u00e3o em tempo real, todas as partes dos seus projetos no Webflow podem ser acessadas e editadas por qualquer membro da equipe, a qualquer momento. Isso \u00e9 particularmente \u00fatil para equipes com diversas fun\u00e7\u00f5es, por exemplo, nas quais uma pessoa \u00e9 respons\u00e1vel pelo design e outra pelo conte\u00fado.<\/strong><\/p>\n Al\u00e9m de acesso e bens compartilhados, os planos para equipes do Webflow tamb\u00e9m adicionam um painel especializado para equipes, que junta todos os seus aspectos de colabora\u00e7\u00e3o em uma \u00fanica interface de usu\u00e1rio. Equipes maiores podem contactar o Webflow para ofertas customizadas de pre\u00e7o no caso do plano Enterprise, assim como descontos para atualiza\u00e7\u00f5es de hospedagem.<\/p>\n No geral, tudo isso implica que o Webflow considerou cuidadosamente as necessidades n\u00e3o s\u00f3 de seus clientes individuais\/freelancers, mas tamb\u00e9m o grupo mais amplo de ag\u00eancias e equipes pequenas\/m\u00e9dias \u2013 uma bela cereja no topo de seu j\u00e1 maravilhoso bolo de recursos e possibilidades.<\/p>\nPr\u00f3s e Contras do Webflow<\/h2>\nPara recapitular, vamos listar as vantagens e os pontos n\u00e3o t\u00e3o fortes da oferta do Webflow em compara\u00e7\u00e3o com criadores de sites semelhantes e outros sistemas populares de gerenciamento de conte\u00fado:<\/p>\n\nFerramenta de web design de alto n\u00edvel em tempo real com adapta\u00e7\u00e3o embutida para dispositivos m\u00f3veis que gera c\u00f3digo limpo e export\u00e1vel na medida em que \u00e9 criado;<\/li>\n D\u00fazias de templates gr\u00e1tis ou premium, com a possibilidade de se trabalhar com um wireframe ou come\u00e7ar com uma tela em branco;<\/li>\n Gerenciadores avan\u00e7ados de CSS e JS, que permitem tanto um controle granular sobre estilos e anima\u00e7\u00f5es quanto um gerenciamento f\u00e1cil do site como um todo;<\/li>\n Implementa\u00e7\u00e3o r\u00e1pida e f\u00e1cil (em dois cliques) para um ambiente de teste e\/ou para seu dom\u00ednio customizado diretamente do Designer Webflow;<\/li>\n CMS integrado com criador flex\u00edvel de conte\u00fado customizado que pode ser usado para criar qualquer tipo de conte\u00fado est\u00e1tico ou din\u00e2mico, de p\u00e1ginas e posts de blog a projetos, avalia\u00e7\u00f5es, membros da equipe e muito mais;<\/li>\n Hospedagem distribu\u00edda avan\u00e7ada suportada por grandes nomes como Amazon Cloudfront, que garante velocidade m\u00e1xima de carregamento de p\u00e1gina e tempo m\u00ednimo de downtime para seus visitantes;<\/li>\n Rede de fornecimento de conte\u00fado (CDN) integrada sem custo adicional, que garante velocidade e seguran\u00e7a para seu site uma vez que o conte\u00fado \u00e9 servido das melhores localiza\u00e7\u00f5es geogr\u00e1ficas e se beneficia de seguran\u00e7a adicional proveniente da CDN;<\/li>\nCertificado SSL embutido sem custos adicionais (que costumam ficar entre USD 50-100 por ano) para garantir conformidade com padr\u00f5es de seguran\u00e7a atuais na web;<\/li>\n<\/ul>\n\nUma curva de aprendizagem bastante \u00edngreme esperada daqueles que nunca lidaram com desenvolvimento web antes;<\/li>\nCapacidades multil\u00edngues limitadas a princ\u00edpio (o que, no entanto, \u00e9 facilmente corrig\u00edvel com extens\u00f5es como o Weglot<\/a>);<\/li>\n Estrutura de pre\u00e7os complicada, com esquemas separados para n\u00edveis de site e de conta \u2013 o que demora pra entender;<\/li>\n A interface do criador de sites ainda n\u00e3o \u00e9 100% compat\u00edvel com Firefox e Edge. Fala s\u00e9rio, Webflow, \u00e9 quase um quarto de todos os navegadores instalados… d\u00e1 um jeito nisso! <\/li>\n Com o kit de Com\u00e9rcio Eletr\u00f4nico ainda em desenvolvimento, as capacidades de loja online exigem um polimento adicional e pequenas melhoras para serem chamadas de um recurso excepcional.<\/li>\n<\/ul>\n\u00c9 muita informa\u00e7\u00e3o pra processar! Ent\u00e3o, qual \u00e9 a conclus\u00e3o? Em outras palavras –<\/p>\nVoc\u00ea Deve Usar o Webflow?<\/h2>\nDepois de analisarmos seus v\u00e1rios recursos, podemos concluir que o Webflow<\/a> se esfor\u00e7a para ser um kit de ferramentas avan\u00e7ado e integrado para criadores web que valorizam tanto a flexibilidade quanto a efici\u00eancia. O poder combinado de suas ofertas de Designer, Editor\/CMS, Hospedagem e (agora tamb\u00e9m) Com\u00e9rcio Eletr\u00f4nico est\u00e1 \u00e0 altura dos melhores programas customizados de desenvolvimento web, ao mesmo tempo em que exige muito menos tempo de configura\u00e7\u00e3o e custos iniciais.<\/p>\n Experimente o Webflow de Gra\u00e7a ›<\/a><\/p>\n Em uma paisagem dominada por criadores de sites simplistas e CMSs de fonte aberta toscos, o Webflow \u00e9 uma solu\u00e7\u00e3o h\u00edbrida particularmente adequada para aqueles que est\u00e3o preparados para gastar um certo tempo se acostumando com seus poderosos recursos para obter uma mistura \u00fanica de capacidade e automa\u00e7\u00e3o.<\/p>\n Sua Opini\u00e3o!<\/h2>\nObrigado por tirar um tempo para ler nossa an\u00e1lise doWebflow<\/a>! Voc\u00ea achou esta avalia\u00e7\u00e3o \u00fatil? Tem algo a adicionar ou discorda de certos pontos? Vamos discutir na se\u00e7\u00e3o de coment\u00e1rios abaixo<\/a>:<\/p>\n","protected":false},"excerpt":{"rendered":" Pensando em usar o Webflow para seu pr\u00f3ximo (ou primeiro) projeto online? Antes, d\u00ea uma olhada na nossa an\u00e1lise detalhada desse criador de sites.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"mrp_rating_form_position":"","mrp_rating_results_position":"","mrp_structured_data_type":"","mrp_allow_anonymous":"","mrp_rating_form_id":""},"categories":[815],"tags":[1094,1096],"multi-rating-pro":{"mrp_rating_result_1":[{"adjusted_star_result":4.2,"star_result":4.2,"total_max_option_value":5,"adjusted_score_result":4.2,"score_result":4.2,"percentage_result":83.2,"adjusted_percentage_result":83.2,"count_entries":19,"post_id":73063,"rating_form_id":1}],"rating_form":1},"_links":{"self":[{"href":"https:\/\/satoristudio.net\/wp-json\/wp\/v2\/posts\/73063"}],"collection":[{"href":"https:\/\/satoristudio.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/satoristudio.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/satoristudio.net\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/satoristudio.net\/wp-json\/wp\/v2\/comments?post=73063"}],"version-history":[{"count":11,"href":"https:\/\/satoristudio.net\/wp-json\/wp\/v2\/posts\/73063\/revisions"}],"predecessor-version":[{"id":73067,"href":"https:\/\/satoristudio.net\/wp-json\/wp\/v2\/posts\/73063\/revisions\/73067"}],"wp:attachment":[{"href":"https:\/\/satoristudio.net\/wp-json\/wp\/v2\/media?parent=73063"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/satoristudio.net\/wp-json\/wp\/v2\/categories?post=73063"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/satoristudio.net\/wp-json\/wp\/v2\/tags?post=73063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}