Преглед на градител на веб-страници на проток на веб-страница

Webflow е почитувана платформа за дизајн на веб-страници што ја користат повеќе 3.5 милиони клиенти ширум светот. Без разлика дали сте искусен професионалец или штотуку започнувате, овој преглед на Webflow ќе ви даде длабински поглед на карактеристиките и можностите на оваа платформа за градење веб-страници без код.

Има стотици создавачи на веб-страници таму. Секој е погоден за различна публика. Webflow цврсто се позиционираше како софтвер на избор за професионални дизајнери, агенции и бизниси кои достигнуваат ниво на претпријатие. 

Навистина, има импресивна низа алатки и функции кои се радосни за користење - се додека знаете што правите. 

Јас не сум експерт за веб дизајн, па ајде да видиме како се справувам со платформата. Може ли некој да го користи Webflow? Или најдобро е да се остави на експертите? Ајде да дознаеме.

TL;DR: Webflow има извонреден опсег на алатки и функции за создавање неверојатни веб-локации со брзи перформанси. Сепак, тој е насочен кон дизајнерскиот професионалец, а не кон просечниот човек. Затоа платформата бара стрмна крива на учење и може да биде премногу поразителна за некои.

reddit е одлично место за да дознаете повеќе за Webflow. Еве неколку објави на Редит кои мислам дека ќе ви бидат интересни. Проверете ги и придружете се на дискусијата!

Добрите и лошите страни

Прво, да го балансираме доброто со лошото со брз преглед на добрите и лошите страни на Webflow:

Планови и цени

Webflow има пет планови достапни за општа употреба:

• Бесплатен план: Користете бесплатно на ограничена основа
• Основен план: Од 14 $/месечно фактурирани годишно
• CMS план: Од 23 $/месечно фактурирани годишно
• Бизнис план: Од 39 $/месечно фактурирани годишно
• Претпријатие: Нарачана цена

Webflow има и ценовни планови специјално за е-трговија:

• Стандарден план: Од $24.mo фактурирани годишно
• Плус план: Од 74 $/месечно фактурирани годишно
• Напреден план: 212 $/месечно фактурирани годишно

Ако ви требаат дополнителни кориснички места за вашата сметка на Webflow, овие цена од 16 $/месечно нагоре, во зависност од вашите барања. 

План	тип	месечни трошоци	Месечни трошоци на годишно ниво	Се користат за
слободен	Општа употреба	слободен	слободен	Ограничена употреба
Основни	Општа употреба	$18	$14	Едноставни сајтови
CMS	Општа употреба	$29	$23	Сајтови со содржина
Бизнис	Општа употреба	$49	$39	Веб-страници со голем сообраќај
Претпријатие	Општа употреба	Нарачана	Нарачана	Скалабилни локации
стандард	Е-трговија	$42	$29	Нов бизнис
Повеќе	Е-трговија	$84	$74	Голем волумен
Напредно	Е-трговија	$235	$212	Скалирање
Цените подолу се во прилог на избраните такси за план
Стартер	Внатрешни тимови	слободен	слободен	Новинари
Основни	Внатрешни тимови	28 долари по седиште	19 долари по седиште	Мали тимови
Раст	Внатрешни тимови	60 долари по седиште	49 долари по седиште	Растечки тимови
Стартер	Freelancerи агенции	слободен	слободен	Новинари
Freelancer	Freelancerи агенции	24 долари по седиште	16 долари по седиште	Мали тимови
Агенција	Freelancerи агенции	42 долари по седиште	36 долари по седиште	Растечки тимови

За подетален преглед на цените на Webflow, погледнете го мојот детална статија овде.

Плаќањето годишно ви заштедува 30% во споредба со месечно плаќање. Бидејќи е достапен бесплатен план, нема бесплатен пробен период.

Важно: Webflow прави не обезбеди рефундирање, и има нема гаранција за враќање на парите откако првично ќе плати за план.

Карактеристики на standout

Сега ајде да ѝ дадеме на платформата добро да се кандидира за своите пари и да се заглавиме што прави Webflow и неговите карактеристики и видете дали се вреди сета возбуда.

Шаблони за проток на веб

Сè започнува со шаблон! Webflow има убав избор на бесплатни, претходно изградени шаблони кои ги имаат сите слики, текст и бои направени за вас. Ако сакате да го израмните дизајнот, можете исто така одлучете се за платен шаблон.

