Hostinger Website Builder का उपयोग कैसे करें: चरण-दर-चरण मार्गदर्शिका

How to Use Hostinger Website Builder

How to Use Hostinger Website Builder blog

वेबसाइट बनाना पहले एक ऐसा प्रोजेक्ट लगता था जिसके लिए आपको किसी को हायर करना पड़ता था। अब ऐसा नहीं है।

मैंने Hostinger Website Builder का उपयोग कर रहा हूँ, और इस गाइड में मैं आपको पूरे प्रोसेस के बारे में चरण-दर-चरण बताऊंगा, लॉग इन करने के क्षण से लेकर आपकी साइट लाइव होने तक।

चलिए शुरू करते हैं।

Hostinger Website Builder क्या है?

Hostinger Website Builder एक AI-संचालित, ड्रैग-एंड-ड्रॉप वेबसाइट बिल्डर है जो सीधे आपके Hostinger खाते में सम्मिलित होता है।

आपको कुछ भी इंस्टॉल करने की आवश्यकता नहीं है, आपको कोडिंग नहीं आनी चाहिए, और आपको डिज़ाइन का कोई अनुभव नहीं चाहिए। आप जो चाहते हैं उसका वर्णन करें, AI आपके लिए एक पूर्ण वेबसाइट बनाता है, और फिर आप इसे अपने ब्रांड के अनुरूप अनुकूलित करते हैं।

यह कुछ भी न होने से लेकर पूरी तरह लाइव, पेशेवर दिखने वाली वेबसाइट तक जाने का सबसे तेज़ तरीकों में से एक है।

चरण 1: लॉग इन करें और बिल्डर पर जाएं

जब आप अपने Hostinger खाते में लॉग इन करते हैं, तो आप hPanel पर आते हैं। यह Hostinger का मुख्य डैशबोर्ड है, और यहीं आप अपनी वेबसाइट्स, डोमेंस, ईमेल्स और बिलिंग को मैनेज करते हैं।

बाईं साइडबार पर, आपको नेविगेशन विकल्पों की सूची दिखेगी। यहाँ Websites पर क्लिक करें। इसके नीचे एक छोटा ड्रॉपडाउन खुलेगा जिसमें दो विकल्प हैं: Websites list और Migrations. Websites list पर क्लिक करें।

Hostinger websites list dashboard navigation menu view

अब आप Websites list पेज पर हैं, जो आपके खाते से जुड़ी सभी वेबसाइट्स दिखाता है।

पेज के ऊपर दाएँ कोने में, आपको एक बैंगनी + Add website बटन दिखेगा। उस पर क्लिक करें।

Hostinger add website dropdown with builder and WordPress options

एक छोटा ड्रॉपडाउन मेनू खुलता है जिसमें चार विकल्प हैं:

आपको Hostinger Website Builder पर क्लिक करना है, जिसे “AI-संचालित ड्रैग-एंड-ड्रॉप वेबसाइट बिल्डर” के रूप में वर्णित किया गया है।

चरण 2: AI को अपनी वेबसाइट का विवरण दें

Hostinger Website Builder चुनने के बाद, आप एक सेटअप स्क्रीन पर पहुँचेंगे जिसका शीर्षक है “Let AI create your online presence.”

यहीं आप AI को बताएंगे कि आप किस तरह की वेबसाइट बनाना चाहते हैं।

Hostinger AI website builder prompt input screen

आपको एक बड़ा टेक्स्ट बॉक्स दिखेगा जिसमें प्लेसहोल्डर टेक्स्ट “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 पर क्लिक करें।

Hostinger customizable website templates selection page

यदि आपको अपने सोशल मीडिया प्रोफाइल्स के लिए केवल एक सिंगल-पेज साइट चाहिए, तो Link in bio विकल्प देखना सार्थक है।

हालाँकि अधिकांश लोग जो असली वेबसाइट बना रहे हैं, उनके लिए AI प्रॉम्प्ट बॉक्स सही शुरुआत है।

एक अच्छा 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 आपके प्रॉम्प्ट को विस्तार से परिष्कृत करता है, अक्सर उन चीज़ों को शामिल करते हुए जो आपने नहीं सोचा होगा।

AI generated website description editor in Hostinger builder

जब आप तैयार हों, तो टेक्स्ट बॉक्स के दाएँ निचले कोने में बैंगनी arrow button (send icon) पर क्लिक करें ताकि आपका प्रॉम्प्ट सबमिट हो और जेनरेशन शुरू हो जाए।

