Suriin ang Webflow

Webflow – ay medyo hindi pangkaraniwang tagabuo ng website. Hindi katulad sa iba pang mga serbisyo na kasama ng mga visual editor pati na rin sa karamihan ng CMS. Ginagamit ng serbisyo ang format ng pagtatanghal ng pagtatanghal ng proseso, na hindi natatangi, ngunit medyo bihira para sa mga platform ng SaaS.


Karamihan sa system ay kahawig ng mga advanced na mga programa sa disenyo ng web tulad ng Adobe Dreamweaver o kahit Photoshop, kung saan ginusto ng mga developer ng web na gumuhit ng mga template ng web page. Hindi ito inilaan para sa bulk na paggamit ng mga bagong dating.

Ang webflow ay nakaposisyon sa sumusunod na paraan: kung maaari mong isipin ang pangwakas na resulta, maaari mong buhayin ito. Sa madaling salita, mayroong isang natatanging pahiwatig sa kakayahang umangkop at ang pangangailangan ng ilang karanasan sa paglikha ng website. Ang target na madla ng serbisyo ay may kasamang mga web masters, designer at freelancer.

Nangangako ang system na magbigay ng malinaw na code batay sa iyong visual na pagkamalikhain. Hindi mo na kailangan ang anumang mga kasanayan sa coding dito. Posible na lumikha ng mga website ng negosyo, mga landing page, online na tindahan, blog, portfolio at kanilang mga kumbinasyon sa system. Nakakaintriga ba talaga? Kung gayon, pagkatapos ay maaaring gumamit ng serbisyo? Alamin natin iyon.

1. Dali ng Paggamit

Kung interesado kang punan ang mga template na idinisenyo para sa pagkumpleto ng ilang mga pag-andar at lohikal na koneksyon sa nilalaman, hindi gagana para sa iyo ang Webflow..

Ang tagabuo ng website na ito ay hindi inilaan para sa mga, na naghahanap ng mga simpleng solusyon at nais na mag-publish ng isang website sa loob lamang ng isang gabi lamang, na bumalik mula sa pangunahing trabaho. Upang makakuha ng tagumpay, kakailanganin mo ang mga kasanayan at malinaw na pag-unawa sa pangwakas na layunin.

Ang system ay nakatuon sa mga web developer, na maaaring gumamit ng mga template upang lumikha ng kinakailangang istraktura at gumawa ng mga koneksyon sa lohika sa pagitan ng mga elemento sa kanilang sarili. Sa madaling salita, nag-aalok ito ng malikhain at lubusang naisip na diskarte sa web building. Kung ang isang gumagamit ay hindi pa nasasangkot sa pagbuo ng website, nagpapatakbo siya ng isang panganib na hindi nasisiyahan sa Webflow.

Editor ng Webflow

Oo, maaari mo lamang punan ang isang handa na template na gamit ang iyong sariling mga teksto, mga link, mga imahe at iba pang nilalaman. Sa kasamaang palad, ang umiiral na halaga ng mga tampok ng system ay maiiwan sa hindi papansin sa kasong ito. Para sa tulad ng isang senaryo, mayroong iba pa, mas maginhawa at madaling maunawaan na mga tagabuo ng website. Upang magamit ang CMS na ito, kailangan mong magsumikap upang lumikha ng isang nakamamanghang proyekto. Hindi ito para sa lahat.

Ang serbisyo ay hindi tungkol sa pagiging simple. Ang interface ay lohikal, ngunit tiyak. Ito ay maayos na nakaayos at kahit na maginhawa pagkatapos mong masanay, ngunit ang mga newbies ay hindi magagawang makabisado nang mabilis. Ito ay talagang kumplikado upang malaman kung paano gamitin ito nang maayos. Ito ay karaniwang tumatagal ng ilang linggo. Gaano karaming oras ang kinakailangan upang maging isang web designer o isang Photoshop pro? Ang parehong ay tungkol sa Webflow. Kailangan ba ng isang linggo, isang buwan, isang taon? Ito ay nakasalalay sa iyo.

2. Mga Tampok & Kakayahang umangkop

Ang ideya ng webflow ay tungkol sa pagbibigay ng mga gumagamit ng maximum na mga tampok at pag-andar ng pag-customize ng disenyo nang walang anumang pag-cod. Hindi lihim na itinakda ng mga visual editor ang mga limitasyon sa dami ng mga widget at ang kanilang mga setting. Hindi ito masama sapagkat ito ay maginhawa para sa lahat, lalo na sa mga bagong kasal.

Lumalabas na imposible na i-edit ang code dito. Kaya, saan ang kakayahang umangkop sa pagbuo ng template na ipinagmamalaki ng mga developer ay nagmula? Ang tanong na ito ay nalutas sa pamamagitan ng pagpapakilala ng listahan ng mga elemento na may natatanging mga pagkakakilanlan – mga napili ng ID. Maaari mong piliin ang kanilang mga pangalan ayon sa nais mo, ngunit mas mahusay na hindi gawin iyon. Ito ay dahil sila ay may lohikal na pagbibigay ng pangalan sa pamamagitan ng default.

Pamamahala ng Mga Klase at Estilo

