סקירת Webflow (האם זה בונה האתרים המתאים לך?)

Webflow היא פלטפורמת עיצוב אתרים מכובדת בשימוש על ידי over 3.5 מיליון לקוחות ברחבי העולם. בין אם אתה מקצוען ותיק או רק בתחילת הדרך, סקירת Webflow זו תעניק לך מבט מעמיק על התכונות והיכולות של פלטפורמת בניית אתרים ללא קוד זו.

ישנם מאות בוני אתרים בחוץ. כל אחד מתאים לקהל אחר. Webflow מיצבה את עצמה כתוכנה המועדפת עבור מעצבים מקצועיים, סוכנויות ועסקים המגיעים לרמת הארגון. 

אכן, יש לו מגוון מרשים של כלים ותכונות שכיף להשתמש בהם - כל עוד אתה יודע מה אתה עושה. 

בונה אתרים ללא קוד מספר 1 בשנת 2023

Webflow בונה אתרים

החל מ-$14 לחודש (שלם מדי שנה וקבל 30% הנחה)

תגידו שלום למגבלות של עיצוב אתרים מסורתי ושלום לגיוון וליצירתיות של Webflow. Webflow משנה את משחק בניית האתרים והמסחר האלקטרוני בכך שהוא מאפשר למעצבים ולמפתחים ליצור אתרים מותאמים אישית ייחודיים מבלי לכתוב שום קוד. עם הממשק הוויזואלי הידידותי למשתמש והתכונות החזקות שלו, Webflow הוא הפתרון המושלם לבניית אתרים דינמיים, רספונסיביים ומושכים חזותית.

נסה את Webflow בחינם

תמחור אחרון

אני לא מומחה לעיצוב אתרים, אז בוא נראה איך אני מטפל בפלטפורמה. האם כל אחד יכול להשתמש ב-Webflow? או שעדיף להשאיר למומחים? בוא נגלה.

TL;DR: ל-Webflow יש מגוון מדהים של כלים ותכונות ליצירת אתרים מדהימים עם ביצועים מהירים. עם זאת, הוא מכוון למקצוען העיצוב ולא לאדם הממוצע. לכן הפלטפורמה דורשת עקומת למידה תלולה ועשויה להיות מכריעה מדי עבור חלק.

Webflow יתרונות וחסרונות

ראשית, בואו נאזן את הטוב עם הרע עם סקירה מהירה של היתרונות והחסרונות של Webflow:

תמחור Webflow

ל-Webflow יש חמש תוכניות זמינות לשימוש כללי:

• תוכנית חינם: השתמש בחינם על בסיס מוגבל
• תוכנית בסיסית: החל מ-$14 לחודש מחויב מדי שנה
• תוכנית CMS: החל מ-$23 לחודש מחויב מדי שנה
• תכנית עסקית: החל מ-$39 לחודש מחויב מדי שנה
• חברה: תמחור בהתאמה אישית

ל- Webflow יש גם תוכניות מחירים ספציפיות למסחר אלקטרוני:

• תוכנית סטנדרטית: מ-$24.mo מחויב מדי שנה
• תוכנית פלוס: החל מ-$74 לחודש מחויב מדי שנה
• תוכנית מתקדמת: 212 דולר לחודש מחויב מדי שנה

אם אתה זקוק למושבי משתמש נוספים עבור חשבון Webflow שלך, אלה עלות מ-$16 לחודש ומעלה, בהתאם לדרישות שלך. 

לפירוט מפורט יותר של התמחור של Webflow, עיין ב- שלי מאמר מעמיק כאן.

תשלום שנתי חוסך לך 30% לעומת תשלום חודשי. מכיוון שתוכנית חינמית זמינה, אין ניסיון חינם.

חשוב: Webflow כן לֹא לספק החזרים, ויש ללא ערבות להחזר כספי לאחר תשלום תחילה עבור תוכנית.