चरण 3: AI के साइट बनाने का इंतज़ार करें

प्रॉम्प्ट सबमिट करने के बाद, Hostinger का AI तुरंत काम करना शुरू कर देता है। आपको एक फुल-स्क्रीन लोडिंग ऐनिमेशन दिखेगा गहरे बैंगनी बैकग्राउंड पर मैसेज के साथ “Looking for matching pictures…” और प्रोग्रेस बार जो दिखाता है कि प्रोसेस कितना आगे बढ़ चुका है।

Hostinger AI building website progress loading screen

यह स्टेज आमतौर पर 30 से 60 सेकंड लेती है। इस दौरान AI बहुत कुछ करता है: आपके पेज लेआउट जेनरेट करना, आपकी वेबसाइट कॉपी लिखना, स्टॉक लाइब्रेरी से मिलती-जुलती इमेजेज़ सिलेक्ट करना, नेविगेशन बनाना, और आपके प्रॉम्प्ट के आधार पर पूरी साइट स्ट्रक्चर करना।

लोड होने के दौरान टैब बंद न करें। बस इंतज़ार करें और इसे चलने दें।

Build Your App Now with Hostinger Horizons
Turn your idea into a powerful app in minutes with Hostinger Horizons. No coding, no hassle, just AI-powered building that brings your vision to life.
Visit Hostinger

चरण 4: AI द्वारा बनाई गई साइट की समीक्षा करें

जब AI फिनिश कर लेता है, तो आपको अपनी नई वेबसाइट का प्रीव्यू दिखाया जाता है। यह परिणाम स्क्रीन है, और यह देखने में वाकई रोमांचक होता है कि क्या जेनरेट हुआ है।

AI generated website preview with layout and content summary

स्क्रीन के बायीं ओर आपके जेनरेट किए गए वेबसाइट का लाइव प्रीव्यू दिखता है। दायीं ओर एक पैनल होता है जिसका नाम होता है “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: एडिटर से परिचित हों

एडिटर वह जगह है जहाँ आप अपना अधिकांश समय बिताएंगे। जब आप पहली बार यहाँ आते हैं, तो स्टार्ट करने से पहले लेआउट को समझने के लिए कुछ पल लें।

Hostinger website builder editor interface with live preview

एडिटर के दो मुख्य क्षेत्र होते हैं।

  • बड़ा केंद्रीय क्षेत्र आपकी वेबसाइट कैंवास है, जहाँ आप अपने साइट को रीयल टाइम में देख और इंटरैक्ट कर सकते हैं।
  • बाईं ओर संकीर्ण वर्टिकल साइडबार आपका कंट्रोल पैनल है, और इसमें वह सब कुछ होता है जो आपको चाहिए।

यहां साइडबार में प्रत्येक आइटम क्या करता है:

  • Setup से आपको साइट की बेसिक सेटिंग्स, कनेक्टेड डोमेन, और प्लान जानकारी मिलती है।
  • Elements ड्रैग-एंड-ड्रॉप पैनल खोलता है जहाँ आप किसी भी पेज पर नया कंटेंट ब्लॉक जोड़ सकते हैं। मैं इसे बाद में विस्तार से कवर करूंगा।
  • Pages में आपके सभी पेजेज दिये होते हैं। आप पेज बदल सकते हैं, नए जोड़ सकते हैं, नाम बदल सकते हैं, उनका क्रम बदल सकते हैं, या जो नहीं चाहिये वो हटा सकते हैं।
  • Styles आपके साइट के ग्लोबल डिज़ाइन को नियंत्रित करता है। यहां आप फॉन्ट्स, रंग पैलेट, और बटन स्टाइल सेट करते हैं। यहां किये गए सभी बदलाव पूरे साइट पर लागू होते हैं, इसलिए व्यापक डिज़ाइन फैसले यहीं करना बेहतर होता है बजाय हर सेक्शन में अलग-अलग बदलने के।
  • AI tools से Hostinger की राइटिंग और कंटेंट AI तक पहुंच मिलती है। आप इसका उपयोग कॉपी री-राइट करने, नया टेक्स्ट जेनरेट करने, और और भी करने के लिए कर सकते हैं।
  • 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।

Hostinger builder settings menu with tools and integrations