Ang tagapamahala ng estilo ay may isang kumpletong listahan ng mga elemento na ginamit sa mga template. Maginhawa ba ito? Kaya-kaya. Hindi pangkaraniwan. Maaari kang lumikha ng iyong sariling mga klase, magdagdag ng mga bagong elemento ng ID. Ito ay ibinigay lahat sa mga tuntunin ng graphic interface upang maging posible upang sabihin na ang Webflow ay walang anumang coding, ngunit maaari mo pa ring gamitin ang kapangyarihan nito.

Mga Klase ng Webflow at Pamamahala ng Estilo

Ang ganitong pamamaraan ba ay talagang pinapadali ang proseso? Hindi. Kailangan mo pa ring maunawaan ang lohika ng aplikasyon ng klase, tandaan ang mga pangalan ng mga madalas na ginagamit na mga ID, i-browse ang listahan sa paghahanap ng mga pangalan ng mas bihirang mga napili. Nang lantaran, mas simple at mas kapaki-pakinabang upang matuto ng HTML / CSS – ito ang unibersal na kaalaman, na madaling magamit sa iyo sa anumang angkop na web building.

Ang isang maginhawang tampok ay ang ID ng mga elemento at ang buong hierarchy block ay naka-highlight sa isang template, kapag nag-click sa mga ito. Ito ay isang magandang sheet ng kuna. Maaari mong i-highlight ang ilang mga elemento at itakda ang mga pangkalahatang setting para sa kanila. Ang bilang ng mga elemento ay talagang kahanga-hanga. Sa ibang salita, Ang mga tampok ng CSS tulad ng spacing, laki, layer, kulay, pag-align atbp ay maaaring mai-edit sa graphic interface. Magagawa ito sa pamamagitan ng pagpapalit ng bilang ng dami, slider, mga icon at iba pang mga manipulators.

Mga Setting ng Pagpapakita ng Webflow

Ang platform developer ay nag-ingat sa kaginhawaan ng paglikha ng disenyo ng web. Dinagdag nila ang puting pag-aari ng puwang sa control text wrapping sa typography section na matatagpuan sa style panel. Ang pagbabagong ito ay ginagawang posible upang baguhin ang pag-aari ng CSS na “puting-puwang”.

Ang “Navigator“Seksyon, na magagamit na ngayon sa kaliwa ng control panel, ay nagbibigay ng isang pangkalahatang-ideya ng isang bloke na tulad ng puno at istraktura ng elemento ng napiling pahina ng template. Kaugnay nito, maaari mong mabilis na magpatuloy sa pag-edit ng mga elementong ito sa tulong nito. Makikita mo at maiintindihan ang hierarchy ng istraktura. Ginagawa ito nang labis, bagaman, ang mga bagong dating ay kailangang masanay na. Ang tampok na ito ay halos nakatuon sa mga nakaranasang gumagamit.

Mga pagtutukoy ng Editor Editor

Ang istraktura ng Webflow visual editor at dashboard ay lubos na kumplikado. Ito ang pinaghalong isang tradisyonal na visual editor, seksyon ng pangkalahatang setting, isang panel na may mga karaniwang mga widget, istraktura ng mga folder at mga module upang ipakita ang pabago-bagong nilalaman, na tinatawag na “CMS Collections”. Mayroon ding isang library ng imahe, switch mode mode (desktop, mobile atbp.), iba’t ibang mga mode ng highlight ng elemento at iba pang mga kapaki-pakinabang na bagay.

Mga Koleksyon ng Webflow CMS

Sa pamamagitan ng paraan, posible na magtrabaho kasama ang mga template ng website sa dalawang mga mode dito (ang pagpipilian ng switch ay nasa Dashboard). Ang una ay ang mode ng taga-disenyo, ang paglalarawan kung saan ginagamit bilang batayan para sa pagsusuri na ito. Ang pangalawa ay ang mode ng Editor. Pinapayagan ng huli na variant ang pag-edit ng nilalaman ng web page – idagdag ang teksto, palitan ang mga imahe, mga link at graphics. I-hover lamang ang cursor sa anumang elemento upang makita ang mga setting na may mga magagamit na aksyon. Pagkatapos ay gawin ang mga pag-edit at iyon. Ito ay isang maginhawang mode upang makagawa ng mabilis na pag-edit.

Nag-aalok ang mode ng Disenyo ng maraming mga widget. Mayroon kang isang canvas (template ng web page), sa loob kung saan matatagpuan ang div-blocks, mga seksyon at hindi gaanong mahahalagang elemento. Hindi mo lamang mai-drag ang widget sa anumang lugar tulad nito – kailangan mong maunawaan ang lohika ng pakikipag-ugnay sa istraktura. Sa karamihan ng mga kaso, kailangan mong magdagdag ng isang blangkong bloke at punan ito ng layout ng mga seksyon, mga haligi at isulat sa mga form, teksto, larawan atbp.

Mga halimbawa ng mga pangalan ng widget (mga elemento) ay ang mga sumusunod: div-block, seksyon, lalagyan, haligi, listahan, pindutan, pamagat, abstract, link, kumplikadong teksto, form, larangan ng pagpasok, checkbox, captcha, pagsasama ng code (posible!), mga social network, pamantayan at mga pop-up windows, background video at iba pa. Maaari mong i-set up ang mga parameter ng pagpapakita at mga katangian ng bawat isa sa mga elementong ito sa mga detalye pagkatapos mong idagdag ang mga ito sa isang template.

