בפרק הזה אני מחבר את Vercel לקלוד קוד ובונה איתו עמוד נחיתה שיווקי חי - ובעמוד הזה יש את כל התהליך: שלבים מדויקים ותשובות לשאלות הנפוצות.
Vercel היא פלטפורמת אחסון ופריסה (hosting) שמעלה אתרים לכתובת חיה באינטרנט תוך שניות, ומחוברת לקלוד קוד דרך קונקטור מובנה. כדי לבנות עמוד נחיתה: כותבים לקלוד קוד פרומפט אחד שמתאר את העמוד הרצוי - כותרת, יתרונות, טופס ליד - וקלוד כותב את הדף ומעלה אותו בעצמו לכתובת חיה, בלי וורדפרס, אלמנטור או Wix, ובלי לגעת בקוד.
בקצרה - מה בפרק:
- Vercel מעלה אתרים וקוד ישירות לכתובת חיה, בלי בונה אתרים
- קלוד קוד כותב עמוד נחיתה ומעלה אותו בעצמו, בפרומפט אחד
- מחליף וורדפרס, אלמנטור ו-Wix לעמודי נחיתה שיווקיים
- אותו חיבור בדיוק הופך פרומפט למצגת הרצאה אינטראקטיבית (ראו בהמשך)
- יש רמה חינמית; תשלום רק בשימוש מסחרי עם תעבורה גבוהה
לפני שהתחלתי לעבוד עם קלוד קוד ו-Vercel, כל עמוד נחיתה חדש ללקוח היה עובר דרך וורדפרס, אלמנטור או Wix - בונה גרירה-והשלכה, תבנית שצריך לפרוץ, ותהליך שלוקח שעות רק כדי להגיע לנקודת התחלה סבירה. היום אני כותב לקלוד קוד מה אני רוצה, והוא כותב ומעלה לאוויר עמוד נחיתה אמיתי וחי, בלי בונה ביניים ובלי שאני נוגע בקוד בעצמי. אותו חיבור בדיוק פתר לי גם בעיה נוספת, פחות שיווקית ויותר אישית: איך מכינים מצגת להרצאה בלי לפתוח PowerPoint ולקוות שהעיצוב לא ייראה כמו ב-2012 (על זה בהמשך המדריך).
🔧 מכאן זה נהיה טכני
עד כאן התמונה הגדולה. מכאן זה נכנס לעומק הטכני.
אפשר לפתוח את הסעיפים הטכניים למטה ולקרוא עכשיו, שלב אחר שלב - או לקבל את המאמר הזה במייל ולחזור אליו כשנוח.
המאמר נשלח אליכם פעם אחת. אם תסמנו את התיבה, נעדכן אתכם גם כשיוצא מאמר חדש, ואפשר להסיר את עצמכם מכל מייל.
מה זה Vercel ולמה קלוד קוד "אוהב" אותו
Vercel היא פלטפורמת אחסון ופריסה (hosting/deploy) לאתרים ואפליקציות. במקום להעלות קבצים לשרת בעצמך, מגדירים חיבור אחד, וכל קוד שנכתב עולה ישירות לכתובת חיה באינטרנט תוך שניות.
מה שמשנה את המשחק זה החיבור בין Vercel לקלוד קוד. קלוד קוד מגיע עם קונקטור מובנה ל-Vercel, כלומר קלוד לא רק כותב לכם קוד לעמוד הנחיתה, הוא גם מעלה אותו בעצמו לכתובת חיה. אין שלב באמצע של "עכשיו תעתיקו את זה לוורדפרס" או "עכשיו תעלו קובץ ל-FTP". כל מה שכתבתם עם קלוד, אפשר להעלות ישירות לאתר.
ברמה העסקית, זה אומר שהמרחק בין בריף לעמוד נחיתה חי מתקצר דרמטית. במקום לתאם עם מעצב, לתאם עם מפתח, ולחכות לפריסה, השרשרת כולה קורית בתוך שיחה אחת עם קלוד.
עמוד נחיתה שיווקי, לא מצגת חד-פעמית
שילוב Vercel וקלוד קוד נותן עמוד נחיתה ברמה גבוהה בכמה פרומפטים פשוטים, במקום להשתמש בפלטפורמות "מיושנות" כמו וורדפרס, אלמנטור או Wix. אין צורך בתבנית שצריך להתאים אליה, ואין צורך להתפשר על מבנה קבוע מראש - העמוד יוצא צבעוני, אינטראקטיבי, עם פונקציות מותאמות למשתמשים, כמו טופס ליד אמיתי.
עמוד נחיתה שיווקי הוא נכס קבוע: הוא צריך לחיות באתר, להתחבר לפיקסלים ולמדידה, ולהמשיך לעבוד גם בעוד חצי שנה - לא נכס חד-פעמי שרץ פעם אחת ונשכח.
פרומפט לדוגמה לעמוד נחיתה
פרומפט סביר לעמוד נחיתה נראה בערך כך: "תבנה לי עמוד נחיתה לקמפיין [שם המוצר/השירות], עם כותרת ראשית, שלושה יתרונות מרכזיים, טופס ליד עם שם וטלפון, וכפתור וואטסאפ. תעלה אותו ל-Vercel כדי שיהיה לי קישור חי לבדוק." קלוד קוד יבנה את הדף וגם יפרוס אותו, כך שבסוף הפרומפט הראשון כבר יש כתובת אינטרנט אמיתית לבדוק בנייד.
איך לא להיתקע עם עיצוב ברירת המחדל
קלוד קוד מגיע עם עיצוב ברירת מחדל משלו, וזה לא תמיד העיצוב שמתאים למותג של הלקוח. אם העיצוב שיוצא לכם נראה "מוזר" או לא מתאים, הפתרון פשוט: קחו רפרנס עיצובי, תמונה של אתר שאהבתם או קישור לאתר קיים, והדביקו אותו בשיחה עם קלוד במקום לתאר במילים.
שימוש נוסף: מצגות והרצאות אינטראקטיביות במקום PowerPoint
אותו חיבור בין Vercel וקלוד קוד עובד גם על שימוש אחר לגמרי: מצגות הרצאה. כל פרומפט להרצאה או הדרכה קצרה הופך אוטומטית למצגת אינטראקטיבית, מיני אפליקציה ברמה גבוהה שגם נוחה לנווט בה וגם נראית מעולה באינטרנט - גם בנייד וגם במחשב. במקום לצפות פסיבית בשקופיות, לקהל יש דף חי שהם יכולים לגעת בו וללחוץ עליו. הצגתי את זה בפועל בשתי הרצאות בגוגל, אחת לסטודנטים ואחת למשפיענים - במקום קובץ PowerPoint רגיל, לקהל היו אפשרויות לתייג תכנים ולראות דמואים שעובדים בלייב.
חשוב להפריד בין שני השימושים, כי הם לא אותו דבר: מצגת הרצאה היא נכס חד-פעמי, שרץ פעם אחת ואולי מתעדכן לקראת ההרצאה הבאה. עמוד נחיתה שיווקי, לעומת זאת, הוא נכס קבוע (ראו למעלה). שניהם רצים על אותה תשתית של Vercel וקלוד קוד, אבל התחזוקה שלהם שונה לגמרי.
איך זה נראה מול וורדפרס, אלמנטור ו-Wix
| פרמטר | קלוד קוד + Vercel | WordPress / Elementor / Wix |
|---|---|---|
| איך בונים | כותבים פרומפט, קלוד כותב ומעלה אתר | גרירה-והשלכה, תבניות, פלאגינים |
| זמן לתוצאה ראשונה | דקות | לרוב שעות, כולל התאמת תבנית |
| גמישות עיצובית | כל מה שאפשר לתאר במילים, כולל אינטראקטיביות מותאמת אישית | מוגבל למה שהתבנית/הפלאגין תומכים בו |
| עלות בסיסית | חינמי ברמה אישית, בתשלום לשימוש מסחרי רציני | אחסון + תבנית + פלאגינים בתשלום לרוב |
| ידע נדרש | לדעת לתאר מה רוצים, בלי לדעת לכתוב קוד | היכרות עם הממשק הספציפי של הפלטפורמה |
איך מתחילים, צעד אחר צעד
- פתחו את קלוד קוד וחברו את הקונקטור של Vercel (מוגדר מראש בתוך קלוד).
- כתבו פרומפט אחד ברור שמתאר את עמוד הנחיתה שאתם רוצים לבנות, כולל האלמנטים החשובים לכם.
- בקשו מקלוד קוד לפרוס את התוצאה ישירות ל-Vercel, כדי לקבל קישור חי לבדיקה.
- בדקו את הקישור בנייד ובמחשב, ווודאו שהטפסים והאינטראקציות עובדים.
- אם משהו לא מתאים, המשיכו לשוחח עם קלוד באותה שיחה, או שלחו רפרנס עיצובי.
- לפני שיוצאים לאוויר מול לקוח, חברו דומיין מותאם והטמיעו את המדידה הרלוונטית.
זה עבד לכם? יש עוד פרקים בסדרה
בפרק על Supabase אני מחבר לקלוד את Supabase - ונותן לאתר זיכרון אמיתי, מסד נתונים בענן שזוכר משתמשים לאורך זמן.
לפרק על Supabase ←עוד בסדרה: מחקר מילות מפתח עם SEMrush · המדריך המלא לחיבורי MCP בקלוד
💾 שווה לשמור את העמוד - או לשלוח למי שהחיבור הזה יעשה לו סדר.
רוצים לשמוע על הסדנאות שלי לקלוד?
סדנאות פרקטיות על קלוד קוד למשווקים ולעסקים - כותבים לי בוואטסאפ וסוגרים זמן.
💬 לשיחה בוואטסאפשאלות נפוצות
אפשר לבנות עמוד נחיתה עם קלוד קוד בלי לדעת לתכנת?
כן. כל מה שצריך זה לתאר במילים מה רוצים לבנות - כותרת, יתרונות, טופס ליד. קלוד קוד כותב את הקוד בעצמו ומעלה אותו ל-Vercel.
האם Vercel חינמי?
יש ל-Vercel רמה חינמית שמספיקה לעמודי נחיתה אישיים ולבדיקות. לשימוש מסחרי רציני, עם תעבורה גבוהה או דומיין מותאם ללקוח, בדרך כלל עוברים לרמה בתשלום.
כמה זמן לוקח לבנות עמוד נחיתה עם קלוד קוד ו-Vercel?
בפרומפט אחד ברור אפשר לקבל טיוטה ראשונה חיה, בכתובת אינטרנט אמיתית, תוך דקות. משם ממשיכים לשוחח עם קלוד כדי לדייק עיצוב, טקסטים וטפסים.
עמוד נחיתה שנבנה כך מתאים גם לקמפיינים ממומנים, עם פיקסלים ומדידה?
כן, אפשר לבקש מקלוד קוד להטמיע פיקסל של מטא או תגית של גוגל בעמוד, בדיוק כמו בכל אתר אחר.
אפשר לחבר לזה דומיין מותאם אישית של הלקוח?
כן, Vercel תומך בחיבור דומיין קיים לפרויקט, בדרך כלל דורש עדכון רשומת DNS אצל ספק הדומיין.
טיפ אחד לסיום
אם אתם רוצים לבנות עמוד נחיתה ולא יודעים מאיפה להתחיל, תשתמשו בקונקטור של Vercel. הוא מובנה בקלוד קוד וזה עושה פלאים. אל תתחילו מהעיצוב או מהטכנולוגיה, תתחילו מרפרנס עיצובי אחד שאתם אוהבים ופרומפט אחד ברור על מה שאתם רוצים לבנות. השאר קורה הרבה יותר מהר ממה שנראה בהתחלה - ואותו קונקטור בדיוק יעבוד לכם גם בפעם הבאה שתצטרכו מצגת להרצאה. ואם אתם רוצים מסלול בלי קוד בכלל, קראו על בייס 44 בעברית: מה זה ולמי זה מתאים.