Цената за шаблон се движи од околу 20 до над 100 долари и се достапни во еден куп различни деловни ниши.

Но, еве што најмногу ми се допаѓа. Со речиси сите создавачи на веб-страници, нема средина. Започнувате или со однапред изграден шаблон кој се пее, целосно танцува или со празна страница. 

Празната страница може да биде тешка почетна точка, особено ако сте почетник, а однапред изграден шаблон може да ви биде тешко да видите како ќе функционира со вашата естетика.

Webflow ја најде средината. Платформата има основни шаблони за портфолио, деловни и страници за е-трговија. Структурата е таму, но не е исполнета со слики, бои или нешто друго што го одвлекува вниманието.

Ова го олеснува визуелизирањето и креирајте ја вашата веб-страница без да се збуниш од она што е веќе таму.

Алатка за дизајнер на веб тек

Сега, за мојот омилен дел, алатката за уредување. Решив да одам со претходно изграден шаблон овде и го вклучив во уредникот.

Директно, Ми беше претставена листа за проверка на сите чекори што требаше да ги завршам за да ја подготвам мојата веб-страница за објавување. Мислев дека ова е убав допир за оние кои се нови во овој софтвер.

Следно, заглавив во алатките за уредување, и ова беше моментот Бев воодушевен од огромната количина на понудени опции.

Алатката го има вообичаеното интерфејс за влечење и спуштање каде што го избирате саканиот елемент и го влечете на веб-страницата. Со кликнување на елемент се отвора менито за уредување на десната страна на екранот и менито за навигација од левата страна. 

Еве каде станува супер детално. На сликата од екранот, гледате само дел од менито за уредување. Тоа всушност се лизга надолу за да открие a луди број на опции за уредување.

Секој елемент на веб-страница има ваков тип на мени и не застанува тука. Секое мени исто така има четири јазичиња долж врвот кои откриваат дополнителни алатки за уредување.

Сега, не ме сфаќајте погрешно. Ова не е негативна точка. Некој кој веќе е навикнат на софтвер за веб-градење и професионални веб-дизајнери ќе ужива во количината на контрола што ја имаат бидејќи овозможува целосна креативна слобода.

Од друга страна, веќе гледам дека е така не е добар избор за почетници бидејќи не е веднаш очигледно што треба да направите и како го правите тоа.

Нема да навлегувам во лудило на секоја достапна алатка за уредување на оваа платформа бидејќи ќе бидеме тука цела недела.

За целосна листа на функции, посетете ја веб-локацијата webflow.com сега.

Доволно е да се каже, тој е напреден и има сè што може да ви треба за да го задоволи дури и дизајнерот кој е ориентиран кон повеќето детали. 

Сепак, овде ќе истакнам некои од значајните карактеристики:

• Алатка за автоматска ревизија: Webflow може да ја ревидира вашата веб-страница кога сакате. Ќе ги нагласи можностите каде што можете да ја подобрите употребливоста и перформансите на страницата.
• Додајте предизвикувачи за интеракција: Алатката ви овозможува да креирате предизвикувачи кои автоматски вршат дејство кога глувчето лебди над одредена област. На пример, можете да поставите скокачки прозорец да се појавува.
• Динамичка содржина: Наместо рачно да менувате или ажурирате елементи на повеќе веб-страници, можете да ги менувате на една страница и промените ќе се применуваат насекаде. Ова е корисно ако имате, на пример, стотици блог постови кои бараат промена.
• CMS колекции: Ова е паметен начин за организирање групи на податоци за да можете да ја контролирате и уредувате динамичната содржина.
• Средства: Ова е вашата библиотека со слики и медиуми каде што поставувате и складирате сè. Ми се допаѓа ова затоа што изгледа како алатка за средства на Canva и го олеснува лизгањето за да го пронајдете она што ви треба додека останувате на страницата за уредување.
• Алатка за споделување: Можете или да споделите врска што може да се гледа до страницата за да добиете повратни информации или да поканите соработници со врска за уредување.
• Видео упатства: Webflow знае дека тоа е сеопфатна алатка и морам да кажам дека неговата библиотека со упатства е обемна и навистина лесна за следење. Плус, до нив може да се пристапи директно во алатката за уредување, што е супер погодно.