Posible ring gumamit ng mga pagkakakilanlan (mga simbolo) – naka-save na mga bloke na may handa na ginawa na disenyo upang makabuo ng anumang gawain. Ipagpalagay, lumikha ka ng isang matagumpay na bloke ng pagsusuri o isang form para sa isang bagay. Maaari kang lumikha ng mga pagkakakilanlan sa kanilang batayan at idagdag ang mga ito mula sa mga bookmark pa. Maaari mong ayusin ang kakayahang makita para sa iba’t ibang uri ng mga aparato at para sa magkakahiwalay na mga elemento.

Mga Setting ng Webflow Container

Ang lahat ng nai-save na mga web page ay nakabalangkas sa mga folder. Halimbawa, maaaring mayroong maraming mga template ng Homepage, Mga contact at iba pang mga pahina sa loob ng isang template. Posible na lumikha ng mga bagong folder o pahina bilang isang blangko na canvas upang higit pang magtrabaho kasama ito. Karaniwan, ang Webflow ay lumilikha ng isang impression ng isang advanced na graphic web editor. Mayroong maraming mga handa na mga elemento dito, habang ang bilang ng mga maaari mong manu-manong lumikha mula sa simula ay mas kahanga-hanga.

Mayroon ding sistema ng pamamahala ng mga elemento ng trigger. Ito ang mga aksyon na maaari mong gawin kapag nag-hover sa cursor, mag-click, mag-scroll atbp sa isang tiyak na elemento. Maaari mong manu-manong i-set up ang character ng anumang halaga ng magkakahiwalay na elemento at mga pahina ng website. Halimbawa, posible na ipakita ang animated na window ng pag-uusap, kapag nag-load ang web page sa mga smartphone. Hinahayaan ka ng editor na mag-set up ng lubos na kumplikado at maraming nalalaman mga sitwasyon ng pakikipag-ugnayan sa website sa mga bisita.

Paglikha ng Dynamic na Nilalaman

Ang mga koleksyon ay ang pangunahing highlight ng Webflow. Ginagawa nilang posible na lumikha ng mga dynamic na istruktura mula sa mga kumbinasyon ng mga patlang na may magkakaibang nilalaman. Gumagamit sila ng mga database upang mai-update at mag-imbak ng impormasyon. Ang kakayahang umangkop sa mga setting ay kahanga-hanga. Sa pamamagitan ng paggamit ng mga ito, maaari kang lumikha ng mga form, mga format ng feed ng blog, mga gallery, mga poster ng kaganapan, mga menu atbp. May mga handa na mga template ng mga set ng field na ginamit upang malutas ang iba’t ibang mga gawain. Posible na madagdagan ang bilang na ito dahil ang tampok na ito ay tumutulong sa paglutas ng mga tukoy na gawain sa malikhaing pamamaraan.

Pinapayagan din ng webflow ang paglikha ng mga dynamic na eCommerce at CMS gallery sa pamamagitan ng pag-upload, pagpapakita at pag-istilo ng mga video at imahe. Maaari itong gawin sa isa sa tatlong paraan. Ang una ay posible na mag-upload ng hanggang sa 25 mga larawan na may isang pag-click lamang kasama ang bagong patlang na multi-image. Upang gawin iyon, maaari mo lamang ihulog ang lahat ng mga pag-shot o kahit na mga GIF (isip, gayunpaman, na ang kanilang pangkalahatang laki ay hindi dapat lumagpas sa 4MB), maabot ang menu ng mga setting ng anumang koleksyon, i-click ang pindutan ng “Magdagdag ng Bagong Patlang” at piliin ang uri ng patlang na multi-image. Pagkatapos ay dapat mong punan ang isang label, magdagdag ng teksto kung kinakailangan at i-save ang mga setting ng koleksyon upang ma-upload ang mga imahe.

Ang isa pang paraan upang lumikha ng isang dynamic na grid ng imahe ay ang paggamit ng pinahusay na bersyon ng CSS grid 2.0. Nag-aalok ito ng pinahusay na konsepto ng autoflow, na tumutulong na gawing mas nababaluktot ang nai-upload na nilalaman dahil inilalagay ito ng grid auto sa magagamit na mga cell para sa mas mahusay na pagpapakita. Upang lumikha ng tulad ng isang grid gamit ang dynamic na nilalaman, dapat mong i-drag ang isang listahan ng koleksyon papunta sa isang web page, piliin ang ginustong mga layout ng grid at pagkatapos ay ipasadya ang mga haligi, hilera at luwang sa pagitan ng mga ito.

Sa wakas, pinapayagan ng Webflow na ipakita ang iyong mga dynamic na video at imahe sa pamamagitan ng paggamit ng mga lightbox. Hinahayaan ka ng mga sangkap na ito na ipakita ang iyong mga larawan sa mode na full-screen, na tinitiyak ang nakakaakit at ganap na nakaka-engganyong karanasan ng gumagamit. Pinapayagan din ng tampok na ito ang pagkonekta ng mga elemento ng lightbox sa iyong eCommerce at CMS video at mga larawan. Upang lumikha ng isang gallery ng lightbox, dapat ka munang lumikha ng isang listahan ng koleksyon at pagkatapos ay ikonekta ito sa mapagkukunan ng imahe – alinman sa isang video o isang patlang na multi-image. Pagkatapos ay i-drag ang mga item na nais mong ilagay sa listahan ng koleksyon at i-link ang mga bahagi ng lightbox.

