0
हेलो विज़िटर आज आपको मैं contact us widget के बारे मे बताने वाला हूँ की कैसे अपने ब्लॉग या वेबसाईट मे लगाते है ! इंटरनेट पर बहूत सारे वेबसाइट है और आपने देखा होगा हर वेबसाईट मे contact us widget लगा होता है ! Contact us widget मे साइट के admin की detail और एक form होता है ! जब कोई विज़िटर साइट के admin से कॉंटेक्ट करना चहता है ! तो  इस contact form से ही करता है!


Contact Us widget ब्लॉग या वेबसाइट के लिये क्यों जरूरी होता है ?


Contact us किसी वेबसाइट या ब्लॉग के लिये बहूत ही जरूरी होता है ! क्योंकि जब कोई विज़िटर साइट के मलिक से सम्पर्क करना चाहता है ! और साइट पर contact us widget ना हो तो समझीए फ़िर दोबारा वह विज़िटर आपकी साइट पर वापस नही आएगा ! इससे हामारे ब्लॉग के ट्रेफिक कम होने लगते है ! और adsense अगर approve करवाना है आपको तो आपके लिये यह widget बहूत ही जरूरी है !

Contact us फॉर्म कैसे बनाते है जानिये ???

Contact us widget  static और daynamic दोनो मे बना सकते है ! तो चलिये आपको बता देता हूँ static और daynmic क्या होता है !

जिस पेज को हम पढ़ सकते है उसे Static page कहते है ! और जिस पेज पर हम कुछ लिख सकते है ! उसे daynamic पेज कहते है !

आपको अगर html की कोड बनाने आती है तो आप new पेज मे जाकर html मे कोड डालकर contact widget बना सकते है ! या फ़िर google पर सर्च करे contact us form और वहाँ से आप फ्रॉम बना कर ब्लॉग मे जोड़ सकते है !

या फ़िर हमारे दिये हुए स्टेप को फॉलो कर के भी contact us form बना सकते है !

स्टेप बाई स्टेप :- 

स्टेप 1 सबसे पहले आप नीचे दिये हुए कोड को कॉपी कीजिये !


<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<div class="fm_name">
Your Name:
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /></div>
<div class="fm_email">
E-mail Address *:
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></div>
<div style="clear:both">
</div>
<div class="fm_message">
Message *:
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit" />
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
</div>
</div>


स्टेप 2 कोड कॉपी करने के बाद ब्लॉग के dashbord मे login कीजिये !


स्टेप 3 अब आप page को सेलेक्ट करे और new page पर क्लिक कीजिये !
1.Page select kare.
2.New page par click kare.


स्टेप 4 अब जो पेज खुलेगा वह compose मे होगी तो आप उसे html मे बदल लीजिये !

स्टेप 5 अब आप कॉपी किये हुए कोड को यहाँ paste कर दीजिये !

स्टेप 6  Title मे contact us लिख दीजिये ! फ़िर compose मे वापस आ जाइये !

स्टेप 7 अब आप पोस्ट को पब्लिश कर दीजिये !

स्टेप 8 अब आपने contact us widget अपने वेबसाइट पर लगा लिया है ! चाहे तो वेबसाइट पर जाकर चेक कर सकते है !


Tips :- आपको अगर from के साथ कॉंटेक्ट दिटैल्स लगाना है तो लगा सकते है !
अब आपसे कोई भी direct contact कर सकता हौ ! और अगर कोई आपसे contact करेगा तो वह message आपके email पर आएगी !
  • Pls Share

Post a Comment