Webflow Comentários e detalhes do produto
O Weblfow permite que proprietários de empresas, empreendedores, profissionais de marketing e criadores de conteúdo criem sites e publiquem conteúdo usando todo o poder de HTML, Javascript e CSS de uma forma totalmente visual canvas sem a necessidade de codificação. Combinando e-commerce, marketing, gerenciamento de conteúdo, animação e função de design em uma única plataforma, ele capacita os usuários a lançar, gerenciar e promover sites e conteúdo em um tempo de resposta rápido e de maneira mais econômica. Os usuários têm acesso a mais de 1,000 modelos, juntamente com uma série de recursos de marketing, como capacidade de resposta móvel, otimização de mecanismo de pesquisa, sincronização de CRM e integrações úteis. Além de seus recursos CBS, o Webflow também está pronto para comércio eletrônico e monetização de conteúdo. Também oferece Webflow University, um repositório de conhecimento abrangente de tudo o que os usuários precisam saber para maximizar a plataforma.
| Capacidades |
|
|---|---|
| Segmento |
|
| desenvolvimento | Nuvem / SaaS / baseado na Web, Linux local |
| Suporte | 24 horas por dia, 7 dias por semana (representante ao vivo), bate-papo, e-mail/Help Desk, perguntas frequentes/fórum, base de conhecimento, suporte por telefone |
| Formação | Documentação |
| Idiomas | Inglês |
Webflow Prós e Contras
- Você pode ajustar designs usando CSS
- Recursos de personalização fantásticos
- Ideal para trabalhar com clientes
- Você se beneficia de altos níveis de personalização com acesso total ao código do seu site.
- Webflow imita software de design popular, como Adobe Photoshop e InDesign, que cria uma transição mais suave para designers familiarizados com essas ferramentas.
- Iniciantes podem achar isso intimidante
- Poucas opções de integração de terceiros
- Alguns modelos devem ser pagos
- O Webflow vem com uma curva de aprendizado íngreme, especialmente se você não tem nenhum conhecimento de codificação ou experiência com software de design tradicional.
- Você não pode lançar um site ao vivo com o plano gratuito do Webflow.
Economias exclusivas em Webflow NFT`s Findstack Ofertas
Revisão do Webflow: Este é o construtor de sites sem código que você está procurando?
O mundo das ferramentas de baixo e sem código está finalmente começando a decolar. Mais pessoas agora têm acesso a ferramentas que ajudam a capacitar os criadores a dar vida às suas ideias, mesmo com conhecimento limitado de codificação, e transformá-las em sites funcionais, aplicativos e muito mais.
Uma dessas ferramentas que lidera o pacote é o Webflow - amplamente considerada uma das melhores soluções sem código disponíveis atualmente. Então, isso realmente faz jus ao hype?
Vamos descobrir.
O que é o Webflow?
O Webflow é (entre outras coisas que abordaremos mais adiante) um construtor de sites sem código.
Ele permite que pessoas sem nenhuma experiência em codificação criem sites bonitos e interativos de forma rápida e (relativamente) fácil. Com apenas alguns cliques, arraste e solte, você pode ter um site de aparência profissional com todos os sinos e assobios que você poderia desejar - de pergaminhos de paralaxe a e-commerce e muito mais.
Como funciona o Webflow
Webflow é o que é conhecido como um “construtor de site visual”. É um sistema que traduz os blocos de construção de sites (HTML, CSS e JavaScript) em uma interface visual de arrastar e soltar mais intuitiva para iniciantes.
Ao criar um site do zero no Webflow, você recebe um espaço em branco canvas. A partir daí, você pode arrastar e soltar elementos para construir seu site – botões, imagens, caixas de texto, formulários… tudo o que você precisar. Você também pode usar ferramentas de design integradas para ajustar a aparência do seu site, adicionar animações e interações ou visualizar seu trabalho.
Quando estiver satisfeito com seu design, basta clicar em “publicar” e seu site será lançado.
Principais recursos do Webflow
Designer
Designer é onde a mágica acontece, por assim dizer. Esta é a interface que você usará para criar seu site desde o início, adicionando elementos e personalizando-os ao seu gosto.
Para adicionar elementos às suas páginas, navegue até a guia “Adicionar” na parte superior do menu à esquerda e arraste os que deseja para a página. Você encontrará um monte para escolher, incluindo (embora não limitado a):
- imagens e vídeos
- caixas de texto
- botões
- formas
- carrosséis
- CAPTCHA
- Barras de busca
Você também pode adicionar layouts de página pré-construídos, como colunas, galerias, barras de navegação e listas de recursos a partir desta guia - ótimo para colocar a estrutura básica do seu site em funcionamento rapidamente.
Depois de colocar os elementos no lugar, você pode clicar neles para usar as ferramentas do Designer no menu à direita para ajustar sua aparência. Você pode alterar cores de fundo, fontes, bordas e muito mais com apenas alguns cliques.
Cada elemento e configuração no Designer do Webflow se enquadra em um título que descreve mais ou menos o que é (ou faz), mas o grande número de opções ainda pode ser intimidador para iniciantes. Felizmente, há um tutorial decente que orienta você no básico ao criar seu primeiro site.
Interações
Interações e animações são pequenos detalhes que agregam tonelada de vida ao seu site. No Webflow, você pode usar interações para fazer praticamente qualquer coisa, incluindo:
- em movimento
- fade in/out
- dimensionamento
- enviesando
- rotativo
- alternando a visibilidade
- e mais
Você também pode usar uma ampla variedade de gatilhos para ativar essas interações – coisas como primeiro e segundo cliques, movimento e rolagem de página. Esses gatilhos, combinados com a ampla variedade de ações disponíveis em Interações, tornam o Webflow superpoderoso, mesmo para iniciantes.
Adicionar essas interações também é bastante simples. Basta clicar em um elemento, clicar na guia “Interações” no canto superior direito do menu de design, clicar no símbolo “+” e escolher seu(s) gatilho(s) e ação(ões). Há também um recurso útil aqui que otimizará seu site excluindo interações não utilizadas ou conflitantes.
CMS
Nem todos os criadores de sites oferecem um CMS, mas o Webflow oferece. Com um CMS (sistema de gerenciamento de conteúdo), você pode criar e gerenciar conteúdo sem nenhum código, o que é ótimo para sites com muito conteúdo, como blogs.
Para usar o CMS, basta preencher “Coleções” (pense nelas como categorias) com conteúdo na forma de “Itens”. Esses itens podem ser postagens de blog, produtos em uma loja de comércio eletrônico ou qualquer outra coisa que você possa imaginar.
Para cada item, você pode vincular campos de dados que ajudam o Webflow a ajustar seu conteúdo às estruturas que você constrói. Existem modelos para tipos de conteúdo comuns, como postagens de blog, que incluem campos para autor, imagem principal, título e muito mais.
Depois, quando quiser exibir seu conteúdo no site, basta escolher um elemento e vinculá-lo à Coleção que deseja exibir. Por exemplo, vincular uma coleção de “Postagem de blog” ao layout das colunas é uma maneira fácil de criar uma vitrine de postagem de blog.
Ecommerce
Como um sistema autônomo (sem complementos ou plug-ins), o recurso de comércio eletrônico do Webflow é decente, mas está longe de ser o melhor.
Começando com o bom, a configuração é muito fácil. O sistema de comércio eletrônico é essencialmente o mesmo que o sistema CMS que abordamos acima. Você começa criando Coleções para “Produtos” e “Categorias” e preenchendo os Itens com miniaturas, fotos, preços, descrições… quaisquer pontos de dados que você precisa. Esses itens e coleções podem ser arrastados e soltos onde quer que precisem ir.
Em termos de desvantagens, o Webflow Ecommerce sofre com a falta de integrações, inflexibilidade do gateway de pagamento e uma interface do usuário desajeitada para visualizar pedidos e clientes. Estes combinam-se para torná-lo uma má escolha para grandes empresas de comércio eletrônico.
SEO
Por último, mas não menos importante, o Webflow oferece algumas ferramentas úteis de SEO que vale a pena mencionar. Um dos a maioria útil é a capacidade de gerar metadados automaticamente usando campos de suas coleções CMS (por exemplo, [Marca] | [Produto]). Isso economizará muito tempo se você estiver publicando consistentemente novo conteúdo dentro de uma estrutura existente.
Há também um sólido sistema de gerenciamento de redirecionamentos 301 que facilita a migração de URLs e páginas da Web antigas para novas páginas.
Por fim, o recurso de auditoria do site pode ajudá-lo a identificar e corrigir problemas comuns de SEO, como links quebrados, tags alt ausentes e baixa velocidade de carregamento.
O que faz o Webflow se destacar de outras plataformas?
Foco Visual
Webflow é focado em design e estética. É algo que a ferramenta faz muito melhor do que a maioria de seus concorrentes.
Basta dar uma olhada no Feito no Webflow página - os designs são muito mais distintos, dinâmicos e exclusivos do que você normalmente vê nos criadores de sites sem código. Isso tudo graças aos impressionantes recursos de estilo visual do Webflow, como as interações mencionadas anteriormente.
Claro, isso vem com o custo de facilidade para iniciantes. Criar um site de boa aparência é mais difícil com o Webflow do que com ferramentas mais simples como Squarespace. É que o teto criativo é mais alto para quem sabe o que está fazendo.
Recursos Educativos
Em uma nota relacionada, o Webflow é uma das plataformas de criação de sites mais bem documentadas do mercado.
Universidade Webflow está repleto de lições, tutoriais e cursos completos que ajudam você a aprender como usar a ferramenta. Há também uma ampla comunidade de usuários do Webflow no YouTube e no Reddit que publicam guias e respondem a perguntas regularmente.
E por último, mas não menos importante, existem muitos campos de treinamento sem código e programas que se concentram no Webflow especificamente por causa da liberdade sobre a qual falamos acima. Portanto, para resumir, há muitas opções quando se trata de aprender o Webflow.
Não há necessidade de plug-ins e complementos
Uma das maiores vantagens do Webflow é que ele não requer plug-ins ou complementos - é uma plataforma autônoma. Isso significa que você não precisa se preocupar com problemas de compatibilidade, riscos de segurança de terceiros ou aprender um sistema completamente novo apenas para adicionar um recurso ausente.
Além disso, o robusto conjunto de recursos da plataforma significa que você não precisa se preocupar em encontrar obstáculos em seu projeto. Está tudo lá… se você souber onde procurar!
Preços do Webflow
O preço do Webflow depende se você deseja criar um site padrão ou um site habilitado para comércio eletrônico.
Existem alguns planos para ambos:
Sites padrão
- Inicial (grátis): domínio webflow.io, 50 itens CMS, 50 envios de formulário (vitalício) e 1 GB de largura de banda.
- Basico (US$ 14/mês): Domínio personalizado, 0 itens de CMS, 500 envios de formulário mensais e 50 GB de largura de banda.
- CMS (US$ 23/mês): Domínio personalizado, 2,000 itens de CMS, 1,000 envios de formulário mensais, largura de banda de 200 GB e 3 editores de conteúdo.
- O negócio (US$ 39/mês): Domínio personalizado, 10,000 itens de CMS, 2,500 envios de formulário mensais, largura de banda de 400 GB e 10 editores de conteúdo.
- Empreendimento (personalizado): domínio personalizado, mais de 10,000 itens de CMS, envios de formulários mensais personalizados, largura de banda personalizada, editores de conteúdo personalizados e SLAs de tempo de atividade.
Sites de comércio eletrônico
- Standard (US$ 29/mês): 500 itens de comércio eletrônico, 2,000 itens CMS, taxa de transação de 2% e todos os recursos do plano CMS.
- MAIS (US$ 74/mês): 5,000 itens de comércio eletrônico, 10,000 itens CMS, 0% de taxa de transação e todos os recursos do plano Business.
- Avançado (US$ 212/mês): 15,000 itens de comércio eletrônico, 10,000 itens CMS, 0% de taxa de transação e todos os recursos do plano Business.
Prós e contras do Webflow
| Vantagens | Desvantagens |
|---|---|
| Design impressionante e liberdade de funcionalidade Design fácil de arrastar e soltar A interface do usuário é bem sinalizada Excelentes recursos educacionais Não há necessidade de plug-ins ou complementos Ótima biblioteca de modelos |
A curva de aprendizado íngreme pode assustar alguns usuários Preço mais alto do que as ferramentas concorrentes Os recursos de comércio eletrônico são subdesenvolvidos Os recursos técnicos de SEO são limitados |
Qual é o veredicto?
O Webflow é sem dúvida um dos melhores construtores de sites sem código lá fora. Também é provavelmente o mais abrangente - com recursos que vão desde hospedagem ao comércio eletrônico. No entanto, esse poder vem com um preço, ou seja, uma curva de aprendizado acentuada.
Se você está curioso sobre o Alternativas de fluxo da web lá fora, Findstack está de costas. Com análises detalhadas, comparações de produtos e casos de uso, Findstack torna mais fácil encontrar as ferramentas certas para o seu negócio.
Comece a navegar hoje e encontre a pilha dos seus sonhos!
Webflow allows you to create a website quickly, make quick changes, and have multiple lead capture forms across your site.
To add additional users we had to make an entire duplicate of the site and rehost it. We were advised this was the only option. Duplicate pages and elements must be tediously renamed or then affect all instances across other areas of the site without warning. Content changes do not always stick and revert back. Content is difficult to make responsive and requires much effort when looking at how it displays on different devices. The drag-and-drop methodology that is ubiquitous within other platforms is mostly absent or causes new/recurring issues.
Webflow has helped us revamp our existing site, capture leads, and create engaging designs.
I appreciate the amount of customization available in typography on the platform. More specifically, being able to change the leading and tracking of a block of text down to a single pixel.
I dislike the limited number of pages you can build out for your website. No matter what plan you have, your maximum number of pages is 100. This issue is most troublesome when launching new products and dedicating individual pages to them versus displaying multiple on a splash page.
Image placement on any specific page is highly customizable. Similar to the typography options, I can move images of products around without putting too much thought into how it may disrupt the rest of the page or break links. Preventing breaking links is very important for keeping my website's navigation experience as effective as possible with the tools available.
It's easy to login and to hit save or publish on new content.
It doesn't look great, it's hard to navigate, it's easy to make mistakes, it's dark and not as intuitive as other CMS platforms, which feel more like document editing and I prefer that.
We had to transition away from Hubspot, mostly for cost reasons, but also the tech stack was changing and Webflow provided a better integration with Pardot and SFDC.
I like that Webflow is visual and can be used without coding. It is an easy application to understand and you can basically get started immediately upon opening the program.
I do not like the high monthly price point for hosting and getting rid of the advertisements.
Webflow definitely solves basic web needs. It can do the very simple to more complex.
The ability to design at will without the headache of coding.
If you have little to no experience in development, this tool can be challenging. Extremely robust tool with some serious knowledge discovery. Takes more time to learn than it does to create. Can also get very pricey with all the upgrades.
It allows designers to develop.
easy to use, well organized, customized for different kinds of websites
I dont have enough have control over certain sections that are difficult to edit without code expertise. For example, we have a custom map on our website that only our designers can edit.
able to send out important info, can easily integrate all marketing initiatives to website
Various Templates available for users. There are lot of images and fonts to choose from
Interface could be better with easy to use for customers and more features
Trying to make website.
The code that is generated for developers is really helpful. My dev team said they really liked the code that was produced.
Seemed almost too dev focused, by making designers work in a very web design world, utilizing div's and other web elements. It limited the design freedom a little if someone wasn't well versed in HTML and CSS and was more of a visual designer.
Prototype creation
Websites look really well polished and clean
You have to know code to use the platform
None. I stopped trying to use it.
Good if you want to learn more about coding as a designer. Easy to login from anywhere and also you’re able to look at others websites and code to see how they did designs. Good learning tool. Also good tutorials.
With tools like sketch and invision studio that have a much better design focused interface, I feel like webflow bogs you down if you are a designer that isn’t as well versed in coding.
Currently trying to eliminate needing to be so heavily dependent on adobe products as well as cut down on mock-up softwares.
It gives you the creative freedom to create a site and has many functions
It's really hard to learn when you know about it , have to watch too many tutorials
Hard to learn to use
I honestly can't think of anything. its awful.
The UI, UX, functionality, editor, designer
I guess its a website and we need one
Nothing, literally nothing. I use it very oftenly, everyday. It makes my life so frustrating.
- It is a terrible tool. There are bugs, showing all the time, even if the content is staged properly. - It stops working in the middle of loading the content and VERY often it deletes hours of work. - It doesn't work, when two people are logged in, in the same time. - Any change to design, like button, FAQ section, really small things have to be coded. So I have a contact with code, all the time. Even if, I am a Content Specialist not Front-end developer. - It simply makes my work 2000 times harder than any other solution. I worked with WordPress and Storyblok and there are lightyears further than webflow.
It doesn't benefit me, it makes my life hell.
Nothing, this platform sucks all around. Customer service sucks, platform sucks, university is useless. I scheduled a meeting to meet with a webflow expert and they never showed up. They didn't even email me at all about the meeting. Completely horrible platform
Everything about webflow is just horrible, custome service is horrible, platform and user experience is horrible, as a fellow web designer who has been doing designing websites for 4 years, I do not recommended using this platform, stay clear from here and choose wix or showit. This website is also bad with responsive designs, it doesn't do what you want it to. They also lock you in for a whole year when MOST of the better platforms do provide you a partial refund. Stay clear from this platform and don't even try learning how to use it. It's a waste of time. It's expensive for no reason at all, you're paying the price because of the hype not the experience. STAY CLEAR GO TO WIX OR SHOWIT
They haven't solved anything for me, if anything it caused more frustrating and time wasted.
It's not very expensive and I believe it's a month-to-month payment, which is nice to not be locked in.
You can't have multiple users logged in at the same time so people are always getting kicked out, if you aren't a skilled web development person it's extremely confusing to use. It doesn't integrate with Marketo which is a huge pain in the butt. I wouldn't sign up for this again.
We use it to host our marketing site. I haven't seen any significant benefits.
Nothing. Everyone should refuse to use Webflow
Update a little feature - it always takes not less than 8 hours. When you change something, it changes ten more times. I am not a newbie to Webflow and know how to use styles. Please never use Webflow.
Webflow generates new problems for me. Thank you, Webflow.
The university is easy to navigate and I like that the software uses automatic templates for meta details so you don't need to create them from scratch. The website we built on Webflow also looks excellent.
I would really challenge Webflow's choice to market this software as web design without a developer as although you don't technically need to code to manage it, it's extremely complicated and you still need a developer to manage it. We moved our website to Webflow on the basis that we (the marketing team) could manage it ourselves and wouldn't need to log a ticket with a developer every time be wanted to create a new page. Unfortunately, the opposite has happened: I am completely dependent on developers for even the smallest of changes to our website. I can see that it's a good web software and I don't like to leave negative reviews but I do think it's important to warn other Marketing teams from making the same mistake we did.
The design that our developer was able to create is more sophisticated than our previous site and it look great.
At the beginning, I was impressed with all the website templates.
- Takes a very long time to learn how to use - Webflow offers very little support for customers in navigating their tool, and charges for training - It just doesn't make sense, you have to google how to do seemingly basic actions and the suggestions are hit or miss - Because there is no support other than articles, when there is a software bug or you are stuck - you are totally on your own (which can be very stressful when this is a site that your customers are using regularity)
I was solving the problem of not having a website. I have honestly not realized any benefits, I've only realized how poor the tool is.
design elements are decent. my designer guided me to webflow.
everything about how to manage your account their pricing was designed by a clown who purposely wanted to confuse you so you don't give them more money. honestly my dev team and i were just laughing at it - its a joke the amount of steps you have to go through (including taking your site down) to collaborate with someone you are working with is insane support is not good at all
building a website
It could help somone do quick edits without really knowing code
Hard to customize mobile views when doing mobile layouts
Coding quickly without deep knowledge