Istraktura ng Dashboard

Ang lahat ng iyong mga proyekto ay ipinapakita sa Dashboard: i-edit, madoble, magbahagi at pag-uri-uriin ang mga ito sa mga folder. Maaari ka ring tumingin sa kahanga-hangang listahan ng mga kumbinasyon ng pindutan na magagamit para sa paggamit sa editor, kapag na-access mo ang system sa unang pagkakataon. Ang bawat proyekto ay may isang mahusay na bilang ng mga setting – mula sa isang website na pangalan at favicon at hanggang sa pagsasama ng code, koneksyon ng mga panlabas na serbisyo, SEO at backup na trabaho.

Webflow Dashboard

Maraming kapaki-pakinabang at simpleng kawili-wiling mga pagpipilian sa mga setting ng proyekto. Halimbawa, ang mga gumagamit na iyon, na nagtatrabaho sa pagbuo ng mga website ng kliyente, ay maaaring magbigay ng pag-access sa website sa kanilang mga customer upang mapangasiwaan nila ang proyekto at gawin ang mga pag-edit sa loob ng mga limitasyon na iyong tinukoy.

Maaari kang mag-set up ng branding ng proyekto sa pamamagitan ng pag-alis ng logo ng serbisyo o kumonekta Mga Google Font / Adobe Typekit at piliin ang mga font na gagamitin mo sa mga tuntunin ng proyekto. Ang isa pang pagpipilian ay ang mag-upload ng iyong sariling mga font.

eCommerce

Ang Webflow ay may karapat-dapat na eCommerce engine na hinahayaan kang magdisenyo at masukat ang iyong web na nakabase sa web. Binibigyan ka ng platform ng singil sa proseso ng disenyo ng web – mula sa pagpapasadya ng home page at hanggang sa pamamaraan ng pag-checkout, na nagbibigay ng malawak na pagpili ng mga tampok na eCommerce at tool na magagamit sa dashboard. Walang kinakailangang coding upang simulan at pamahalaan ang isang buong tampok na web store na may serbisyo.

Hinahayaan ka ng tagabuo ng website na ipasadya mo ang pinagsama-samang shopping cart, kabilang ang layout nito, mga epekto ng animation at pagpoposisyon. Maaari ka ring lumikha ng mga listahan ng produkto, tinukoy ang kanilang mga pangalan, paglalarawan, presyo, kategorya, subaybayan ang mga tool sa imbentaryo at mga pagpipilian sa disenyo (kulay at ang kanilang mga pagkakaiba-iba), kasalukuyang mga katayuan. Ano pa, posible na lumikha ng mga koleksyon ng mga produkto at kategorya, listahan ng mga presyo ng benta, magtalaga ng mga espesyal na tampok at mga pasadyang produkto sa kanila. Ang mga developer ng system ay tama upang ipakilala ang isang pagkakataon upang magbenta ng mga digital na produkto pati na rin upang lumikha ng mga promo at mga code ng kupon sa lalong madaling panahon.

Webflow eCommerce

Ang kamakailang pagbabago sa Webflow ay nagawa para sa mga may-ari ng web store na makuha ang kanilang impormasyon sa customer na isinumite sa proseso ng pag-checkout. Ito naman, ay nagbibigay-daan sa iyo na gamitin ang impormasyon para sa karagdagang marketing sa web store at paghihikayat sa customer.

Sa sandaling tapos ka na sa paglikha ng iyong web store, maaari mong mai-publish ito at masusukat ang pagganap nito sa seksyong “Mga Utos”. Ang maaari mo ring gawin sa Webflow ay ang pagpapasadya ng mga transactional emails, paggawa ng mga pakikipag-ugnay at animation upang gawin ang iyong eCommerce website na tumayo mula sa karamihan. Pinapayagan ka ng system na isama mo ang mga animation at effects na nakabatay sa scroll, batay sa mga microinteraction sa paligid ng mga paggalaw ng mouse, lumikha ng mayaman na multi-step na inorasan na mga animation, magdagdag ng mga preset na pakikipag-ugnay atbp..

Ang patlang ng multi-image na Webflow ay inilunsad kamakailan para sa eCommerce at ang CMS ay nagawa nitong lumikha ng kalidad ng mga gallery ng imahe para sa bawat variant ng produkto. Ang maaari mong gawin ngayon ay nagtatampok ng ilang mga parameter (laki, kulay, modelo atbp.) para sa lahat ng mga produkto na inaalok mo para ibenta sa iyong web store upang malinaw na makita ng mga gumagamit kung ano ang bibilhin nila. Lahat sa lahat, maaari kang mag-upload ng hanggang sa 25 mga imahe bawat bawat produkto.

Nagbibigay ang Webflow ng maginhawa at madaling pagkakataon sa pagbabayad at pagpapadala. Tumatanggap ang system ng maraming mga uri ng pagbabayad, kabilang ang mga pagbabayad sa credit card, Apple Pay at Google Pay. Ang tampok na PayPal ay ipakilala sa pinakamalapit na hinaharap. Dahil sa pinagsamang tool na Stripe, tinitiyak ng Webflow ang tunay na seguridad ng lahat ng mga transaksyon na ginawa sa system.