תכונות זרימת אינטרנט

עכשיו בואו ניתן לפלטפורמה הזדמנות טובה בשביל הכסף שלה ונתקע מה Webflow עושה ואת התכונות שלו ולראות אם הם שווה את כל ההייפ.

תבניות זרימת אינטרנט

הכל מתחיל בתבנית! ל- Webflow יש מבחר נחמד של תבניות מובנות מראש בחינם שיעשו עבורך את כל ההדמיה, הטקסט והצבע. אם אתה רוצה לעלות רמה בעיצוב, אתה יכול גם בחר בתבנית בתשלום.

העלות של תבנית נעה בין 20 $ למעל 100 $ וזמינות במגוון נישות עסקיות שונות.

אבל זה מה שאני הכי אוהב. כמעט עם כל בוני האתרים, אין דרך ביניים. או שתתחיל עם תבנית בנויה מראש של כל שירה ורוקדת הכל או דף ריק. 

דף ריק יכול להיות נקודת התחלה קשה, במיוחד אם אתה מתחיל, ו-a תבנית בנויה מראש יכול לעשות את זה קשה לראות איך זה יעבוד עם האסתטיקה שלך.

Webflow מצא את דרך האמצע. לפלטפורמה יש תבניות בסיסיות לאתרי פורטפוליו, עסקים ואתרי מסחר אלקטרוני. המבנה קיים, אבל הוא לא מלא בתמונות, צבעים או כל דבר אחר שמסיח את הדעת.

זה מקל על הדמיה ו ליצור את האתר שלך בלי להתבלבל ממה שכבר יש.

Webflow Designer Tool

עכשיו, לקטע האהוב עלי, כלי העריכה. החלטתי ללכת עם תבנית שנבנתה מראש כאן והפעלתי אותה בעורך.

מיד, הוצגה בפניי רשימת בדיקה של כל השלבים שעלי לבצע כדי שהאתר שלי יהיה מוכן לפרסום. חשבתי שזה מגע נחמד למי שחדש בתוכנה הזו.

לאחר מכן, נתקעתי בכלי העריכה, וזה היה הרגע נדהמתי מכמות האפשרויות המוצעת.

לכלי יש את הרגיל ממשק גרור ושחרר שבו אתה בוחר את האלמנט שאתה רוצה וגורר אותו לדף האינטרנט. לחיצה על אלמנט פותחת את תפריט העריכה בצד ימין של המסך ואת תפריט הניווט משמאל. 

כאן זה נהיה סופר מפורט. בצילום המסך, אתה רואה רק חלק מתפריט העריכה. זה למעשה גלילה למטה כדי לחשוף את א משוגע מספר אפשרויות עריכה.

לכל רכיב של דף אינטרנט יש סוג זה של תפריט, וזה לא נעצר שם. בכל תפריט יש גם ארבע לשוניות לאורך החלק העליון שחושפים כלי עריכה נוספים.

עכשיו, אל תבינו אותי לא נכון. זו לא נקודה שלילית. מי שכבר רגיל לתוכנות לבניית אתרים ולמעצבי אתרים מקצועיים יתענג על כמות השליטה שיש להם מכיוון שהיא מאפשרת חופש יצירתי מוחלט.

מצד שני, אני כבר יכול לראות שכן לא בחירה טובה למתחילים מכיוון שלא ברור מיד מה אתה צריך לעשות ואיך אתה עושה את זה.

אני לא מתכוון להיכנס לדקויות של כל כלי עריכה זמין בפלטפורמה הזו כי אנחנו נהיה כאן כל השבוע.

לרשימה מלאה של תכונות, בקר באתר webflow.com כעת.

מספיק לומר, זה מתקדם ויש לו את כל מה שאתה צריך אי פעם כדי לספק אפילו את המעצב בעל אוריינטציה הפרטית ביותר. 

עם זאת, אציין כאן כמה מהתכונות הבולטות:

• כלי ביקורת אוטומטית: Webflow יכול לבקר את האתר שלך מתי שתרצה. זה ידגיש הזדמנויות שבהן תוכל לשפר את השימושיות והביצועים של הדף.
• הוסף טריגרים של אינטראקציה: הכלי מאפשר ליצור טריגרים שמבצעים פעולה אוטומטית כאשר העכבר מרחף מעל אזור מסוים. לדוגמה, אתה יכול להגדיר שיופיע חלון קופץ.
• תוכן דינמי: במקום לשנות או לעדכן באופן ידני אלמנטים בדפי אינטרנט מרובים, אתה יכול לשנות אותם בדף בודד, והשינויים יחולו בכל מקום. זה שימושי אם יש לך, למשל, מאות פוסטים בבלוג הדורשים שינוי.
• אוספי CMS: זוהי דרך חכמה לארגן קבוצות נתונים כך שתוכל לשלוט בתוכן הדינמי ולערוך אותו.
• נכסים: זוהי ספריית התמונות והמדיה שלך שבה אתה מעלה ומאחסן הכל. אני אוהב את זה כי זה נראה כמו כלי הנכסים של Canva ומקל מאוד על הגלילה כדי למצוא את מה שאתה צריך בעודך בדף העריכה.
• כלי שיתוף: אתה יכול לשתף קישור הניתן לצפייה לאתר כדי לקבל משוב או להזמין משתפי פעולה עם קישור לעריכה.
• מדריכי וידאו: Webflow יודע שזהו כלי מקיף, ואני חייב לומר, ספריית ההדרכות שלו היא נרחבת וממש קלה למעקב. בנוסף, ניתן לגשת אליהם ישירות בתוך כלי העריכה, וזה סופר נוח.

אנימציות של זרימת אינטרנט

מי רוצה אתרים משעממים וסטטיים כשאפשר דפי אינטרנט מדהימים, דינמיים ומונפשים?

Webflow משתמש ב-CSS ו-Javascript כדי לאפשר למעצבים ליצור אנימציות מורכבות וחלקות מבלי להידרש. אין ידע בקידוד כָּלשֶׁהוּ.

תכונה זו הייתה מעבר ליכולות בניית האינטרנט שלי, אבל מישהו הבקי בעיצוב אתרים יעשה זאת שיהיה יום שטח עם כל מה שהוא יכול לעשות.

לדוגמה, Webflow יאפשר לך ליצור אנימציות גלילה כגון פרלקסה, חשיפות, פסי התקדמות ועוד. אנימציות יכולות להחיל על כל העמוד או על אלמנטים בודדים.

אני אוהב לראות אתרים עם תנועות דינמיות בהם. הם דרך מצוינת למשוך את תשומת הלב של אנשים או להשאיר אותם לשהות באתר שלך למשך זמן רב יותר.

הם גם כלי נהדר להנחות מישהו ללחוץ על אלמנט מסוים או לבצע פעולה רצויה.

Webflow מסחר אלקטרוני

Webflow מוגדר במלואו עבור מסחר אלקטרוני (ויש לו תוכניות מחירים), ואתה כנראה יכול לנחש שהתכונה הזו היא מקיף בדיוק כמו הכלים שלו לבניית אתרים.

למעשה, תכונת המסחר האלקטרוני נגישה דרך ממשק העריכה באינטרנט ומאפשרת לך לעשות כל מה שיישום מסחר אלקטרוני ייעודי יעשה:

• הקמת חנות למוצרים פיזיים או דיגיטליים
• ייצוא או ייבוא ​​של רשימות מוצרים בכמויות גדולות
• צור מוצרים חדשים, קבע מחירים וערוך פרטים
• ארגן מוצרים בקטגוריות ספציפיות
• צור הנחות והצעות מותאמות אישית
• הוסף אפשרויות משלוח מותאמות אישית
• עקוב אחר כל ההזמנות
• צור מוצרים מבוססי מנוי (כרגע במצב בטא)
• צור עגלה ותשלומים מותאמים אישית
• התאם אישית הודעות דוא"ל עסקאות