Анимации на Webflow

Кој сака здодевни, статични веб-страници кога можете да имате прекрасни, динамични и анимирани веб-страници?

Webflow користи CSS и Javascript за да им овозможи на дизајнерите да создаваат сложени и непречени анимации без да бараат нема знаење за кодирање каква и да е.

Оваа функција беше надвор од моите сопствени можности за веб-градење, но некој добро упатен во веб дизајн ќе го направи тоа имајте ден на терен со се што може да направи.

На пример, Webflow ќе ви овозможи да креирате лизгачки анимации како паралакса, откривања, ленти за напредок и многу повеќе. Анимациите може да се применат на целата страница или на поединечни елементи.

Сакам да гледам веб-страници со динамични движења во нив. Тие се одличен начин да го привлечете вниманието на луѓето или да ги задржите подолго време на вашиот сајт.

Тие се исто така одлична алатка за поттикнување некого да кликне на одреден елемент или да изврши посакувана акција.

Веб тек Е-трговија

Webflow е целосно поставен за е-трговија (и има планови за цени да оди со него), и веројатно можете да погодите дека оваа функција е исто толку сеопфатен како и неговите алатки за веб-градење.

Всушност, до функцијата е-трговија се пристапува преку интерфејсот за веб-уредување и ви го овозможува тоа направи сè што ќе направи посветена апликација за е-трговија:

• Поставете продавница за физички или дигитални производи
• Извезете или увезете огласи за производи на големо
• Креирајте нови производи, поставете цени и уредувајте детали
• Организирајте ги производите во одредени категории
• Креирајте прилагодени попусти и понуди
• Додајте сопствени опции за испорака
• Следете ги сите нарачки
• Создавајте производи засновани на претплата (во моментов во бета режим)
• Создадете приспособена количка и наплати
• Прилагодете ги трансакциските е-пошта

За преземање плаќања, Webflow директно се интегрира со Stripe, Apple Pay, Google Плати и PayPal.

Искрено, оваа листа ја најдов малку ограничена, особено во споредба со другите платформи за градење веб. 

Иако ти може користете го Zapier за да се поврзете со други даватели на плаќања, ова е покомплицирано и ќе ве чини многу повеќе, особено ако видите голем обем на продажба.

Членства на проток на веб, курсеви и ограничена содржина

Продажба на курсеви е жешко во моментов, па веб-билдерите се трудат да бидат во тек со овој тренд. Веб-текот се чини дека се фати затоа што сега имаат а функција за членство кој моментално е во бета режим.

Членствата на Webflow ви нудат начин да креирајте ѕид за плаќање за одредена содржина на вашата веб-страница, креирајте портали за членство и обезбедуваат содржина базирана на претплата.

Колку што разбрав, вие креирате страници на вашата веб-локација за вашата ограничена содржина, а потоа ги „заклучувате“ со страница за пристап само за членови. Овде можете брендирајте сè, креирајте сопствени формулари и испраќајте персонализирани трансакциски е-пошта.

Бидејќи оваа функција е во бета режим, сигурно ќе се прошири и подобри со текот на времето. Ова е дефинитивно нешто на кое треба да се внимава додека напредува.

Безбедност и хостирање на Webflow

Webflow не е само алатка за градење веб-страници. Исто така се одликува со способност да жost вашиот веб-сајт и обезбедува напредни безбедносни карактеристики исто така. 

Ова ја прави платформата a едношалтерски систем и ја отстранува потребата да купувате хостинг и безбедност од платформи од трети страни. Јас сум љубител на практичноста, така што ова многу ме привлекува.

Хостинг на Webflow

Кога станува збор за хостинг, Webflow може да се пофали со Изведба од А-одделение и време на вчитување од 1.02 секунди за неговите веб-локации.

Хостингот се обезбедува преку него Мрежа за испорака на содржина од ниво 1 заедно со Веб-услуги на Amazon и Fastly. Покрај врвните перформанси, хостингот на Webflow исто така ви дава:

• Прилагодени имиња на домени (освен на бесплатниот план)
• Прилагодени 301 пренасочувања
• Мета податоци
• Бесплатно SSL сертификат
• Дневни бекап и верзии
• Заштита со лозинка по страница
• Мрежа за дистрибуција на содржина (CDN)
• Прилагодени форми
• Пребарување на страници
• Визуелен дизајн и платформа за објавување
• Нула одржување