Ang mga gumagamit ng Webflow ay may pagkakataon na ipasadya ang mga patutunguhan sa pagpapadala, mga setting ng buwis pati na rin ang pag-update ng mga detalye ng kanilang web store anumang oras ng araw. Nasa iyo na ituro ang mga panuntunan at lokasyon ng pagpapadala, pag-print ng mga label sa pagpapadala sa pamamagitan ng pagsasama sa Zapier, MailChimp, ShipStation, QuickBooks at ilang iba pang mga serbisyo. Ang mga gumagamit ay maaari ring itakda at ayusin ang awtomatikong mga rate ng pagpapadala ng real-time. Ang awtomatikong pagkalkula ng buwis at ang VAT ay ibinibigay para sa mga customer mula sa US, Canada, Australia at European Union.

Lightbox Gallery

Isa sa mga kamakailang pag-update sa Webflow ay tinutuya ang proseso ng paglikha ng gallery ng Lightbox. Ang mga developer ng system ay nagawa nitong lumikha ng mga naturang gallery sa labas ng eCommerce at CMS video at mga larawan. Pinapayagan ang sangkap na lumikha ng full-screen at ganap na ibabad ang mga karanasan upang maipakita ang iyong mga file ng media sa kalamangan.

Noong nakaraan, ang mga lightbox ng Webflow ay maaaring magamit upang gumana sa static na nilalaman – ang mga video at mga file ng imahe na iyong na-upload o naka-link sa malaya. Mula ngayon, posible na lumikha ng mga gallery at grids na nagtatampok ng anumang disenyo sa labas ng mga lightbox at mga koleksyon ng file upang ayusin at pangkat ng mga video at imahe na may kinalaman sa isang tiyak na parameter (tulad ng isang blog ng musika o isang album ng portfolio, halimbawa). Bilang karagdagan, maaari kang lumikha ng disenyo ng website sa pamamagitan ng paggamit ng mga lightbox sa isang pahina ng template ng koleksyon, na darating sa nilalaman ng iyong mga item sa gallery.

Ang pagkonekta ng gallery ng lightbox sa iyong dynamic na nilalaman ay maaaring makumpleto sa isa sa dalawang paraan. Ang una ay nagpapahiwatig ng pagsasama ng isang lightbox nang direkta sa disenyo ng pahina ng koleksyon ng koleksyon. Hinahayaan ka ng pangalawang pagpipilian na lumikha ka ng isang listahan ng koleksyon ng imahe / video sa anumang lugar at pagkatapos ay idagdag ang sangkap ng lightbox sa pahina.

Pagkatapos ng Mga Epekto at Pagsasama ng Lottie

Ang Webflow ay kamakailan na isinama sa Pagkatapos ng Mga Epekto at Lottie, na nagpapahintulot sa mga taga-disenyo ng web na kinokontrol ang pag-playback ng mga animation ng vector sa pamamagitan ng paggamit ng maraming mga pakikipag-ugnay sa Webflow. Bilang isang resulta, nakakakuha ka ng isang pagkakataon upang lumikha ng isang website na magiging kapansin-pansing kapana-panabik, propesyonal at punong-puno.

SEO

Ang maraming pansin ay nakatuon sa optimization ng proyekto sa SEO. Posible upang mai-set up ang nilalaman ng pamagat, paglalarawan at mga tag na meta tag para sa bawat pahina. Maaari ka ring magtrabaho sa display ng nilalaman sa Open Graph. Ang mga tag ng Alt para sa mga imahe ay maaaring mai-set up din dito.

Ang Sitemap.xml ay awtomatikong nabuo – tulad ng mga meta tag para sa mga post sa blog feed. Isinasaalang-alang ang mabilis na paglo-load ng web page, mataas na kalidad ng code at pag-optimize para sa mga mobile device, ang tagabuo ng website ay maaaring isaalang-alang na isang mahusay na solusyon para sa epektibong promosyon ng website.

Webflow SEO

Binibigyan ng Webflow ng API ang pag-access sa mga web developer. Maaari mong ikonekta ang Google, mga serbisyo sa Facebook, magdagdag ng Webhooks, mag-set up ng mga parameter ng koleksyon ng impormasyon ng gumagamit mula sa mga form, buhayin ang anonymization ng mga IP address ng gumagamit, idagdag ang iyong HTML / CSS code, wika code atbp. Ang mga website ay mailalathala sa mga subdomain ng serbisyo sa pamamagitan ng default, ngunit posible din na i-delegate ang domain o i-export ang template code (paghiwalayin ang HTML / CSS / JS / Asset). Hindi mai-save ang mga file ng CMS sa kasong ito.

Karaniwan, ang Webflow ay isang mabagsik na halo ng Photoshop, serbisyo saaa na may isang visual na web page editor, mga tool upang gumana sa mga database at code sa medyo tiyak na mode. Ito ay isang nababaluktot na kumbinasyon ng mga pagpipilian na naka-pack sa isang kumplikado, ngunit medyo lohikal na interface. Ang system ay maaaring magamit upang lumikha ng mga template ng web page para sa iba pang mga CMS tulad ng WordPress dahil sa pagpipilian sa pag-export ng code. Ang produkto ay malinaw na malakas, kawili-wili, nakatuon sa mga designer at developer ng mga website ng kliyente.