לקבלת תשלומים, Webflow משתלב ישירות עם Stripe, Apple Pay, Google שלם ופייפאל.

בכנות, מצאתי את הרשימה הזו מוגבלת במקצת, במיוחד בהשוואה לפלטפורמות אחרות לבניית אתרים. 

למרות שאתה יכול השתמש ב-Zapier כדי ליצור קשר עם ספקי תשלום אחרים, זה יותר מסובך ויעלה לך הרבה יותר, במיוחד אם אתה רואה נפחי מכירות גבוהים.

חברות Webflow, קורסים ותוכן מוגבל

מכירת קורסים היא חם עכשיו, אז בוני אתרים מתרוצצים כדי לעמוד בקצב המגמה הזו. נראה כי Webflow תפס כי כעת יש להם א תכונת חברות שנמצא כרגע במצב בטא.

חברות Webflow מציעות לך דרך לעשות זאת ליצור חומת תשלום עבור תוכן מסוים באתר שלך, צור פורטלי חברות, ומספקים תוכן מבוסס מנויים.

למיטב הבנתי, אתה יוצר דפים באתר שלך עבור התוכן המוגבל שלך, ואז אתה "נועל" אותם עם דף גישה לחברים בלבד. הנה אתה יכול למתג הכל, ליצור טפסים מותאמים אישית ולשלוח אימיילים מותאמים אישית לעסקאות.

מכיוון שתכונה זו נמצאת במצב בטא, היא בטוח תתרחב וישתפר עם הזמן. זה בהחלט משהו שצריך לפקוח עליו עין ככל שהוא מתקדם.

Webflow אבטחה ואירוח

Webflow הוא לא רק כלי לבניית אתרים. זה כולל גם את היכולת host את האתר שלך ומספק גם תכונות אבטחה מתקדמות. 

זה הופך את הפלטפורמה ל-a חנות אחת ו מסיר את הצורך ברכישת אירוח ואבטחה מפלטפורמות של צד שלישי. אני חובב נוחות, אז זה מושך אותי מאוד.

אירוח זרימת אינטרנט

בכל הנוגע לאירוח, Webflow מתגאה ב- ביצועים בדרגה A וזמן טעינה של 1.02 שניות עבור אתרי האינטרנט שלה.

האירוח מסופק באמצעות שלה רשת אספקת תוכן ברמה 1 יחד עם שירותי אינטרנט של אמזון ו-Fastly. בנוסף לביצועים מהשורה הראשונה, האירוח של Webflow נותן לך גם:

• שמות דומיין מותאמים אישית (למעט בתוכנית החינמית)
• הפניות מותאמות אישית 301
• מטא נתונים
• אישור SSL חינם
• גיבויים יומיומיים וניהול גרסאות
• הגנת סיסמה לכל עמוד
• רשת הפצת תוכן (CDN)
• טפסים בהתאמה אישית
• חיפוש אתר
• פלטפורמת עיצוב ויזואלי ופרסום
• אפס תחזוקה

אבטחת זרימת אינטרנט

Webflow בהחלט לוקח את האבטחה ברצינות כך שאתה יכול להיות בטוח שאתה אתרי אינטרנט וכל הנתונים נשמרים בטוחים בכל שלב.

הפלטפורמה ממפה את תוכנית האבטחה שלה בהתאם בקרות אבטחה קריטיות של ISO 27001 ו-CIS ותקנים אחרים בתעשייה.

להלן כל תכונות האבטחה שאתה יכול לצפות להן עם Webflow:

• תואם GDPR ו-CCPA
• ספק שירות מוסמך ברמה 1 עבור Stripe 
• אבטחת נתונים מלאה ובדיקת צוות ב-Webflow עצמה
• אימות שני גורמים
• יכולות SSO עם G Suite
• כניסה יחידה
• הרשאות מבוססות תפקיד
• אחסון נתוני לקוחות מבוסס ענן
• העברת נתונים מוצפנת לחלוטין

אינטגרציות ו-API של Webflow

ל-Webflow יש א מספר הגון של אפליקציות ושילובים ישירים שנותנים לך יותר שליטה וגמישות. אם הפלטפורמה לא תומכת באינטגרציה ישירה, אתה יכול השתמש ב-Zapier כדי להתחבר לכלים ויישומי התוכנה המועדפים עליך.

אתה יכול למצוא אפליקציות ואינטגרציות עבור:

• שיווק
• אוטומציה
• אנליטיקה
• מעבדי תשלום
• חברויות
• מסחר אלקטרוני
• אימייל אירוח
• מדיה חברתית
• כלי לוקליזציה ועוד

אם אינך מוצא את האפליקציה שאתה צריך, אתה יכול בקש מ-Webflow ליצור אפליקציה מותאמת אישית, במיוחד בשבילך (עלויות נוספות חלות כאן).

שירות לקוחות Webflow

Webflow היא ענקית של פלטפורמה, כך שהיית מצפה שתהיה לה רמה נאותה של שירות לקוחות עבור המנויים שלה. 

עם זאת, Webflow מרפה כאן. אין תמיכה חיה - אפילו לא בתוכניות המחיר הגבוהות ביותר. הדרך היחידה שתוכל ליצור קשר עם נציג תמיכה היא באמצעות אימייל וגם אז, זמן התגובה נמוך. 

דיווחים ברחבי האינטרנט טוענים כי Webflow לוקח עד 48 שעות בממוצע לתת מענה לשאלות של לקוחות. זה לא נהדר, במיוחד אם יש לך מועדים ללקוחות לעמוד בהם.

עם זאת, Webflow זוכה בחזרה בכמה נקודות בתחום הזה וזה הודות לאוניברסיטה שלה. ספריית הלמידה הענקית הזו היא מלא בקורסים וסרטוני הדרכה ללמד אותך כיצד להשתמש בפלטפורמה כראוי.

ובכל זאת, זה לא יעזור לך אם האתר יתקלקל או שאתה נתקל בבעיה. בואו נקווה ש-Webflow תציג אפשרויות תמיכה טובות יותר בעתיד הקרוב.

אתרי אינטרנט לדוגמה

אז איך בעצם נראים האתרים שפורסמו של Webflow? יש רק כל כך הרבה שאתה יכול לקחת מתבנית, כך שצפייה באתרי אינטרנט לדוגמה היא דרך מצוינת לקבל תחושה של יכולות Webflows.

ראשית, יש לנו https://south40snacks.webflow.io, אתר לדוגמה לחברה המייצרת חטיפים על בסיס אגוזים וזרעים (תמונה למעלה).

זה אתר מדהים למראה עם כמה אנימציות מגניבות למשוך את תשומת הלב שלך (וגם אותך רעב לחטיפים!). הפריסה והעיצוב מעולים, והכל מתפקד בצורה חלקה.

התחנה הבאה היא https://illustrated.webflow.io/. ראשית, מוצג לך א אנימציה מפסיקה להראות, אבל בזמן שאתה גולל, יש לך א פריסה נקייה ומוצגת להפליא זה מרגיש משכנע אבל מאורגן.

כל עמוד נטען מהר, והסרטונים המוטמעים רצים כמו חלום.

https://www.happylandfest.ca/ מציג אתר לדוגמה לפסטיבל ומתחיל ב וידיאו קליפים עם כיסוי טקסט.

תוך כדי גלילה, אתה עובר דרך גלריית תמונות ומידע נוסף על האירוע. זה נועד למשוך מיד את תשומת הלב שלך, וזה עושה את זה טוב מאוד.