एडिटर के शीर्ष पर, आपको मुख्य टूलबार भी मिलेगा। बायीं ओर से दायीं ओर इसमें शामिल हैं: डेस्कटॉप और मोबाइल प्रीव्यू टॉगल, undo और redo बटन, एक Connect domain बटन, एक Preview बटन, और हरा Go live बटन।

Hostinger website builder top bar with preview and go live options

चरण 6: अपनी सामग्री संपादित करें

अब वह हिस्सा आता है जहाँ आप साइट को अपना बनाते हैं। संपादन शुरू करने के लिए अपनी वेबसाइट कैंवास पर कहीं भी क्लिक करें।

जब आप पेज के किसी भी सेक्शन पर होवर करेंगे, तो उस सेक्शन के शीर्ष बाएँ कोने में नीला लेबल दिखेगा जो बताएगा कि यह किस प्रकार का एलिमेंट है, उदाहरण के लिए “Section” या “Header.” साथ ही सेक्शन के ऊपर एक छोटा फ़्लोटिंग टूलबार भी दिखेगा जिसमें एडिटिंग विकल्प होते हैं।

Hostinger builder header and add section button

सेक्शन टूलबार आपको निम्नलिखित नियंत्रण देता है बाएँ से दाएँ: Edit section सेक्शन सेटिंग्स पैनल खोलता है, जहाँ आप बैकग्राउंड इमेज या रंग बदल सकते हैं, पैडिंग एडजस्ट कर सकते हैं, और लेआउट विकल्प मोडिफाई कर सकते हैं।

इसके बाद Generate image होता है, जो AI इमेज जेनरेटर खोलता है।

AI image generator panel in Hostinger builder

उसके बाद Duplicate आइकन, Hide/Show टॉगल, Delete आइकन, Move up और Move down एरो सेक्शन के क्रम को बदलने के लिए, और तीन-डॉट More options मेनू होता है।

किसी भी टेक्स्ट को एडिट करने के लिए, उस पर क्लिक करें और टाइप करना शुरू करें। टेक्स्ट एलिमेंट एडिटेबल हो जाएगा, और आपको फॉर्मेटिंग कंट्रोल्स दिखेंगे—आप सीधे इन कंट्रोल्स से फ़ॉन्ट साइज, वज़न, अलाइनमेंट, और रंग बदल सकते हैं।

Editing headline text in Hostinger website builder

किसी इमेज को बदलने के लिए, उस पर क्लिक करें। आपको अपनी फाइलों से फोटो अपलोड करने, Hostinger की स्टॉक इमेज लाइब्रेरी ब्राउज़ करने, या AI से नई इमेज जेनरेट करने के विकल्प दिखेंगे।

पहले अपनी होमपेज पर काम करें, फिर Pages पैनल का उपयोग करके प्रत्येक अतिरिक्त पेज पर स्विच करें और उन्हें भी एडिट करें।

Build Your App Now with Hostinger Horizons
Turn your idea into a powerful app in minutes with Hostinger Horizons. No coding, no hassle, just AI-powered building that brings your vision to life.
Visit Hostinger

चरण 7: AI इमेज जेनरेटर का उपयोग करें

एक फीचर जिस पर थोड़ा रुकना चाहिए, वह है AI image generator, क्योंकि यदि आपके पास अपने पेशेवर फोटो नहीं हैं तो यह वाकई उपयोगी है।

इसे एक्सेस करने के लिए, अपनी किसी भी पेज सेक्शन पर होवर करें और फ्लोटिंग सेक्शन टूलबार में Generate image पर क्लिक करें। एक पैनल दाएँ ओर से स्लाइड इन होगा।

AI image generator popup with prompt field

पैनल के अंदर, आपको एक “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 image generator Business प्लान या उससे ऊपर की आवश्यकता होती है। यदि आप Premium प्लान पर ہیں, तो आपको पैनल के नीचे अपग्रेड प्रॉम्प्ट दिखाई देगा।

चरण 8: किसी भी पेज पर नए एलिमेंट्स जोड़ें

यदि आप ऐसा कंटेंट ब्लॉक जोड़ना चाहते हैं जो पहले आपके पेज पर नहीं है, तो बाईं साइडबार में Elements पर क्लिक करें। इससे “Add elements” पैनल खुलेगा।

Hostinger add elements panel with drag and drop tools