3. Disenyo

Bilang ng Mga Tema:200
Mga Professional na Mga template:&# x2714; OO
Libreng Mga Tema:&# x2714; OO
Mga Bayad na Tema:$ 24- $ 79
Nakikiramay na Disenyo:&# x2714; OO
Pagsunud-sunurin ayon sa Industriya:&# x2714; OO
Pag-edit ng Code ng CSS:&# x2714; OO

Ang Webflow ay tumayo mula sa karamihan ng tao dahil sa hanay ng mga nakamamanghang handa na mga template. Sila ay maraming nalalaman at nakakaakit. Nag-trigger sila ng tunay na interes sa yugto ng preview.

Lahat sa lahat, mayroong higit sa 200 mga template dito. Ang 40 sa kanila ay libre, habang ang halaga ng iba pang mga tema ay umaabot sa pagitan ng $ 24 at $ 79. Walang natatanging pagkakaiba sa kalidad ng premium at karaniwang mga template – lahat ay kahanga-hanga sa kanilang sariling paraan. Mas malaki ang bilang ng mga bayad na tema at mas malawak ang assortment. Ang bawat template ay may isang paglalarawan ng mga tampok at mayroon ding pagpipilian sa preview.

Nag-aalok ang system ng isang pagkakataon upang gumuhit ng isang template mula sa simula sa pamamagitan ng paggamit ng isang blangkong canvas. Posible rin na pumili ng pangkalahatang disenyo nang walang nilalaman ng demo – ang isa, na darating kasama ang isang iskematikong eskematiko para sa isang website ng negosyo o isang portfolio, halimbawa. Maraming mga template ang may maraming mga pagkakaiba-iba ng pagtatanghal ng web page – nag-aalok sila ng 5-10 tema ng Homepage, Mga contact atbp Ang disenyo ay naiiba sa maraming at posible na lumipat sa pagitan ng mga template sa isang pag-click. Ang bawat tema ay may isang tagubilin – ang paglalarawan ng istraktura at mga pangunahing tampok.

Mga template ng Webflow

Ang Webflow ay isang tagabuo ng website na nakatuon sa disenyo. Ang pagkakaiba-iba ng template ay talagang kapansin-pansin. Posible na i-edit ang bawat elemento sa maraming aspeto: laki, posisyon, epekto, pag-ikot, opacity, layer, kulay, background atbp. Mayroong milyon-milyong mga kumbinasyon dito. Maaari kang magkaroon ng isang pagtingin sa mga gawa ng iba pang mga designer sa Dashboard – marami ang makikita at upang mapahanga dito. Ang serbisyo ay nakakakuha ng pinakamataas na rate para sa isang advanced na potensyal ng pag-unlad ng template. Ito ang tool para sa mga pros, na maaaring mapabilib ang lahat sa pamamagitan ng saklaw ng mga pagpipilian sa pagpapasadya ng disenyo ng website.

4. Suporta sa Customer

Nagbibigay ang Webflow ng perpektong kondisyon para sa edukasyon ng mga bagong dating. Nariyan ang Unibersidad, isang kahanga-hangang base ng kaalaman, maraming mga video tutorial dito. Ang lahat ng mga pagpipilian na ito ay magagamit nang direkta sa editor. Ang kalidad ng mga materyales ay nasa tuktok na antas. Mayroon ding isang blog at isang forum na may maraming bilang ng mga kapaki-pakinabang na mga post / talakayan, pangkat ng mga social network, mga tutorial, mga libro atbp – hindi ka mawawala dito.

Ang suporta sa Tech ay ibinibigay sa pamamagitan ng email at online chat. Ito ay kwalipikado, user-friendly at 24/7. Ang pamayanan ng Webflow ay medyo malawak at palakaibigan. Hindi problema upang mahanap ang mga contact ng mga pinakamahusay na taga-disenyo o pinagkakatiwalaang mga web developer dito. Ang ekosistema ay live at tumutugon. Ginawa ng system ang lahat para sa kaginhawahan ng mga gumagamit at higit pa.

5. Patakaran sa Pagpepresyo

Maaaring magamit ang webflow nang libre nang may isang hanay ng mga limitasyon: ang serbisyo ng subdomain, ad banner, walang tampok na pag-export ng code at iba pang mga pagpapagaan. Ang plano na ito ay libre at hindi mawawala. Ang mga bayad na plano ay nahahati sa mga “Site” at “Account” na mga plano, ngunit ang bawat isa sa mga uri ng subscription na ito ay nahuhulog din sa mga pangkat. Maaari kang magbayad gamit ang isang credit card sa buwanang o isang taunang batayan. Ang pagkakaiba sa gastos ay kapansin-pansin – 20-50% depende sa napiling plano. Ibibigay namin ang gastos ng 1 buwan na ipinagkaloob na ang isang gumagamit ay gumagawa ng taunang pagbabayad (ito ay isang kapaki-pakinabang na variant). Sa gayon, Kasama sa mga Plano ng Site ang mga plano sa Website at eCommerce. Ang mga Plano ng Website ay ang mga sumusunod:

  • Pangunahing – $ 12 / mo (mahusay na gumagana para sa mga simpleng website na hindi nangangailangan ng CMS) – koneksyon ng domain, kasama ang CDN, 500 mga pagsusumite ng form, libreng sertipiko ng SSL.
  • CMS – $ 16 / mo (masarap pumili para sa mga blog at iba pang mga website na hinihimok ng nilalaman) – 1000 mga form ng pagsumite, 2000 CMS item, limitadong CMS API, 3 mga editor ng nilalaman, paghahanap sa site.
  • Negosyo- $ 36 / mo, (pinakamahusay para sa isang mataas na website ng marketing sa trapiko o isang buong tampok na blog) – advanced na global CDN, walang limitasyong mga pagsusumite ng form, buong CMS API, 10 mga editor ng nilalaman atbp.

