La revolució sense codi ens ha donat algunes eines sorprenents per crear aplicacions, llocs web i aplicacions web. Sens dubte, coneixeu dues de les eines sense codi més populars del mercat si heu seguit el moviment sense codi.
"Bubble versus Webflow" és una pregunta comuna que fan les persones quan comencen la seva aventura sense codi.
Quin camí he de prendre?
Per tant, heu arribat al lloc correcte; compararem els dos perquè pugueu triar amb prudència.
Anem a començar.
Què és bubble.io?
Bubble.io és una plataforma no tècnica que combina un llenguatge de programació visual amb un marc de desenvolupament web. L'objectiu de Bubble.io és senzill: oferir una finestreta única per a totes les empreses i emprenedors que acabin de començar amb el desenvolupament web.
Sense haver de configurar un marc de programació estàndard, podeu crear qualsevol cosa, des d'un mercat fins a un social network a un CRM mitjançant Bubble.
Us permet crear i configurar programes mitjançant un editor d'apuntar i fer clic. Per crear aplicacions úniques, podeu utilitzar-ho programari de programació per crear noves aplicacions web, canviar bases de dades i processos, afegir components de pàgina (imatges, text, formularis d'entrada, mapes) i dissenyar les seves interfícies.
És un mercat on podeu descobrir plantilles, connectors i serveis ideals per ajudar-vos a crear productes estables de Bubble. Les aplicacions de Facebook, SQL, d'anàlisi i de pagament es troben entre els serveis que mostren una API REST. T'ajuda a centrar-te en la funcionalitat i el disseny de la teva aplicació perquè funcioni bé en tauletes i telèfons intel·ligents.
La idea de Bubble és encarregar-se de tot, des del disseny responsiu i les animacions fins a l'allotjament, el desplegament de versions, la seguretat i les operacions de bases de dades perquè una aplicació pugui entrar al mercat.
Què és Webflow?
Flux web combina una eina de disseny de llocs, una plataforma d'allotjament i un sistema de gestió de continguts en un sol paquet. Tot i que potser els coneixeu tots, sovint s'utilitzen de diferents maneres. És comparable a WordPress perquè inclou eines per gestionar contingut i crear llocs web.
Tanmateix, posa més èmfasi en el disseny i inclou l'allotjament. És el millor dels dos mons, en poques paraules. Tot el que necessiteu es pot trobar en una única plataforma. No cal intentar reunir totes les funcionalitats que necessitareu com a connectors. Podeu evitar per complet tractar amb allotjament de tercers si feu servir Webflow.
Tot i que Webflow està dissenyat per a petites empreses, té capacitats de comerç electrònic. El CMS i una base de dades personalitzable permeten crear una botiga en línia o qualsevol altre tipus de web amb contingut dinàmic. Factureu als clients sense haver de fer front a programes maldestres de tercers si sou un autònom o un negoci que construeix llocs web per a altres.
Webflow també és adequat per llançar llocs web sencers com a dissenyador web. També és una eina fantàstica per crear maquetes interactives. Demostra la teva creativitat o exporta el teu codi per utilitzar-lo a altres llocs. Webflow us permet fer front a tres llenguatges de codificació sense haver de conèixer-los: HTML, CSS i JavaScript.
Crida l'atenció els aspectes visuals o frontals del disseny. Webflow també ofereix una gran quantitat d'informació sobre com començar. Tot i que no és el mateix que aprendre a codificar, pot haver-hi una lleugera corba d'aprenentatge per als nouvinguts al lloc.
Comparació Bubble versus Webflow
1. Característiques
El conjunt de funcions és el cervell del creador de llocs web; si no està a l'alçada, el vostre lloc web no podrà mantenir-se en el camí de l'èxit durant molt de temps. Com a resultat, analitzem i contrastem les característiques de Webflow i Bubble.
Flux web s'ha guanyat una reputació al mercat com a CMS ric en funcions i creador de llocs web. El seu conjunt de funcions garanteix un lloc web fantàstic sense necessitat de codificar.
Per obtenir el màxim rendiment, els llocs de Webflow estan allotjats a CDN de nivell 1, Fastly i Amazon Cloudfront. També fa una còpia de seguretat del vostre lloc automàticament, que es pot restaurar en qualsevol moment amb un sol clic.
A més, ofereix actualitzacions en temps real, un domini personalitzat i un lloc de prova a webflow.io. Webflow, com Bubble, us permet afegir col·laboradors al vostre projecte i controlar-ne l'accés.
També us permet paginar llistes de col·leccions, utilitzar aplicacions Zapier per produir un feed RSS 2.0 i elements CMS, definir i modificar completament el contingut i l'estructura, afegir HTML personalitzat a la capçalera i el peu de pàgina, filtrar informació dinàmica, utilitzar l'API CMS i exportar. Material CMS com a CSV.
Webflow també inclou Lightbox, que us permet crear galeries atractives, una barra de navegació adaptada per a mòbils i personalitzable, controls lliscants i carrusels HTML/CSS i un menú desplegable.
També podeu comunicar-vos amb persones mitjançant components incrustats HTML, formularis configurables sense fi i una funció senzilla per compartir socials. També és senzill incloure vídeos de fons de reproducció automàtica. Webflow està orgullós de les seves capacitats de disseny, que inclouen un llenç visual amb una quadrícula, filtres CSS i la possibilitat de modificar el lloc simultàniament utilitzant les caixes flexibles i els símbols reutilitzables de CSS3.
També podeu accedir a més de 2000 famílies de tipus de lletra en línia, així com a mostres globals.
Bombolla, d'altra banda, ofereix funcions tant de front-end com de back-end per ajudar-vos a fer créixer el vostre lloc web. Per començar, heu de saber que aprofita Cloudflare CDN per a un servei ràpid, ofereix còpies de seguretat automatitzades i supervisió en temps real per fer un seguiment del comportament dels usuaris a la vostra plataforma i us permet escalar fàcilment afegint més recursos del servidor.
A més, la quantitat de dades que es poden emmagatzemar, la quantitat de trànsit que es pot enviar i el nombre d'usuaris no estan restringits. A les subscripcions superiors, obteniu un certificat SSL gratuït i una autenticació multifactor per protegir-vos. També podeu accedir a les mètriques mitjançant l'anàlisi integrada del tauler.
També podeu definir restriccions de privadesa, exportar dades mitjançant fitxers CSV, gestionar bases de dades amb eines de flux de treball d'arrossegar i deixar anar completament personalitzades i ampliar la funcionalitat amb connectors de JavaScript i connexions API sense codi. Bubble us permet publicar la vostra pròpia API amb un sol clic, personalitzar els slugs de la vostra pàgina, configurar la configuració de SEO i enviar correus electrònics personalitzats.
Bubble us permet afegir fins a 40 col·laboradors, ja que alguns usuaris han de cooperar amb els seus companys de feina per dividir l'esforç. Podeu oferir-los la possibilitat de fer canvis, fer-ne un seguiment en temps real i proporcionar comentaris.
En conclusió, aquests dos creadors de llocs web tenen moltes capacitats útils, però Bombolla té un conjunt de funcions més fort amb més funcionalitat de base de dades i altres coses.
2. Personalització i facilitat d'ús
Els creadors de llocs web existeixen per facilitar el procés de creació d'un lloc web, alhora que us ofereixen una àmplia gamma d'opcions de personalització. Per tant, vegem si Webflow i Bubble són senzills d'utilitzar i ofereixen una flexibilitat creativa adequada.
Flux web està ple de funcions i opcions de personalització, per això no té un tauler de control accessible. Hi ha massa per entendre, cosa que també pot desconcert els nouvinguts. No obstant això, si li doneu una mica de temps, proporcionarà resultats excel·lents. Webflow inclou un dissenyador, un editor i un tauler.
El tauler de disseny és un potent editor d'arrossegar i deixar anar amb un model de caixa. Us permet afegir elements i construir símbols reutilitzables, així com gestionar pàgines i accedir a col·leccions de CMS i contingut dinàmic. Podeu editar els components i la informació immediatament a la pàgina, la qual cosa us permet crear dissenys responsius i personalitzar-los en conseqüència.
També us ofereix accés immediat a lliçons de vídeo, documentació i dreceres de teclat per simplificar les coses. El seu control molt granular sobre els elements és la peça central de la seva personalització. Us permet alterar els valors CSS gràficament en lloc d'escriure'ls, com per exemple per a transformacions en 3D, proporcionant-vos un control total sobre HTML5, CSS3 i JavaScript en un llenç visual.
A més, podeu crear un lloc amb contingut genuí dissenyant directament amb dades de CMS. Aquest tipus d'enfocament de disseny capacita els desenvolupadors i dissenyadors web. En lloc del backend de treball, l'editor us permet canviar qualsevol material immediatament a la pàgina, com ara text i edició de gràfics.
També us permet afegir col·laboradors, gestionar la marca a mida i personalitzar la configuració, com ara controls de SEO senzills. Com a resultat, els col·laboradors poden modificar el material, accedir a qualsevol col·lecció, fer un seguiment dels canvis i crear coses noves, com ara blocs.
Bombolla, d'altra banda, inclou un editor d'arrossegar i deixar anar i un editor de flux de treball visual, entre altres funcions. Amb el seu editor d'arrossegar i deixar anar, podeu col·locar qualsevol element al llenç amb total llibertat i una col·locació perfecta per a píxels, incloses imatges, icones, mapes i vídeos. També té un editor de propietats que us permet canviar completament l'aspecte i el comportament dels components.
Aparença, Condicionals i Transicions constitueixen els tres components de l'Editor de propietats. L'editor de propietats de cada element és diferent, permetent una funcionalitat especialitzada.
També us permet utilitzar una API externa per afegir dades i expressions dinàmiques als elements. Després de registrar-se, se us enviarà a una interfície amb moltes àrees per a tasques diferents, com ara disseny, flux de treball, estil i dades. Per als usuaris que són nous en plataformes sense codi, començar amb Bubble.io pot ser més difícil.
Ve amb una gran quantitat de capacitats per personalitzar i crear tant l'extrem davanter com el posterior, però amb tantes possibilitats comporta una corba d'aprenentatge més pronunciada. És per això que, al principi, voldreu formació en vídeo per comprendre la interfície i com utilitzar-la. No cal dir que utilitzar Webflow és significativament més difícil.
A més, quan passeu el cursor per sobre d'un element de la interfície, apareix un botó de referència, que us portarà a l'àrea de referència adequada per ajudar-vos. A la seva interfície d'usuari, la pestanya Estils controla grups d'atributs visuals que es comparteixen entre els elements. Això vol dir que podeu crear un estil i aplicar-lo a tots els components alhora.
Resumir, Flux web guanya, ja que és molt més fàcil d'utilitzar i menys complex, tot i que Bubble ofereix més flexibilitat creativa i opcions de personalització.
3. Plantilles
Les plantilles són temes fets prèviament que serveixen de marc per al vostre lloc web, fent que el procés de disseny web sigui més fluid. Vegem qui pot crear la millor biblioteca de plantilles i modificar les opcions.
Flux web té més de 500 dissenys de llocs web responsius HTML5 a la seva biblioteca. L'aspecte terrible és que la majoria són de pagament, amb només 40 plantilles disponibles de forma gratuïta. Les plantilles estan ben organitzades en categories com ara Bloc, Negocis, Disseny, Fotografia i molt més.
També ens permet seleccionar una plantilla diferent per a cada pàgina web, com ara la pàgina d'inici, la revisió o la pàgina de contacte. Webflow també us proporciona un llenç en blanc des del qual podeu dissenyar el vostre lloc, en lloc de tenir una base ja col·locada en forma de plantilla.
Aquest disseny s'ajusta a qualsevol mida de pantalla, de manera que no us haureu de preocupar de com es veurà el vostre lloc web en un dispositiu mòbil. Fins i tot podeu previsualitzar-los abans de triar-ne un per assegurar-vos que sigui el adequat.
Webflow facilita la personalització de plantilles proporcionant un dissenyador o un editor. Això us permetrà editar fàcilment el material preemplenament de la plantilla. Si voleu que els membres del vostre equip us ajudin, la integració de Zapier també ho facilita.
D'altra banda, bombolla'La col·lecció de plantilles és prometedora, amb centenars de dissenys atractius i ben fets. Alguns són gratuïts, mentre que d'altres tenen un càrrec, i els gratuïts tenen menys funcions.
Aquestes plantilles es poden utilitzar juntament amb el vostre prototip, MVP, aplicació o lloc web. Les pàgines o components individuals, com ara una pàgina de destinació, un tauler de control o un formulari de contacte, també es poden personalitzar amb plantilles. Per limitar les vostres opcions, podeu filtrar les plantilles seleccionant categories al quadre desplegable.
Aquestes plantilles de bombolles sense codi són totalment ajustables, amb centenars d'opcions de modificació disponibles mitjançant l'editor d'arrossegar i deixar anar. Podeu veure tots els detalls de la plantilla abans de triar-ne una.
En conclusió, Flux web supera Bubble en aquesta àrea perquè ofereix una biblioteca de plantilles més gran amb més possibilitats i flexibilitat.
4. Integració
Ara és el moment de comparar i contrastar Webflow amb Bubble en termes de connectors i connectors.
Flux web ofereix una gran biblioteca d'integració i recursos on podeu cercar i incrustar una varietat de ginys, connectors, aplicacions i integracions. Per a una navegació senzilla, aquests materials s'agrupen en moltes categories. Mitjançant eines com Google Metrics, Optimizely i Hotjar, podeu supervisar l'anàlisi i provar diversos dissenys.
Proof, Livechat, Mailchimp, ActiveCampaign i molts altres programaris de màrqueting i gestió de continguts estan disponibles. PayPal, Stripe i Amazon Payments són els canals de pagament disponibles.
Obteniu molts connectors per a comerç electrònic, navegació facetada, taules de treball, formularis, CRM, anti-spam, mapes, eines de migració, integracions socials com Facebook i Instagram i molt més. També rebeu accés il·limitat a les fotos, vídeos i altres materials del lloc.
Aquestes integracions us permeten comprar noms de Wix, DreamHost i altres registradors de dominis coneguts directament des de Webflow. Per no parlar de connectors crucials com Zapier, Shopify i Off Script. Les integracions Lightbox Gallery, After Effects i Lottie faciliten encara més la creació d'una atractiva galeria d'imatges.
D'altra banda, The bombolla té una sèrie de connectors i connectors que us permeten connectar-vos a altres serveis i ampliar les capacitats del sistema. Aquestes integracions no són excessives i estan organitzades per categories.
Payment i Stripe s'utilitzen per gestionar els pagaments. Facebook, Twitter, LinkedIn, Instagram i altres plataformes de xarxes socials estan disponibles. Box, Yelp, WordPress, figma, Heap Analytics, Trello, Mailchimp, Zoom, Amazon, Github, Dropbox i altres es troben entre les integracions importants.
Bubble també us permet enllaçar Google Drive, Gmail, Google Translate i Google Maps, entre altres serveis de Google.
El més significatiu és que Zapier es pot enllaçar, proporcionant una gran quantitat de connectors com Shopify, ActiveCampaign i altres. També té una botiga de complements on podeu trobar addicions valuoses a les capacitats de Bubble.
Tanmateix, no és la botiga ideal. La botiga compta amb un sistema de revisió restringit, sense comunicació amb el desenvolupador, sense estadístiques d'informes de problemes i un petit nombre de connectors. Si no trobeu un connector per a una funció que desitgeu, podeu crear-ne un amb l'Editor de connectors o enllaçar una aplicació de tercers amb una API adequada.
Els connectors creats per Bubble com Airtable, Audio Recorder, Disqus, Dexi i altres estan disponibles a la botiga, així com els produïts pels usuaris de Bubble. Això té l'inconvenient que un usuari podria haver abandonat el connector després del desenvolupament, deixant-vos sense assistència.
En poques paraules, Flux web guanya el concurs d'integració ja que té una àmplia biblioteca d'integració i recursos amb una navegació fàcil, mentre que Bubble només té uns quants complements i aplicacions de gamma alta.
5. Assistència al client
Els creadors de llocs web han d'oferir un excel·lent servei al client per ajudar-vos a resoldre qualsevol problema que tingueu. Vegem qui guanya la ronda d'atenció al client entre Webflow i Bubble.
Flux web té una gran quantitat de tutorials, cursos complets i lliçons que cobreixen una àmplia gamma de temes per ajudar-vos en el vostre aprenentatge. Sens dubte, la varietat de cursos et sorprendrà i et permetrà aprendre tot el que vulguis de forma gratuïta.
Un bloc de suport de Webflow, un fòrum de la comunitat i llibres electrònics es troben entre les altres eines d'autoajuda disponibles, que us ajudaran a obtenir més informació sobre el tema. L'assistència per correu electrònic està disponible de dilluns a divendres de 6 a.m. a 6 p. m. PT per obtenir assistència tècnica immediata. En un termini de 24 a 48 hores, hauríeu de rebre una resposta al vostre correu electrònic.
El bombolla, en canvi, té un Centre d'ajuda amb una sèrie d'articles de suport; però, aquests articles no cobreixen un ampli ventall de dificultats que poden trobar els usuaris, ni donen instruccions exhaustives amb imatges o demostracions de vídeo.
A més del centre d'ajuda, disposa d'un bloc, un fòrum comunitari on podeu fer preguntes i un podcast on podeu obtenir més informació sobre les estratègies de desenvolupament web. Si necessiteu suport tècnic urgent i teniu les vostres consultes ateses per un professional en directe, tenim por que us decebrà.
En resum, ambdós creadors de llocs web tenen alternatives de suport directe limitades; no obstant, Flux web té un avantatge sobre Bubble a causa dels seus amplis materials d'autoajuda, que inclouen un gran nombre de cursos i tutorials complets.
6. Preus
Ara que hem vist les capacitats que ofereixen els dos creadors de llocs web, hem d'esbrinar quant els haurem de pagar.
As Flux web L'estructura de preus és una mica complicada, tens més opcions abans de comprometre't amb un pla. Amb el paquet inicial de la plataforma, podeu començar immediatament. El pla del lloc i el pla de comerç electrònic són les dues categories principals de preus. Hi ha versions gratuïtes d'ambdós plans amb limitacions. Els nivells de preus de pagament oscil·len entre els 12 i els 36 dòlars al mes.
Podeu començar a utilitzar la plataforma de forma gratuïta. La bombolla L'enfocament de preus és bastant senzill, amb quatre opcions per triar. Ofereix un pla gratuït amb algunes funcions bàsiques. Depenent de les vostres necessitats, les opcions premium oscil·len entre els 25 i els 475 dòlars al mes.
Quan es tracta de preu, Flux web té moltes alternatives per triar, la qual cosa li dóna flexibilitat però també ho complica per als consumidors. El preu de Bubble, d'altra banda, s'indica clarament, però és més car que el de Webflow.
Conclusió
Webflow i Bubble són eines de creació de llocs web sense codi que proporcionen un pla gratuït. No obstant això, es distingeixen per una sèrie de criteris. Els usuaris de Webflow es beneficien d'editors sensibles i bastant fàcils d'utilitzar, eines d'autoajuda millorades, integracions completes i magatzem de recursos, una col·lecció de plantilles de gamma alta i responsiva més gran i opcions de preus flexibles i diferents.
Bombolla, en canvi, se centra més en la creació d'aplicacions que en el desenvolupament de llocs web. No obstant això, ofereix un conjunt de funcions excepcional que supera Webflow. Proporciona més llibertat de disseny i creativitat, així com capacitats de base de dades addicionals i un millor mercat de complements. No obstant això, és alhora costós i difícil d'utilitzar.
En resum, Webflow supera Bubble en la majoria de les categories que hem estudiat.
Deixa un comentari