WordPress Blog में Email Subscriber Box कैसे Add करें?

यह ट्यूटोरियल में हम बात करेंगे कि WordPress ब्लॉग/वेबसाइट में Email Subscriber Box कैसे add किया जाता है। आपको Email Marketing के बारे में तो पता ही होगा। Email Marketing या ब्लॉग/वेबसाइट में Email Subscription के लिए एक Email Service की जरूरत होती है, जैसे Feedburner और MailChimp।

Feedburner Google की एक फ्री Email Service है, जिसे आप Email Subscription के लिए इस्तेमाल कर सकते हैं। वहीं MailChimp फ्री और पेड दोनों प्लान प्रदान करता है।

Email Subscription क्या है?

जब कोई visitor आपकी वेबसाइट पर अपने Email के जरिए subscription करता है, तो उसे आपके ब्लॉग की नई अपडेट या नई पोस्ट की जानकारी Email के माध्यम से मिल जाती है।

इस पोस्ट में हम Feedburner की फ्री Email Service का उपयोग करके WordPress ब्लॉग में Email Subscriber Box लगाना सीखेंगे।

Feedburner क्या है?

Feedburner Google की एक फ्री Email Service है, जिसका उपयोग Email Marketing या users तक नई अपडेट पहुंचाने के लिए किया जाता है। इससे आपके ब्लॉग की traffic बढ़ती है। Feedburner एक बहुत ही लोकप्रिय Email Service है।

तो सबसे पहले आप Feedburner पर अपना account बना लीजिए।

Read: MailChimp अकाउंट कैसे बनाये? MailChimp क्या है?

WordPress me email subscriber box kaise Add kare?

अगर आपने Feedburner पर account बना लिया है और feed create कर लिया है, तो नीचे दिए गए steps को follow करें।

WordPress वेबसाइट पर Email Subscriber Widget लगाने के लिए आप plugin का उपयोग कर सकते हैं या coding के जरिए manually भी add कर सकते हैं।

WP Subscribe Plugin install करें

यह एक popular plugin है, जो free और paid दोनों plans provide करता है। यहाँ हम इसका free version install कर रहे हैं।.

सबसे पहले आप WordPress का admin panel खोलें और dashboard में Plugins » Add New पर क्लिक करें।

इसके बाद “WP Subscribe” plugin को search करें और उसे install करें। Install हो जाने के बाद plugin को activate करना है।

DOWNLOAD WP Subscribe Plugin

WordPress ब्लॉग में Email Subscriber Widget कैसे add करें

आपको जहाँ भी WordPress ब्लॉग में Email Subscriber Box दिखाना है, वहाँ पर WP Subscribe widget add करना होगा।

जैसे अगर आप इसे sidebar में लगाना चाहते हैं, तो नीचे दिए गए steps follow करें:

• WordPress dashboard में Appearance » Customize पर क्लिक करें।

• इसके बाद Widgets में जाकर Sidebar select करें।

• अब Add New Widget पर क्लिक करें।

• यहाँ से WP Subscribe widget को add करें (आप इसे search भी कर सकते हैं)।

Widget add करने के बाद Service में Feedburner select करना है और Feedburner ID में अपनी feed का address add करना है। यह वही address होता है जो आपने Feedburner account बनाकर feed create करते समय बनाया था।

Feedburner ID कैसे देखें?

• सबसे पहले अपना Feedburner account open करें।

• अपनी बनाई हुई feed को open करें।

• अब Edit Feed Details पर click करें।

• यहाँ आपको Feed Address में अपनी Feed ID दिखाई देगी।

उसी Feed ID को copy करके WordPress के WP Subscribe widget में add कर दें।

Feedburner ID add करने के बाद Save & Publish पर क्लिक करना है। अब आप देख सकते हैं कि आपके WordPress ब्लॉग में Email Subscriber Box add हो गया है।