आपको सभी उपलब्ध एलिमेंट्स का एक ग्रिड दिखेगा, जिनमें Text, Button, Affiliate link, Add to bag, Image, Gallery, Video, Shape, Card, Map, Instagram feed, और Contact form शामिल हैं। किसी भी एलिमेंट को अपने पेज पर जोड़ने के लिए, पैनल से उसे ड्रैग करें और कैंवास पर जहाँ चाहिए वहाँ ड्रॉप करें।

एक बार प्लेस करने के बाद, उस एलिमेंट पर क्लिक करें ताकि आप उसकी व्यक्तिगत सेटिंग्स और स्टाइलिंग विकल्पों तक पहुँच सकें।

इस ड्रैग-एंड-ड्रॉप अप्रोच का अर्थ है कि आप कभी भी AI द्वारा जेनरेट किए गए लेआउट में लॉक नहीं होते। आप एलिमेंट्स को जोड़, हटाए, और फिर से व्यवस्थित कर सकते हैं।

चरण 9: अपने पेजेज़ मैनेज करें

बाईं साइडबार में Pages पर क्लिक करें ताकि आप अपने सभी पेजेज को एक जगह सूचीबद्ध देख सकें। किसी भी पेज नाम पर क्लिक करके आप उस पेज के एडिटिंग दृश्य में जा सकते हैं।

नया पेज जोड़ने के लिए प्लस बटन का उपयोग करें। नेविगेशन में पेजेज के क्रम को बदलने के लिए उन्हें सूची में ऊपर या नीचे ड्रैग करें।

Pages and navigation menu in Hostinger builder

यदि AI द्वारा जेनरेट किए गए ऐसे पेज हैं जो आपको नहीं चाहिए, तो आप उन्हें यहीं से हटा सकते हैं। इसी तरह, अगर आपको AI ने कोई पेज शामिल नहीं किया जैसे Testimonials पेज या Pricing पेज, तो आप उन्हें यहाँ जोड़ सकते हैं और फिर Elements पैनल का उपयोग करके उसे बना सकते हैं।

चरण 10: अपना SEO सेट करें

पब्लिश करने से पहले, आपको अपना SEO सेट अप करना चाहिए। यह एक ऐसा चरण है जिसे कई लोग छोड़ देते हैं, और यह एक गलती है।

अपनी SEO सेटिंग्स ठीक से भरने में 15 मिनट लगते हैं और यह वास्तव में फर्क डाल सकता है कि लोग आपकी साइट Google के माध्यम से खोजते हैं या नहीं।

बाईं साइडबार में SEO पर क्लिक करें ताकि SEO पैनल खुले जिसका शीर्षक है “Let’s be found on Google (SEO).”

Hostinger SEO settings and website overview panel

पैनल दो भागों में बंटा हुआ है। बायीं ओर सभी पेजेज की सूची है। दायीं ओर Website overview है, जो आपके बिज़नेस नाम और वेबसाइट भाषा दिखाता है। यदि ये सही नहीं हैं, तो Edit पर क्लिक करके उन्हें अपडेट करें।

वेबसाइट जानकारी के नीचे, आपको एक सेक्शन दिखेगा जिसका नाम है “Some pages require your attention.”

हर पेज जिसे काम की जरूरत है, एक नारंगी चेतावनी आइकन के साथ चिह्नित होगा। बायीं पैनल में किसी भी पेज पर क्लिक करें ताकि आप उसके व्यक्तिगत SEO सेटिंग्स खोल सकें, जहाँ आप उस पेज के लिए मेटा टाइटल और मेटा डिस्क्रिप्शन लिख सकते हैं।

सूची में प्रत्येक पेज पर काम करें। एक अच्छा मेटा टाइटल स्पष्ट होता है, इसमें आपका मुख्य कीवर्ड शामिल होता है, और यह 60 कैरेक्टर से कम होता है। एक अच्छा मेटा डिस्क्रिप्शन बताता है कि पेज बारे में क्या है और 160 कैरेक्टर से कम होता है। ये Google सर्च रिजल्ट में दिखाई देते हैं, इसलिए हर एक पर कुछ मिनट बिताना सार्थक है।

Build Your App Now with Hostinger Horizons
Turn your idea into a powerful app in minutes with Hostinger Horizons. No coding, no hassle, just AI-powered building that brings your vision to life.
Visit Hostinger

चरण 11: अपना डोमेन कनेक्ट करें

यदि आपने अभी तक अपनी साइट से एक कस्टम डोमेन कनेक्ट नहीं किया है, तो अब समय है। एडिटर के शीर्ष टूलबार में Connect domain बटन पर क्लिक करें।