Безбедност на Webflow

Webflow дефинитивно сериозно ја сфаќа безбедноста за да можете да бидете сигурни дека вашата веб-страниците и сите податоци се чуваат безбедни во секоја фаза.

Платформата ја мапира својата безбедносна програма според ISO 27001 и CIS критични безбедносни контроли и други индустриски стандарди.

Еве ги сите безбедносни карактеристики што можете да ги очекувате со Webflow:

• Во согласност со GDPR и CCPA
• Сертифициран давател на услуги на ниво 1 за Stripe 
• Целосна безбедност на податоците и проверка на персоналот на самиот Webflow
• Двофакторска автентикација
• SSO можности со G Suite
• Единствено најавување
• Дозволи засновани на улоги
• Складирање на податоци за клиентите базирано на облак
• Целосно шифриран пренос на податоци

Интеграции и API на Webflow

Веб тек има а пристоен број на апликации и директни интеграции кои ви даваат поголема контрола и флексибилност. Ако платформата не поддржува директна интеграција, можете користете го Zapier за да се поврзете со вашите омилени алатки и софтверски апликации.

Може да најдете апликации и интеграции за:

• Маркетинг
• Автоматизација
• анализатор
• Процесори за плаќање
• Членство
• Е-трговија
• Е-пошта хостинг
• социјалните медиуми
• Алатки за локализација и многу повеќе

Ако не можете да ја пронајдете апликацијата што ви треба, можете побарајте од Webflow да создаде сопствена апликација, специјално за вас (тука важат дополнителни трошоци).

Услуга за корисници на Webflow

Webflow е гигант на платформа, така што би очекувале да има пристојно ниво на услуги за клиентите за своите претплатници. 

Сепак, Webflow се опушта овде. Нема поддршка во живо – дури ни на највисоките ценовни планови. Единствениот начин на кој можете да стапите во контакт со претставник за поддршка е преку е-пошта па дури и тогаш, времето на одговор е слабо. 

Извештаите низ веб тврдат дека Webflow потребни се до 48 часа во просек да одговори на прашањата на клиентите. Ова не е одлично, особено ако имате рокови на клиентите до кои треба да се придржувате.

Веб-flow сепак освојува неколку поени во оваа област и тоа е благодарение на неговиот универзитет. Оваа огромна библиотека за учење е полн со курсеви и видеа за обука да ве научи како правилно да ја користите платформата.

Сепак, ова нема да ви помогне ако страницата се дефекти или наидете на проблем. Да се ​​надеваме дека Webflow ќе воведе подобри опции за поддршка во блиска иднина.

Примери на веб-страница на веб-проток

Значи, како всушност изгледаат објавените страници на Webflow? Имате само толку многу што можете да земете од шаблон, така што гледањето на веб-локации со примери во живо е одличен начин да ги почувствувате можностите на Webflows.

Прво, имаме https://south40snacks.webflow.io, пример сајт за компанија која произведува грицки од јаткасти плодови и семиња (слика погоре).

Ова е сајт со прекрасен изглед со некои кул анимации за да ви го привлечат вниманието (и ве прават гладни за грицки!). Распоредот и дизајнот се извонредни и сè функционира непречено.

Следно е https://illustrated.webflow.io/. Прво, ви се претставени а анимација за запирање на шоуто, но додека скролувате, имате а чист, убаво претставен распоред што се чувствува привлечно, но организирано.

Секоја страница се вчитува брзо, а вградените видеа работат како сон.

https://www.happylandfest.ca/ прикажува пример веб-страница за фестивал и започнува со видео клипови обложени со текст.

Како што скролувате, ве пренесуваат низ галерија со слики и дополнителни информации за настанот. Дизајниран е веднаш да го привлече вашето внимание и тоа го прави многу добро.

За да видите дополнителни примери на веб-локации на проток. Проверете ги тука.

Споредете ги конкурентите на Webflow

Како што објаснив во овој преглед, Webflow е познат по своите напредни функции и флексибилност, што го прави популарен избор меѓу дизајнерите кои сакаат поголема контрола врз изгледот и функционалноста на нивните веб-локации. Сепак, постојат и други платформи таму. Еве како Webflow се споредува со некои од неговите врвни конкуренти:

1. Squarespace: Squarespace е популарен градител на веб-локации кој нуди низа шаблони и опции за дизајн за создавање веб-локација со професионален изглед. Додека Squarespace е полесен за почетници, Webflow нуди повеќе опции за прилагодување и напредни функции за искусни дизајнери.
2. Wix: Wix е корисник-пријателски создавач на веб-страници со интерфејс за влечење и спуштање за креирање веб-страници. Иако е попријателски за почетници од Webflow, има помалку опции за прилагодување и можеби не е погоден за посложени веб-локации.
3. WordPress: WordPress е широко користен систем за управување со содржина (CMS) кој нуди многу флексибилност и опции за прилагодување за веб-дизајнерите. Иако е покомплексен од Webflow, тој нуди поголема контрола врз дизајнот и функционалноста на веб-страницата.
4. Shopify: Shopify е популарна платформа за е-трговија која им овозможува на корисниците да креираат онлајн продавници. Иако не е директен конкурент на Webflow, вреди да се напомене дека Webflow нуди функционалност за е-трговија и може да биде добар избор за малите бизниси кои бараат веб-локација со можности за дизајн и е-трговија.

Генерално, Webflow се издвојува меѓу своите конкуренти по своите напредни функции и флексибилност, што го прави идеален избор за искусни веб-дизајнери кои бараат платформа која целосно го прилагодува изгледот и функционалноста на нивните веб-локации.

Прашања и Одговори

Нашата пресуда ⭐

Нема сомнение дека Webflow може да биде ривал WordPress за огромниот број на алатки за уредување, интеграции и карактеристики што ги нуди. Мислам дека тоа е совршена опција за професионалци за веб дизајн, бизниси на ниво на претпријатие и агенции за дизајн.

Навистина, платформата има многу планови за цени што ви го дозволуваат тоа расте и ја зголемува вашата веб-страница во согласност со вашиот бизнис. Посакувам само да имам експертиза (и време) целосно да ја запознаам оваа платформа.

Сепак, постојат подобри платформи за нови корисници и луѓе кои сакаат основна, некомплицирана веб-страница. На пример, деловните страници на една страница, личните био-страници и просечниот блогер ќе сметаат дека Webflow е премногу софистициран за негово добро и може да претпочита нешто поосновно како Wix, Site123 or Дуда.

Неодамнешни подобрувања и ажурирања

Webflow constantly improves its CMS with more features and functionalities. Here are just some of the recent improvements (last checked May 2024):