ang mga plano ng eCommerce, sa kanilang pagliko, ay sumasaklaw:

  • Pamantayang – $ 29 (perpekto para sa mga bagong negosyo na bumaba sa lupa) – lahat ng mga tampok ng CMS plan kasama ang pasadyang pag-checkout at shopping cart, pagpapasadya ng email, isinama CMS para sa mga blog, 2% transaksyon sa transaksyon.
  • Dagdag – $ 74 (gumagana nang maayos para sa mas mataas na dami ng mga negosyo na nangangailangan ng karagdagang mga tampok) – lahat ng mga tampok ng Plano ng Negosyo kasama ang mga hindi mailabas na email, bayad sa zero transaksyon, 10 mga account sa kawani.
  • Advanced – $ 212 (pinakamahusay para sa mga gumagamit, na naglalayong masukat at maabot ang mga bagong taas para sa kanilang mga online na negosyo) – lahat ng mga tampok ng plano sa Negosyo kasama ang 15 mga account ng kawani, walang limitasyong taunang mga benta volume at marami pa.

Ang mga plano sa account ay nahuhulog sa dalawang uri ng subscription. Ito ay mga plano ng Indibidwal at Koponan. Ang mga indibidwal na plano ay kasama ang:

  • Libre – $ 0 (kasama ang lahat ng kailangan mo upang makapagsimula sa Webflow) – 2 mga proyekto, pagsingil ng kliyente, libreng dula.
  • Lite- $ 16 (pinapayagan ang pag-export ng iyong website code at pag-unlock ng higit pang mga pahina para sa iyong mga hindi napalakas na proyekto) – 10 mga proyekto, pinahusay na pagtatanghal, pag-export ng code, walang limitasyong paglilipat ng proyekto.
  • Pro – $ 35 (mahusay na pumili para sa mga aktibong freelancer at taga-disenyo, na nangangailangan ng mas maraming mga proyekto at mga tampok sa premium) – Walang limitasyong mga proyekto, White Labeling, proteksyon ng password sa site.

Kung tungkol sa Plano ng Koponan, ito ay ang mga sumusunod:

  • Koponan – $ 35 bawat tao (nagbibigay-daan para sa pagbabahagi ng website sa pag-access at pakikipagtulungan ng koponan) – lahat ng mga tampok ng Pro plan kasama ang pagsingil ng kliyente, code export, pinahusay na dula, dashboard ng koponan atbp.
  • Enterprise – ang gastos ay tinalakay sa mga eksperto sa Webflow nang paisa-isa (para sa mga koponan ng 25 mga gumagamit at higit pa) – lahat ng mga tampok ng plano ng Koponan kasama ang walang limitasyong mga proyekto, White Labeling, proteksyon ng password sa site, dashboard ng koponan atbp.

Sa pamamagitan ng paraan, ang mga freelancer ay maaaring gumamit ng Webflow nang libre dahil sa pagkakataon sa pagsingil ng kliyente. Nangangahulugan ito na hindi mo kailangang magbayad para sa engine, kapag nagtatrabaho sa pagbuo ng mga website ng kliyente. Sa halip, maaari mong talakayin ang gastos ng tool sa isang kliyente nang maaga upang makapagbayad siya. Ang isang kliyente ay makakakuha ng access sa system upang mapanood ang pag-unlad ng disenyo ng web.

Sa gayon, maaari mong gamitin ang Webflow sa isang plano ng Lite upang lumikha ng mga template para sa iba pang mga CMS dahil sa pagpipilian sa pag-export ng code. Sa madaling salita, maaari mong isaalang-alang ang serbisyo bilang isang kumbinasyon ng isang graphic editor at isang tool upang magdisenyo ng mga web page. Maaari mong mapakinabangan ang pagpipiliang ito sa $ 16 o $ 24, kung gumawa ka ng buwanang pagbabayad. Hindi mo maalis ang ad dito. Iyon ang dahilan, ang plano na ito ay hindi maaaring isaalang-alang para sa paglalathala ng mga kliyente o personal na komersyal na proyekto.

6. Mga kalamangan at kahinaan

Ang webflow ay isang tiyak na serbisyo, na target ang nakaranasang madla. Ito ay kalidad, nababaluktot at naglalaman ng maraming mga tampok ng tatak na maaaring maakit ang atensyon ng mga developer ng website ng kliyente. Ang sistema ay hindi gumana nang maayos para sa personal na paggamit – napakaraming labis at malaswang tampok para sa mga bagong dating dito. Ang mga kasanayan sa disenyo ng web ay malinaw na kinakailangan. Mataas ang curve ng pagkatuto. Hindi man ito kumikita. Mas kapaki-pakinabang na lumikha ng nag-iisang portfolio o website ng negosyo sa uKit, Wix, XPRS o anumang naaangkop na serbisyo.