Connect domain prompt in Hostinger builder

आपके पास दो विकल्प हैं। यदि आपके पास पहले से डोमेन है, तो आप इसे कनेक्ट कर सकते हैं DNS सेटिंग्स अपडेट करके Hostinger के सर्वर की ओर पॉइंट करके। यदि आपके पास डोमेन नहीं है, तो आप इसी स्क्रीन पर सीधे Hostinger से एक खरीद सकते हैं।

Hostinger domain billing period selection screen

जब तक आप डोमेन कनेक्ट नहीं करते, आपकी साइट एक टेम्पररी Hostinger सबडोमेन, जैसे yoursite.builder-preview.com, के माध्यम से एक्सेस की जाएगी। यह टेस्टिंग के लिए ठीक है, लेकिन जब आप अपनी साइट पब्लिकली शेयर करना शुरू करें, तब एक उचित डोमेन चाहिए।

चरण 12: अपनी साइट का प्रीव्यू देखें और Go Live करें

आप लगभग तैयार हैं। पब्लिश करने से पहले, एडिटर के ऊपर दायीं ओर Preview बटन पर क्लिक करें।

Preview mode loading in Hostinger builder

यह आपकी साइट का फुल-स्क्रीन प्रीव्यू खोलेगा कि विज़िटर्स को कैसे दिखेगी। प्रीव्यू स्क्रीन के शीर्ष पर आइकन का उपयोग करके डेस्कटॉप और मोबाइल व्यू के बीच टॉगल करें और चेक करें कि दोनों पर सब कुछ सही दिख रहा है।

Hostinger website preview mode homepage view

खासकर ध्यान दें कि आपकी होमपेज हीरो सेक्शन मोबाइल पर कैसे दिखती है, आपका नेविगेशन कैसे कोलैप्स होता है, और कोई भी इमेज अनचाही तरीके से क्रॉप तो नहीं हो रही।

जब आप सब कुछ से संतुष्ट हों, तो एडिटर में वापस जाएं और शीर्ष दाएँ कोने में हरे Go live बटन पर क्लिक करें। अब आपकी साइट इंटरनेट पर प्रकाशित और लाइव है।

चरण 13: Integrations एक्सप्लोर करें

एक बार आपकी साइट लाइव हो जाने के बाद, उन इंटीग्रेशन्स को एक्सप्लोर करना सार्थक है जो आपके लिए उपलब्ध हैं। बाईं साइडबार में More > Integrations पर जाएँ।

Hostinger builder menu with integrations option highlighted

Integrations पैनल आपको अपनी वेबसाइट को बाहरी टूल्स और सेवाओं से कनेक्ट करने देता है। वर्तमान विकल्पों में Shippo (शिपिंग लेबल जेनरेट करने और ऑर्डर पूर्ति मैनेज करने के लिए), Printful (print-on-demand कस्टम प्रोडक्ट्स बनाने और बेचने के लिए), Hostinger Reach (ईमेल मार्केटिंग और न्यूज़लेटर भेजने के लिए), Google Ads (पेड एडवरटाइजिंग कैंपेन चलाने के लिए), और Custom code अगर आप अपनी साइट की फंक्शनैलिटी बढ़ाने के लिए अपना HTML, CSS, या JavaScript जोड़ना चाहते हैं।

Hostinger integrations panel with available tools list

किसी भी इंटीग्रेशन को एक्टिवेट करने के लिए, उसके बगल में Get started पर क्लिक करें, कनेक्शन स्टेप्स फॉलो करें, और फिर साइट को री-पब्लिश करें।

VPS
सस्ता VPS
best option

Hostinger Website Builder का अधिकतम उपयोग करने के टिप्स

अपने AI प्रॉम्प्ट के साथ उदार रहें। दो वाक्य का प्रॉम्प्ट आपको सामान्य परिणाम देगा। एक विस्तृत, विशिष्ट प्रॉम्प्ट जिसमें आपकी इंडस्ट्री, ऑडियंस, डिज़ाइन प्राथमिकताएं, पेज संरचना, और टोन शामिल हों, आपको कुछ ऐसा देगा जो आपके वास्तविक इच्छित नजदीक होगा। पांच मिनट ब्रीफ़ लिखने में गुजारें और यह आपको बाद में घंटों की एडिटिंग से बचाएगा।