• Елемент за блок на код: Нова функција за прикажување фрагменти од код специфични за јазикот на која било страница.
• Масовно поле превод за единечни CMS ставки: Овозможува преведување на цела CMS ставка во секундарна локација со само еден клик.
• Поддршка за Markdown во елементи на богат текст: Додава можност за користење означување за форматирање во елементи со богат текст.
• Повторно нарачајте ги својствата на компонентите: Им овозможува на корисниците да ги прередуваат својствата на компонентите за да одговараат на нивниот работен тек.
• Локализација за сите клиенти: Функциите за локализација сега се достапни за сите клиенти, со бесплатен преглед на основните функционалности.
• Контрола на настани со покажувач: ова ажурирање помага во управувањето со елементите што се преклопуваат на веб-локациите со поставување на настани на покажувачот на ниту еден.
• Прилагоден елемент: Корисниците сега можат да додадат која било HTML ознака или прилагоден атрибут на елемент, отклучувајќи го целосниот потенцијал на HTML.
• Поставување на гранки за тестирање на дизајнот: Обезбедува посебна средина за тестирање на дизајни на филијала, особено корисна за клиентите на Enterprise.
• Подобрувања на елементите на богат текст: Направени се подобрувања за да се направи зградата со богати текстуални елементи пофлексибилни и поефикасни.
• Noindex контрола за поединечни страници: Ова подобрување на SEO овозможува контрола врз тоа кои страници се вклучени во мапите на сајтот и индексирани од пребарувачите.
• Десен клик во Панелот за навигатор: Ја подобрува брзината на градење веб-локации со сите дејства што сега се достапни со десен клик во Навигаторот.
• Нов изглед и чувство за Webflow: Ажурираниот кориснички интерфејс нуди пофокусиран работен простор и модерен дизајн.
• 3D сцени со сплајн: Корисниците можат да додаваат и анимираат 3D објекти на нивните сајтови користејќи сцени со Spline.
• Контрола на сооднос: Воведува контрола на соодносот во дизајнерот на Webflow.
• Дизајнирање системска кодификација со променливи: Променливите за складирање на вредности како бои, големини и типографија ја подобруваат конзистентноста и приспособливоста на дизајнот.
• Подобрувања на употребливоста на компонентите: Подобрена употребливост врз основа на тоа дали се управува со главна компонента или зграда со примерок од компонента.
• Нови API за компоненти, променливи и локализација: Овие API ги поддржуваат програмерите во градењето моќни апликации за Webflow.
• Трансфер на планови за локација: Администраторите на работниот простор сега можат да префрлаат планови за страници помеѓу страниците, поедноставувајќи го управувањето.
• Нови улоги за уредување содржина и коментатор: Ја подобрува тимската работа со нови улоги во Дизајнер за уредување содржина и соработка.
• Управување со сопствени домени: Поврзувањето приспособени домени со сајтови во Webflow е олеснето.
• Апликации за Webflow: Ја воведува следната генерација на апликации за Webflow, подлабоко интегрирање со основните деловни алатки.
• Ажурирања на платформата за програмери: Направени се значајни ажурирања на платформата за развивачи за да се создадат повеќе можности за градење производи.
• Подобрен тек на објавување: Подобрените работни процеси за поставување и објавување, особено за клиентите на Enterprise, нудат подобра контрола врз промените на веб-локациите.
• Архивирајте работен простор: Сопствениците на работниот простор сега можат да отстранат работен простор од контролната табла без да контактираат со поддршката за корисници.
• Кратенки на тастатура за управување со часовите: Нови кратенки за дуплирање или отстранување на последната класа на елемент.
• Завиткување текст и разбивање на зборови: Контрола на тоа каде текстот се пробива во нова линија.
• Подобрена поддршка за приклучоци за Figma: Подобрена поддршка за автоматско распоредување и одговорност во Figma, лесно увезена во Webflow.
• Следете ги промените на содржината во дневникот за активности на страницата: Видливоста на CMS и статичната содржина на страницата се менува во Дневникот на активности на страницата.
• Поедноставени дозволи за објавување: грануларна контрола над дозволите за објавување за секој член на Workspace.
• Централизирана повратна информација со коментирање во дизајнерот: Споделете, прегледајте и решавајте повратни информации директно во дизајнерот.
• Елемент за брзо стекнување: Нов елемент што го забрзува процесот на градење со контролите на платно и претходно поставените распореди.

Преглед на Webflow: нашата методологија

Кога ги разгледуваме градители на веб-страници, гледаме неколку клучни аспекти. Ја проценуваме интуитивноста на алатката, нејзиниот сет на функции, брзината на создавање веб-страница и други фактори. Примарно внимание е леснотијата на користење за поединци кои се нови за поставување веб-страници. Во нашето тестирање, нашата евалуација се заснова на овие критериуми:

1. Прилагодување: Дали градителот ви дозволува да ги менувате дизајните на шаблоните или да вградите сопствено кодирање?
2. Пријателство за корисниците: Дали навигацијата и алатките, како што е уредникот за влечење и пушти, се лесни за употреба?
3. Вредност за пари: Дали има опција за бесплатен план или пробен период? Дали платените планови нудат карактеристики што ги оправдуваат трошоците?
4. Безбедност: Како градителот ја штити вашата веб-страница и податоците за вас и вашите клиенти?
5. Шаблони: Дали шаблоните се со висок квалитет, современи и разновидни?
6. Поддршка: Дали е лесно достапна помошта, преку човечка интеракција, чет-ботови со вештачка интелигенција или информативни ресурси?

Дознај повеќе за нашето прегледајте ја методологијата овде.

достават преглед

Референци:

• Целосна листа на карактеристики - https://webflow.com/features
• YouTube канал - https://www.youtube.com/c/webflow
• Википедија - https://en.wikipedia.org/wiki/Webflow
• Reddit - https://www.reddit.com/r/webflow/