Ang Webflow ay inilaan para sa mga tagahanga ng disenyo ng web, na nais na kumita ng pera sa kanilang mga kasanayan. Hindi ito isang tren ng bullet sa pagbuo ng mga katulad na website, ngunit isang lugar para sa pagkamalikhain, pagdidisenyo ng mga natatanging mga tema para sa mga, handang magbayad para sa gawaing ito. Kaya, makatuwiran na gamitin ang serbisyo sa mga gumagamit na iyon, na mayroon nang isang tiyak na reputasyon sa disenyo ng web. Gumagana din ang system para sa mga gumagamit na handang gumuhit at magbenta ng mga handa na mga template para sa iba pang mga CMS. Madaling ituro ang mga pakinabang at kawalan ng serbisyo:

Mga kalamangan:
Cons:
&# x2714; Dalawang mode ng nagtatrabaho na lugar – taga-disenyo at editor.
&# x2714; Mga koleksyon ng CMS – gumana kasama ang mga form at database upang makabuo ng mga dynamic na nilalaman.
&# x2714; Ang kagiliw-giliw na pagsasakatuparan ng mga klase ng elemento para sa kanilang mabilis na pagdaragdag at pag-edit.
&# x2714; Mahusay na mga template, malawak na pagkakataon para sa pagkamalikhain at pagdisenyo ng mga template ng anumang pagiging kumplikado.
&# x2714; Pagkakataon upang ma-export ang code ng mga disenyo na nasa ilalim ng pag-unlad, na nagbibigay-daan sa paggamit ng editor upang lumikha / magbenta ng mga kalidad ng mga template.
&# x2714; Medyo malakas na SEO.
&# x2714; Competitive eCommerce engine.
&# x2714; Matingkad na istraktura ng web page sa format ng hierarchy ng elemento.
✘ Mataas na pagiging kumplikado ng paggalugad ng system para sa mga bagong gumagamit.
✘ Ang paggamit ng mga elemento at elemento ng pagtatanghal ng graphic sa halip na pag-cod.
✘ Comparatively mataas na gastos para sa mga, na nangangailangan ng 1 website para sa personal na paggamit lamang.

Ang Webflow ay isang disenteng produkto para sa mga tagapakinig nito. Hindi ito isang bulk na solusyon para sa mga nababato na bagong dating at mga tagahanga ng mga eksperimento. Ang pangunahing kawalan ay ang ipinakilala ng mga developer ng isang epektibo, ngunit hindi unibersal na pamamaraan ng pagtatrabaho sa mga elemento ng ID at mga klase ng CSS, na hinihimok ng pagnanais na gawing mas madaling gamitin ang interface. Pa rin, nag-iwan sila ng pagpipilian sa pag-edit ng code. Ito ay magiging mas mahusay, kung isinama nila ang pag-edit ng code ng pahina ng web kasama ang iba pang mga tampok. Tulad ng sa natitirang mga pagpipilian, ang mga ito ay nasa isang disenteng antas.

7. Mga tagagamit

Hindi maraming mga kakumpitensya o mga kahalili para sa isang serbisyo tulad nito. Ang pinakamalapit na karibal ay ang WordPress, Adobe Muse at Webydo. Ngunit inihambing din namin ang editor sa ilan sa mga pinakasikat na pagpipilian sa paglikha ng website para sa iyo upang makita ang mga pagkakaiba-iba na mga kadahilanan.

webflow vs webydowebflow vs adobe musewebflow kumpara sa wordpresswebflow vs parisukatWix vs Webflow

Bottom Line

Ang Webflow ay isang pambihirang, kalidad ng tagabuo ng website para sa mga nagdisenyo at freelancer. Hinahayaan ka nitong lumikha ng mga website na may maraming pahina na may kumplikadong pag-andar dahil sa paggamit ng kumplikado, pabago-bagong pagbabago ng mga form ng nilalaman – tingnan mabuhay na halimbawa na ginawa ng mga gumagamit ng Webflow. Mga database, pagsasama, pagkakakilanlan, iba’t ibang mga mode ng layout ng editor, pagkakataon na i-edit ang bawat bloke at elemento nang hiwalay, pag-export ng template code – lahat ng mga tampok ay ginagawang isang tunay na higanteng ang Webflow.

Mahusay na mga tutorial na ginagawang posible upang magrekomenda ng system sa mga mahilig. Ang pagkakaroon ng nagtrabaho dito, malalaman mo, marahil, matutunan kung paano mag-disenyo ng sumasamo na mga web page nang walang coding. Tinitiyak nito ang magandang kita sa hinaharap. Kung mayroon ka nang karanasan, dapat mo talagang isaalang-alang ang Webflow. Ito ay isang bihirang produkto ng angkop na lugar na may mataas na kalidad – ang halo ng Photoshop, Dreamweaver at CMS na ibinigay sa format ng isang platform ng SaaS. Ang serbisyo ay tiyak na nagkakahalaga ng gastos, ngunit hindi ito gagana para sa lahat. Inirerekumenda namin ito para sa pagsasaalang-alang ng target na madla.

Subukan Ngayon ang Webflow

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map