हर बार Improve description बटन का उपयोग करें। यह आसानी से मिस हो जाता है, लेकिन वाकई मददगार है। AI अक्सर उन चीज़ों को पकड़ता है जो आपने अस्पष्ट छोड़ी हों और उन्हें ठोस डिज़ाइन और कंटेंट इंस्ट्रक्शंस में बदल देता है।

अपनी कॉपी सावधानी से एडिट करें। AI अच्छी प्लेसहोल्डर कॉपी लिखता है, लेकिन यह आपके बिज़नेस को आपके जैसा नहीं जानता। हर पेज पर जाएं और टेक्स्ट को फिर से लिखें ताकि यह आपके वास्तविक सर्विसेज, आपकी वास्तविक वैल्यू, और आपकी जेन्युइन आवाज़ को दर्शाए।

पब्लिश करने से पहले मोबाइल व्यू चेक करें। Hostinger स्वचालित रूप से आपकी साइट को रिस्पोंसिव बनाता है, लेकिन इमेजेज और स्पेसिंग कभी-कभी छोटे स्क्रीन पर मामूली एडजस्टमेंट मांगते हैं। Go live करने से पहले हमेशा मोबाइल पर प्रीव्यू करें।

हर पेज के लिए SEO भरें। सिर्फ होमपेज नहीं। आपकी साइट का हर पेज एक उचित मेटा टाइटल और डिस्क्रिप्शन के लायक है। हर पेज पर कुछ मिनट खर्च करना एक सबसे आसान काम है जो आप अपनी सर्च विज़िबिलिटी सुधारने के लिए कर सकते हैं।

Media library का उपयोग करके व्यवस्थित रहें। More > Media library में आप अपनी सभी इमेजेज़ एक केंद्रीय जगह पर अपलोड और मैनेज कर सकते हैं। इससे विभिन्न पेजेज़ पर इमेजेज़ को फिर से उपयोग करना और साइट को सुसंगत बनाए रखना आसान होता है।

समय के साथ वापस आएं और सुधार करें। आपकी साइट प्रकाशित होना प्रक्रिया का अंत नहीं है, यह एक शुरुआत है। अपने कंटेंट को अपडेट करने, नए ब्लॉग पोस्ट जोड़ने, और जैसे-जैसे आपका बिज़नेस विकसित हो, अपने पेजेज़ को परिष्कृत करने के लिए नियमित रूप से वापस आएं।

Hostinger Website Builder उन लगभग सभी बाधाओं को हटा देता है जो पहले आपके और एक पेशेवर वेबसाइट के बीच खड़ी होती थीं। AI डिज़ाइन और कॉपी पर भारी लोड उठाता है, एडिटर कस्टमाइजेशन को सीधा बनाता है, और बिल्ट-इन SEO तथा इंटीग्रेशन्स टूल्स का अर्थ है कि आपको एक ही जगह पर सब कुछ मिलता है।

इस गाइड के चरणों का पालन करें और आप यथार्थपरक रूप से एक घंटे से भी कम समय में एक लाइव, पॉलिश्ड वेबसाइट तैयार कर सकते हैं।

Frequently Asked Questions

क्या मैं बिना किसी कोडिंग या डिजाइन अनुभव के Hostinger Website Builder का उपयोग कर सकता हूँ?

हाँ, बिल्कुल। Hostinger Website Builder विशेष रूप से उन लोगों के लिए बनाया गया है जिनकी तकनीकी पृष्ठभूमि नहीं है। AI आपके लिए डिज़ाइन, लेआउट और यहां तक कि प्रारंभिक कॉपी को संभालती है। आपको बस यह बताना है कि आप क्या चाहते हैं, परिणाम की समीक्षा करनी है, और क्लिक करके और टाइप करके संपादन करना है। इंस्टॉल करने के लिए कुछ नहीं है, लिखने के लिए कोई कोड नहीं है, और सीखने के लिए कोई डिज़ाइन टूल्स नहीं हैं।

अगर मुझे AI द्वारा जनरेट की गई वेबसाइट पसंद नहीं आती तो क्या होगा?