לצפייה בדוגמאות נוספות של אתרי Webflow. בדוק אותם כאן.

מתחרים של Webflow

כפי שהסברתי בסקירה זו, Webflow ידועה בתכונות המתקדמות והגמישות שלה, שהופכות אותה לבחירה פופולרית בקרב מעצבים שרוצים יותר שליטה על המראה והפונקציונליות של האתרים שלהם. עם זאת, יש פלטפורמות אחרות בחוץ. הנה איך Webflow משתווה לכמה מהמתחרים המובילים שלה:

1. Squarespace: Squarespace הוא בונה אתרים פופולרי שמציע מגוון תבניות ואפשרויות עיצוב ליצירת אתר בעל מראה מקצועי. בעוד ש-Squarespace קל יותר למתחילים, Webflow מציע אפשרויות נוספות להתאמה אישית ותכונות מתקדמות עבור מעצבים מנוסים.
2. ויקס: Wix הוא בונה אתרים ידידותי למשתמש עם ממשק גרירה ושחרור ליצירת אתרים. למרות שהוא ידידותי יותר למתחילים מ- Webflow, יש לו פחות אפשרויות התאמה אישית וייתכן שלא יתאים לאתרים מורכבים יותר.
3. WordPress: WordPress היא מערכת ניהול תוכן בשימוש נרחב (CMS) המציעה אפשרויות גמישות והתאמה אישית רבות עבור מעצבי אתרים. למרות שהוא מורכב יותר מ-Webflow, הוא מציע יותר שליטה על העיצוב והפונקציונליות של האתר.
4. Shopify: Shopify היא פלטפורמת מסחר אלקטרוני פופולרית המאפשרת למשתמשים ליצור חנויות מקוונות. אמנם היא אינה מתחרה ישירה ל- Webflow, אך ראוי לציין ש- Webflow אכן מציעה פונקציונליות של מסחר אלקטרוני ועשויה להיות בחירה טובה לעסקים קטנים המחפשים אתר אינטרנט עם יכולות עיצוב ומסחר אלקטרוני כאחד.

בסך הכל, Webflow בולטת בין מתחרותיה בזכות התכונות המתקדמות והגמישות שלה, מה שהופך אותה לבחירה אידיאלית עבור מעצבי אתרים מנוסים המחפשים פלטפורמה שמתאימה באופן מלא את המראה והפונקציונליות של האתרים שלהם.

שאלות נפוצות

סיכום – סקירת Webflow 2023

אין ספק ש-Webflow יכול להתחרות WordPress עבור המספר העצום של כלי עריכה, אינטגרציות ותכונות שהוא מציע. אני חושב שזו אופציה מושלמת עבור אנשי מקצוע בתחום עיצוב אתרים, עסקים ברמת הארגון וסוכנויות עיצוב.

ואכן, לפלטפורמה יש הרבה תוכניות מחיר המאפשרות לך להגדיל ולהגדיל את האתר שלך בקנה אחד עם העסק שלך. הלוואי והיה לי את המומחיות (והזמן) להכיר את הפלטפורמה הזו במלואה.

עם זאת, יש פלטפורמות טובות יותר למשתמשים חדשים ואנשים שרוצים אתר אינטרנט בסיסי ולא מסובך. לדוגמה, אתרים עסקיים בני עמוד אחד, אתרי ביו אישיים, והבלוגר הממוצע ימצאו את Webflow מתוחכם מדי לטובתו ועשויים להעדיף משהו בסיסי יותר כמו ויקס, Site123 or ספק.

ביקורות משתמשים

שלח סקירה

הפניות:

• רשימה מלאה של תכונות - https://webflow.com/features
• ערוץ יוטיוב - https://www.youtube.com/c/webflow
• ויקיפדיה - https://en.wikipedia.org/wiki/Webflow
• Reddit - https://www.reddit.com/r/webflow/