בעבר בניית אתר הרגישה כמו פרויקט שדרש לשכור מישהו. כבר לא.
אני משתמש ב-Hostinger Website Builder, ובמדריך הזה אלווה אותך בכל התהליך, צעד אחר צעד, מרגע ההתחברות ועד להפעלת האתר שלך באוויר.
בואו נתחיל.
מה זה Hostinger Website Builder?
Hostinger Website Builder הוא בונה אתרים מושחל בסגנון גרור ושחרר המופעל על ידי בינה מלאכותית ומשולב ישירות בחשבון ה-Hostinger שלך.
אין צורך בהתקנה, אין צורך בידע תכנותי ואין צורך ברקע עיצובי. אתה מתאר מה אתה רוצה, הבינה המלאכותית בונה עבורך אתר מלא, ולאחר מכן אתה מתאים אותו למותג שלך.
זו אחת הדרכים המהירות ביותר לעבור מאפס לאתר חי ומקצועי.
שלב 1: התחבר וגש לבונה
כשאתה מתחבר לחשבון ה-Hostinger שלך, אתה מגיע לhPanel. זהו לוח המחוונים הראשי של Hostinger, ושם אתה מנהל את הכול: אתרים, דומיינים, מיילים וחשבונות.
בסרגל הצד השמאלי תמצא מספר אפשרויות ניווט. לחץ על Websites. מתוך התפריט הנפתח בחר Websites list.
עכשיו אתה נמצא בדף Websites list, המציג את כל האתרים המחוברים לחשבונך.
בפינה העליונה ימנית של הדף תראה כפתור סגול + Add website. לחץ עליו.
יופיע תפריט נפתח עם ארבע אפשרויות:
- Hostinger Horizons
- WordPress
- Hostinger Website Builder
- אתר PHP/HTML מותאם אישית
לחץ על Hostinger Website Builder, שתואר כ”בונה אתרים AI גרור ושחרר.”
שלב 2: תאר את האתר שלך לבינה המלאכותית
לאחר בחירת Hostinger Website Builder, תגיע למסך הגדרה בכותרת “Let AI create your online presence.”
כאן תספר לבינה המלאכותית איזה סוג אתר אתה רוצה לבנות.
תראה תיבת טקסט גדולה עם הטקסט בעליל “Describe your website or business.” זה תיבת ההנחיה שלך: מה שתקליד כאן יקבע את כל מה שה-AI ייצור. ככל שתפרט יותר, התוצאה תהיה טובה יותר.
מתחת לתיבה תמצא שורה של כרטיסיות התחלה מהירה כמו “Create a business website,” “Create an online store,” “Design a portfolio,” “Launch an appointments website,” “Start a blog,” “Launch a restaurant website,” ו-“Create a one pager website.”
בלחיצה על כל אחת מהן היא תמלא תבנית התחלתית שתוכל לערוך ולהרחיב.
בתחתית המסך יש שני קישורים נוספים: Pre-made templates ו-Link in bio website.
אם אתה מעדיף לדלג על ה-AI ולדפדף בתבניות קיימות, לחץ על Pre-made templates.
אם אתה צריך אתר עמוד בודד לפוסטים ברשתות חברתיות, בדוק את Link in bio.
לרוב המשתמשים המעוניינים באתר ממשי, תיבת ההנחיה של ה-AI היא המקום הנכון להתחיל בו.
איך לכתוב הנחיה טובה ל-AI
זה החלק הכי חשוב בתהליך. תחשוב על ההנחיה כעל תדריך למעצב. ככל שתבהיר את החזון שלך, התוצאה תהיה קרובה יותר למה שאתה רוצה באמת.
זו ההנחיה שהשתמשתי בה במדריך הזה, כשהקמתי אתר לסוכנות קריאייטיב:
“Build a modern, professional website for a creative agency that offers branding, graphic design, web design, and digital marketing services. The website should feel creative, bold, and trustworthy while staying clean and easy to navigate. Use a modern layout with strong visuals, good spacing, and stylish typography. Include the following pages: Home, About, Services, Portfolio, Blog, and Contact. On the Home page, add a hero section with a powerful headline, short value-focused description, and a clear call-to-action button like ‘Start Your Project’ or ‘Get a Quote.’ Write simple, persuasive copy that explains what we do, who we help, and the results we deliver. Make the website mobile-friendly, fast-loading, and optimized for basic SEO.”
שים לב כמה היא ספציפית: תעשייה, טון, סגנון פריסה, דפים נדרשים, מבנה עמוד הבית ומטרות התוכן. רמת הפירוט הזאת נותנת ל-AI קרקע יציבה להתחיל ממנה.
כשסיימת לכתוב את התיאור, תופיע כפתור “Improve description” בפינה הימנית העליונה של תיבת הטקסט.
אני ממליץ ללחוץ עליו לפני השליחה. ה-AI ירחיב וישדרג את ההנחיה שלך, ולעיתים יתפוס דברים שפספסת.
כשתהיה מוכן, לחץ על סמל החץ הסגול (כפתור השליחה) בתחתית תיבת הטקסט כדי לשלוח את ההנחיה ולהתחיל את ההפקה.
שלב 3: המתן בזמן שה-AI בונה את האתר שלך
לאחר שליחת ההנחיה, ה-AI של Hostinger מתחיל לעבוד מיד. תראה אנימציית טעינה במסך מלא על רקע סגול כהה עם ההודעה “Looking for matching pictures…” ופס התקדמות המציין את ההתקדמות.
בשלב הזה, שמו שלוקח בין 30 ל-60 שניות. במהלך הזמן הזה, ה-AI מפעיל אלגוריתמים מורכבים: יוצר פריסות דפים, כותב את התוכן, בוחר תמונות תואמות מספריית המלאי, בונה את תפריט הניווט ומארגן את כל האתר לפי ההנחיה שלך.
אל תסגור את הלשונית בזמן הטעינה. חכה בסבלנות.
שלב 4: עיין במה שה-AI בנה
כשסיום התהליך, תוצג בפניך תצוגה מקדימה של האתר החדש. זה מסך התוצאה, והוא מרגש באמת לראות מה נוצר.
בחלק השמאלי תראה תצוגה חיה של האתר שנוצר. בחלק הימני תמצא פאנל בשם “Your idea summary,” המציג סיכום של ההנחיה שלך וכפתור “Edit idea” למקרה שתרצה לעדכן או לחדש את ההנחיה.
במקרה שלי, ה-AI קרא לאתר “BoldCraft Studio” ויצר דף בית עם הכותרת “Crafting Bold Brands That Shine,” תיאור תומך ושני כפתורי קריאה לפעולה: “Start Now” ו-“Get Quote.”
ברצועת הניווט נמצאו כל ששת הדפים שביקשתי: Home, About, Services, Portfolio, Blog ו-Contact.
בפינה השמאלית עליונה של מסך התצוגה יש שני כפתורים: Previous versions לעבור בין עיצובים אלטרנטיביים שה-AI יצר, ו-Rate site לתת משוב על התוצאה.
בפינה הימנית עליונה של המסך מופיעים אייקונים למעבר בין תצוגת שולחן עבודה לנייד. מומלץ לבדוק איך האתר נראה בטלפון לפני שממשיכים.
אם אתה מרוצה מהכיוון הכללי, לחץ על הכפתור הסגול Continue בפאנל הימני כדי להיכנס לעורך המלא, שם נעשית ההתאמה האמיתית.
אם התוצאה לא משביעה רצון, לחץ על Edit idea, עדכן את ההנחיה וחדש את התהליך עד שתהיה מרוצה.
שלב 5: התרגל לממשק העורך
העורך הוא המקום שבו תבלה את רוב הזמן שלך. כשאתה נכנס אליו, קח רגע להבין את הפורמט לפני שתתחיל ללחוץ.
בעורך יש שני אזורים עיקריים:
- האזור המרכזי הגדול הוא קנבס האתר, שבו תוכל לראות ולערוך את האתר בזמן אמת.
- סרגל הצד האנכי והצר משמאל הוא לוח הבקרה, שבו נמצאים כל הכלים הדרושים לך.
כך כל פריט בסרגל הצד פועל:
- Setup – הגדרות בסיסיות של האתר, התחום המשויך ומידע על התוכנית.
- Elements – פתח את לוח הגרירה והשחרור להוספת בלוקים לכל עמוד. את זה אפרט ממש בקרוב.
- Pages – מציג את כל הדפים שלך. ניתן לעבור ביניהם, להוסיף כפתורים, לשנות שמות, לגרור לסדר חדש או למחוק דפים שלא צריכים.
- Styles – בקרה עיצובית גלובלית. כאן מגדירים גופנים, פלטת צבעים וסטילי כפתורים. כל שינוי כאן ישפיע על כל האתר.
- AI tools – כלי הכתיבה והתוכן של Hostinger. אפשר לערוך טקסט קיים, ליצור תוכן חדש ועוד.
- Blog – ניהול פוסטים אם לאתר שלך יש בלוג.
- Store – ניהול חנות אונליין אם אתה מוכר מוצרים. שים לב שהתכונות הללו דורשות תוכנית עסקית או גבוהה יותר.
- SEO – מנהל SEO מובנה להגדרת מטא כותרות, תיאורים ופרטים נוספים לכל עמוד.
- More – מתרחב לתפריט שני עם כלים נוספים כמו Appointments, General settings, Integrations, Form submissions, Analytics, Media library, Multi-language support, Manage backups, Export content to WordPress ו-Help and Resources.
בקצה העליון של העורך תמצא את סרגל הכלים הראשי. משמאל לימין: כפתורי תצוגת שולחן עבודה ונייד, Undo ו-Redo, כפתור Connect domain, כפתור Preview וכפתור הירוק Go live.
שלב 6: ערוך את התוכן שלך
עכשיו החלק שבו אתה הופך את האתר לשלי. לחץ בכל מקום על הקנבס כדי להתחיל לערוך.
כשאתה מרחף מעל כל קטע בדף, יופיע תווית כחולה בפינה השמאלית העליונה המציינת אם זה “Section” או “Header”, ובאותו זמן יופיע סרגל עופף עם אפשרויות עריכה.
בסרגל הקטע תמצא, משמאל לימין: Edit section – פותח פאנל הגדרות הקטע, לשינוי תמונת הרקע, צבע, ריווח ואפשרויות פריסה.
לצדו כפתור Generate image – פותח את יוצר התמונות ב-AI.
לידו סמל שכפול, מתג הסתרה/הצגה, סמל מחיקה, חצים להזזת הקטע למעלה ולמטה ותפריט שלוש הנקודות.
כדי לערוך טקסט בדף, פשוט לחץ עליו והתחל להקליד. יופיעו כלי עיצוב ישירות על גבי הטקסט לשינוי גודל, משקל, יישור וצבע.
כדי להחליף תמונה, לחץ עליה. תקבל אפשרות להעלות קובץ משלך, לדפדף בספריית התמונות של Hostinger או ליצור חדשה באמצעות AI.
עבור על דף הבית תחילה, ואז השתמש בפאנל Pages כדי לעבור לכל שאר הדפים ולערוך אותם בסגנון דומה.
שלב 7: השתמש ביוצר התמונות של ה-AI
תכונה ששווה לעצור בה היא AI image generator, במיוחד אם אין לך תמונות מקצועיות משלך.
כדי לגשת אליה, עבור עם הסמן מעל קטע כלשהו בדף ולחץ על Generate image בסרגל העופף של הקטע. ייפתח פאנל מצד ימין.
בפאנל תמצא תיבת טקסט “Image description”. הקלד תיאור של התמונה שברצונך ליצור.
ככל שהתיאור יהיה מפורט וחזותי יותר, כך התוצאה תהיה טובה יותר. הפאנל מציג מגבלת תווים של 3,000 ומדד איכות בזמן אמת המציין אם התיאור חזק מספיק.
לדוגמה, כשכתבתי “A modern creative agency workspace with designers collaborating around laptops and large screens, displaying branding designs, website mockups, and digital artwork. Bright, clean, and stylish office,” הפאנל הראה “Great description!” עם ברי איכות מלאים.
כשתהיה מרוצה מהתיאור, לחץ על כפתור Create images. ה-AI יפיק עבורך מספר תמונות לבחירה.
חשוב לדעת: יצרן התמונות ב-AI זמין רק בתוכנית Business ומעלה. במידה ואתה בתוכנית Premium, תופיע בקשת שדרוג בתחתית הפאנל.
שלב 8: הוסף אלמנטים חדשים לכל עמוד
אם אתה רוצה להוסיף בלוק תוכן שאינו קיים בדף, לחץ על Elements בסרגל הצד השמאלי. ייפתח לוח “Add elements”.
תראה גריד של כל האלמנטים הזמינים, כולל Text, Button, Affiliate link, Add to bag, Image, Gallery, Video, Shape, Card, Map, Instagram feed, ו-Contact form. כדי להוסיף כל אחד מהם, גרור אותו מהלוח ושחרר אותו בקנבס במקום הרצוי.
לאחר ההוספה, לחץ על האלמנט כדי לגשת להגדרות והאפשרויות הסגנוניות שלו.
גישת הגרור־ושחרר הזו מבטיחה שאינך כלוא לעיצוב המקורי שה-AI יצר. תוכל להוסיף, למחוק ולהזיז אלמנטים כרצונך.
שלב 9: נהל את הדפים שלך
לחץ על Pages בסרגל הצד השמאלי כדי לראות את רשימת כל הדפים. לחץ על כל שם כדי לעבור לעריכה של אותו עמוד.
להוספת דף חדש, השתמש בלחצן הפלוס. לגרירת סדר הופעת הדפים בניווט, גרור אותם למעלה או למטה ברשימה.
אם יש דפים שנוצרו על ידי ה-AI שאינך צריך, ניתן למחוק אותם כאן. ואם חסר לך דף כמו Testimonials או Pricing, הוסף אותו מהרשימה ובנה אותו באמצעות לוח Elements.
שלב 10: הגדר את ה-SEO שלך
לפני הפרסום, יש להגדיר SEO. זה שלב רבים מדלגים עליו, וזה טעות.
הקדשת כ-15 דקות למילוי הגדרות SEO יכולה להשפיע משמעותית על הופעת האתר שלך בגוגל.
לחץ על SEO בסרגל הצד השמאלי כדי לפתוח את פאנל “Let’s be found on Google (SEO).”
הפאנל מחולק לשני חלקים. משמאל רשימת כל הדפים. מימין תמצאו את Website overview, המציג שם העסק ושפת האתר. לחץ על Edit כדי לעדכן אם צריך.
מתחת יש חלק בשם “Some pages require your attention.”
כל עמוד שמסומן באייקון אזהרה כתום צריך עיצוב SEO. לחץ על כל עמוד ברשימה כדי לפתוח את הגדרות ה-meta שלו, שבהן תוכל לכתוב כותרת מטא ותיאור מטא לכל דף.
עבור על כל עמוד ברשימה. כותרת מטא טובה קצרה, ברורה וכוללת את המילה המרכזית שלך (עד 60 תווים). תיאור מטא תמציתי ומסכם (עד 160 תווים). אלה הטקסטים שיופיעו בתוצאות החיפוש, ולכן שווה להשקיע מעט זמן בכל אחד מהם.
שלב 11: חבר את הדומיין שלך
אם טרם חיברת דומיין מותאם אישית לאתר, עכשיו הזמן. לחץ על כפתור Connect domain בסרגל הכלים העליון בעורך.
יש לך שתי אפשרויות. אם כבר ברשותך דומיין, ניתן לחברו על ידי עדכון הגדרות ה-DNS כך שיפנו לשרתי Hostinger. אם עדיין אין לך דומיין, תוכל לרכוש אחד ישירות מ-Hostinger באותו מסך.
עד לחיבור דומיין, האתר שלך יהיה נגיש דרך תת-דומיין זמני של Hostinger כמו yoursite.builder-preview.com. זה בסדר לצורכי בדיקה, אבל מומלץ לקבל דומיין תקין לפני שתשיתף את האתר ברבים.
שלב 12: תצוגה מקדימה ופרסום
כמעט סיימת. לפני הפרסום, לחץ על כפתור Preview בסרגל הכלים הימני העליון.
זה יפתח תצוגה מקדימה במסך מלא של איך האתר ייראה למבקרים. החלף בין תצוגת שולחן עבודה לנייד באמצעות האייקונים בראש מסך התצוגה ובדוק שהכל נראה תקין בשניהם.
שים לב במיוחד לגופן, הקרוסלה של ניווט העמוד הראשי ואיך התמונות נחתכות בנייד. ודא שלא חסר דבר.
כשאתה מרוצה, חזור לעורך ולחץ על הכפתור הירוק Go live. האתר שלך עכשיו חי ברשת.
שלב 13: גלה את האינטגרציות
לאחר שהאתר חי, כדאי לבחון את האינטגרציות הזמינות. עבור לMore > Integrations בסרגל הצד השמאלי.
פאנל Integrations מאפשר לחבר את האתר לכלים ושירותים חיצוניים. האפשרויות הנוכחיות כוללות Shippo לניהול תוויות שילוח והליך לוגיסטי, Printful ליצירה ומכירה של מוצרים בהדפסה לפי דרישה, Hostinger Reach לשיווק בדוא”ל ושליחת ניוזלטרים, Google Ads לקמפיינים ממומנים וקוד מותאם אישית להוספת HTML, CSS או JavaScript משלך.
להפעלת אינטגרציה, לחץ על כפתור Get started ליד השירות, עקוב אחר השלבים ולאחר מכן עדכן את האתר על ידי פרסום מחודש.
טיפים למיצוי מרבי של Hostinger Website Builder
היה נדיב בהנחיית ה-AI שלך. הנחיה בת שתי משפטים תייצר תוצאה גנרית. הנחיה מפורטת שתכלול תעשייה, קהל יעד, העדפות עיצוב, מבנה דפים וטון דיבור תביא לתוצאה שתתאים לך כמעט ללא עריכה נוספת. השתמש חמש דקות בכתיבת תדריך מפורט, ותחסוך שעות של תיקונים אחר כך.
לחץ תמיד על Improve description. הכפתור הזה קל לפספס, אבל הוא עוזר באמת. ה-AI לעיתים תופס נקודות שהשארת מטושטשות והופך אותן להנחיות קונקרטיות יותר.
ערוך את התוכן בעין ביקורתית. ה-AI מספק עותק מזערי טוב, אבל הוא לא מכיר את העסק שלך כמו שאתה. עברו על כל עמוד וכתבו מחדש את הטקסט כך שישקף את השירותים שלכם, הערך המוסף והקול הייחודי שלכם.
בדוק תצוגת נייד לפני הפרסום. Hostinger הופך את האתר לרספונסיבי אוטומטית, אבל תמונות וריווחים לפעמים צריכים כיוונון עדין במסכים קטנים. תמיד הקפד על תצוגת נייד טרם הפרסום.
מלא SEO לכל עמוד ועמוד. לא רק לדף הבית. כל עמוד באתר ראוי לכותרת ותיאור מטא מתאימים. לוקח דקות בודדות לכל עמוד וזו אחת הדרכים הקלות ביותר לשיפור הנראות במנועי חיפוש.
השתמש בספריית המדיה כדי להישאר מסודר. תחת More > Media library, תוכל להעלות ולנהל את כל התמונות במקום מרכזי אחד. זה מקל על השימוש החוזר ושומר על אחידות האתר.
חזור ושפר עם הזמן. פרסום האתר הוא רק ההתחלה. חזור באופן קבוע לעדכן תוכן, להוסיף פוסטים חדשים ולחדד את הדפים ככל שהעסק שלך מתפתח.
Hostinger Website Builder מבטל כמעט כל מחסום שעבר בין אתה לבין אתר מקצועי. ה-AI עושה את העבודה הקשה בעיצוב ובכתיבה, העורך מאפשר התאמה נוחה, וכלי ה-SEO והאינטגרציות מובנים מבטיחים שיש לך הכול במקום אחד.
עקוב אחר השלבים במדריך הזה ואתה יכול realistically להשיק אתר חי, מלוטש ומתפקד בפחות משעה.