आप इससे अटके नहीं हैं। परिणाम स्क्रीन पर, आपको “पिछले संस्करण” नामक एक बटन दिखाई देगा जो आपको AI द्वारा विचार किए गए वैकल्पिक डिज़ाइनों के माध्यम से घुमने देता है। आप “आइडिया संपादित करें” पर भी क्लिक कर सकते हैं ताकि आप वापस जाकर अपने मूल प्रॉम्प्ट में संशोधन या विस्तार करें और एक पूरी तरह से नया संस्करण उत्पन्न करें। आप इसे तब तक दोहरा सकते हैं जब तक आपको वह परिणाम न मिल जाए जिससे आप आगे निर्माण में संतुष्ट हों।

क्या मैं Hostinger Website Builder से बनाई गई साइट में अपना खुद का डोमेन जोड़ सकता हूँ?

हाँ। एक बार जब आप एडिटर में होते हैं, टॉप टूलबार में “Connect domain” बटन पर क्लिक करें। आप अपनी DNS सेटिंग्स को अपडेट करके अपना मौजूदा डोमेन कनेक्ट कर सकते हैं, या आप उसी स्क्रीन से सीधे Hostinger के माध्यम से एक नया डोमेन खरीद सकते हैं। जब तक आप एक कस्टम डोमेन कनेक्ट नहीं करते, आपकी साइट एक अस्थायी Hostinger सबडोमेन पर रहेगी, जो निर्माण और परीक्षण के लिए ठीक है लेकिन लंबे समय तक सार्वजनिक रूप से साझा करने योग्य नहीं है।

क्या मुझे सभी सुविधाओं तक पहुँचने के लिए अपनी योजना अपग्रेड करनी होगी?

कुछ सुविधाओं के लिए उच्च-स्तरीय योजना की आवश्यकता होती है। उदाहरण के लिए, AI इमेज जनरेटर के लिए Business योजना या उससे ऊपर की योजना चाहिए। Store सेक्शन के माध्यम से eCommerce सुविधाएँ भी कुछ योजनाओं के पीछे बंद हैं। हालांकि, कोर बिल्डर, जिसमें AI साइट जनरेटर, ड्रैग-एंड-ड्रॉप एडिटर, पेज प्रबंधन, SEO टूल्स और Google Ads व ईमेल मार्केटिंग जैसी इंटीग्रेशन शामिल हैं, मानक योजनाओं पर उपलब्ध है। यदि आप किसी लॉक की गई सुविधा तक पहुंचते हैं, तो बिल्डर अगले स्तर में क्या शामिल है, इसका विवरण देते हुए आपको अपग्रेड का संकेत दिखाएगा।

Verpex Pricing Guide: Plans & Features (+ Hidden Fees)

आपने सुना होगा कि Verpex भारी छूट देता है। शायद आपने हर जगह चिपकाए गए वे $0.60 प्रति माह वाले ऑफ़र भी देखे हों। लेकिन प्रमोशनल अवधि खत्म होने ...
3 min read
Matthew Ellis
Matthew Ellis
Web Developer

Emergent Pricing Explained (What You Actually Pay)

कल्पना कीजिए: आप एक ऐप कॉन्सेप्ट के साथ जागते हैं, और दोपहर तक आपके पास एक काम करने वाला प्रोटोटाइप होता है। कोई डेवलपर्स नहीं। कोई इंतज़ार नह...
4 min read
Matthew Ellis
Matthew Ellis
Web Developer

Base44 Pricing: Is It Worth the Cost? (Full Breakdown)

क्या होगा अगर अपने ऐप आइडिया को साधारण वाक्यों में बताना ही उसे बनाने के लिए पर्याप्त हो? Base44 AI के साथ इस वादे को सच करता है, जो UI से लेकर डे...
5 min read
Matthew Ellis
Matthew Ellis
Web Developer

NameHero Pricing: Which Plan Is Worth It? (Honest Take)

आप ऐसे होस्टिंग की तलाश में हैं जो तेज, भरोसेमंद हो, और जिसे लगातार तकनीकी प्रबंधन की आवश्यकता न पड़े। फिर आप से मिलते हैं। पहली नज़र में, इसकी...
5 min read
Walter Akolo
Walter Akolo
Hosting Expert
Click to go to the top of the page
Go To Top
HostAdvice.com provides professional web hosting reviews fully independent of any other entity. Our reviews are unbiased, honest, and apply the same evaluation standards to all those reviewed. While monetary compensation is received from a few of the companies listed on this site, compensation of services and products have no influence on the direction or conclusions of our reviews. Nor does the compensation influence our rankings for certain host companies. This compensation covers account purchasing costs, testing costs and royalties paid to reviewers.