आप खुद email subscription करके भी check कर सकते हैं कि यह सही से काम कर रहा है या नहीं।

कुछ WordPress themes में Email Subscriber Widget पहले से ही inbuilt दिया होता है, इसलिए उसमें आप इसे अलग से add नहीं कर सकते। ऐसे में आपको manually subscriber box की coding add करके Email Subscriber Box लगाना होगा।

चलिए, अब इसके बारे में विस्तार से जानते हैं।

Without plugin email subscriber box add kaise kare?

आप WordPress ब्लॉग में बिना plugin के भी Email Subscriber Box add कर सकते हैं। ज्यादा plugins इस्तेमाल करने से website की loading speed slow हो जाती है, इसलिए यह तरीका बेहतर माना जाता है।

इसे ब्लॉग में लगाना बहुत आसान है।

• सबसे पहले Appearance पर क्लिक करें।

• इसके बाद Widgets में जाएं और Add Widget पर क्लिक करें।

• अब आपको Text Widget add करना है।

• Add Widget पर क्लिक करते ही widget open हो जाएगा।

अब इसमें आपको नीचे दिया गया code add करना है।

<div id="solutionsoul">

<h5>SignUp</h5><p>direct inbox me new update ke liye free subscribe kare</p>

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=solutionsoul', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">

<input class="nk" type="text" name="name" placeholder="Enter your name">

<input class="jdk" type="text" name="email" placeholder="Enter your email ID">

<input type="hidden" value="solutionsoul" name="uri">

<input type="hidden" name="loc" value="en_US">

<input class="submit" type="submit" value="SUBSCRIBE NOW">

</form>

</div>

Code add करने के बाद Save पर क्लिक करना है।

Note: HTML code में जहाँ मेरी Feedburner ID दी गई है, वहाँ आपको अपनी feed की ID replace करनी है।

यानि mailverify?uri=solutionsoul को हटाकर उसकी जगह अपनी Feed ID add करनी है।

अब आपको CSS code add करना है।

सबसे पहले अपने WordPress dashboard पर login करें।
इसके बाद Appearance पर क्लिक करें और Edit CSS (या Customize → Additional CSS) पर जाएं।

Read: Blog me unique email subscriber box kaise Add kare?

अब एक CSS Stylesheet Editor open होगा। इसमें नीचे दिया गया CSS code copy करके paste करना है।

#solutionsoul {

padding: 15px 25px 20px;

line-height: 35px;

text-align: center;

background: #148aea;

margin: -25px;

border: none;

}

input.nk {

color: #333;

padding: 15px;

font-size: 14px;

font-family: PT Sans, sans-serif;

border: 1px solid #EEE;

margin: 10px auto 0;

border-radius: 3px;

width: 89%;

}

#solutionsoul p {

color: #fff;

font-size: 16px;

}

#solutionsoul h5 {

font-size: 23px;

color: #fff;

padding: 0;

text-align: center;

}

#solutionsoul input[type="submit"] {

background-color: #ea141f;

border: #ea141f solid 2px;

color: #FFF;

cursor: pointer;

padding: 10px 15px;

font-size: 16px;

width: 100%;

margin: 15px auto 0;

}

#nk input[type="submit"]:hover {

background: #18c90c;

color: #333;

border: #18c90c solid 2px;

}

Code को save करने के लिए Save Stylesheet पर क्लिक करें।

अब आपके blog पर Email Subscriber Box widget add हो गया है। आप अपनी site visit करके इसे देख सकते हैं।

इस post में हमने WordPress blog में Email Subscriber Box add करने के लिए Feedburner Email Service का उपयोग किया। यहाँ हमने 2 तरीके बताए हैं—

1. Plugin install करके

2. बिना plugin (code के जरिए)

आप अपनी जरूरत के अनुसार कोई भी तरीका इस्तेमाल कर सकते हैं।

आप हमारे blog को भी subscribe कर सकते हैं।
Like it? Share it!