How to add WhatsApp chat button on website In WordPress and Blogger

Add WhatsApp chat button on website:- हेल्लो दोस्त आपका स्वागत हैं आपके अपने ब्लॉग डिजिटल सो लाइफ में| क्या आप भी अपनी वेबसाइट या ब्लॉग के अंदर whatsapp चैट बटन लगाना चाहते हैं|

अगर आपका जवाब हा है, तो आप सही जगह पर आये है| हम आपको वेबसाइट में व्हाट्सप्प चैट बटन कैसे लगाते हैं? उसकी पूरी जानकरी इस आर्टिकल में देंगे|

साथ में आपकी सुविधा के लिए हमने इसका एक वीडियो भी अपने यूट्यूब चैनल पर डाल रखा हैं| आप उसे भी देख सकते है|

अगर आपकी कोई बिजनेस साइट है तो यह आपके लिए बहुत ही फायदे मंद रहेगा| इसके कारण आपके कस्टमर आपसे जल्द ही सम्पर्क कर सकते है| और आपको उनका एक यूनिक लाइव चैट whatsapp नंबर मिल जाएगा|

चलिए जानते है कैसे हम अपनी वेबसाइट के अंदर व्हाट्सप्प चैट बटन लगा सकते हैं|

How to add whatsapp chat button on website / blog 2020

मै आपको वर्डप्रेस और blogger दोनों के लिए जानकरी देने वाला हूँ| तो आप इस आर्टिकल को ध्यान पूर्वक फॉलो करें|

Facebook se paise kaise kamaye पूरी जानकरी

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

और ब्लॉगर में हम सिर्फ एक कोड की मदद से व्हाट्सप्प चैट बटन लगा सकते है|

सबसे पहले हम वर्डप्रेस वेबसाइट में व्हाट्सप्प चैट बटन ऐड करना जानेगे|

How to add whatsapp chat button on wordpress website

पहले हम प्लगइन की मदद से जानेगे की हम कैसे वर्डप्रेस साइट में व्हाट्सअप चैट बटन लगा सकते है|

चलिए जानते है सारी प्रोसेस को…

सबसे पहले आप अपनी वर्डप्रेस साइट का डेशबोर्ड ओपन करें| उसके बाद आपको प्लगइन ऐड करनी है| तो आप add new प्लगइन के पेज पर जाए|

add whatsapp chat button on website

इसके बाद आपको Plugin Search box में सर्च करना है WAme, इसके बाद आपके सामने दो Plugin आएगा|

सबसे पहला plugin आपको wame का शो होगा इसको Install कीजिये और इनस्टॉल करने के बाद Active कर दीजिये|

add whatsapp chat button on website

इसके बाद आपको इस प्लगइन की सेटिंग करनी पड़ेगी है इस के लिए आप Settings > WAme (join.chat) पर जाए|

add whatsapp chat button on website

यहा पर आपको अब सेटिंग करनी। आप यहां पर अपने उस व्हाट्सप्प नंबर को ऐड करें| जिसे आप पब्लिक करना चाहते हैं| वो नंबर आपको यहा पर डालना है|

add whatsapp chat button on website

उसके बाद आपको निचे मसेज का बॉक्स दिख रहा होगा| यहां पर आप अपना मसेज भी ऐड कर सकते है| जैसे अपनी वेबसाइट का url, नाम, या जो भी आप ऐड करना चाहते है| ऐड कर सकते है|

जैसे ही वह व्हाट्सप्प के फ्लोटिंग बटन पर क्लिक करेगा, तो उसे आपके द्वारा बनाया गया मसेज डिफ़ॉल्ट मिल जाएगा|

इसके बाद आप सेटिंग को सेव कर दे| बस आपका काम हो गया हैं| अब आपकी वेबसाइट पर कोई भी विजिटर आएगा तो आपको यह से व्हाट्सप्प पर डारेक्ट मसेज कर सकता है|

उसके बाद आपको Position on Screen शो होगा| यह से आप उस फ्लोटिंग बटन की Position सेट कर सकते है| जैसे लेफ्ट या राइट आपको दो ऑप्शन मिलेंगे|

अब अगर आप Image यानि व्हाट्सप्प चैट बटन का आइकॉन चेंज करना चाहते है तो आप यहां से कर सकते है| मै आपको सलहा दुगा जो डिफ़ॉल्ट आइकॉन आपको मिला है, उसे ही रहें दे.

नेक्स्ट सेटिंग व्हाट्सप्प चैट बटन को मोबाइल या डेस्कटॉप शो करने की है आप अपनी इच्छा से इसे करें|

अब आपको जो नीचे स्क्रीनशॉट दिख रहा है इस मै आपको एक WhatsApp का icon दिखाय देगा ,जैसे विजिटर इस icon पर क्लिक करेंगे तो सीधा whatsapp chat ओपन होगा और आप chating कर पाएंगे

अन्य सेटिंग आप अपने हिसाब से कर सकते है जो जरूरी था वो मै आपको बता चूका हूँ|

अब हम वर्डप्रेस में कोडिंग की मदद से जानेगे की कैसे हम व्हाट्सप्प चैट बटन लगा सकते है अपनी वेबसाइट में|

How to add whatsapp chat button on wordpress with html

आपको निचे एक code को डाउनलोड करने का लिंक मिलेगा| जिसमें आपको एक नोटपैड की whatsapp chat button. txt फाइल मिलेगी|

उसे डाउनलोड करना हैं|

डाउनलोड करने के बाद आपने उसमें एक बदलाव करना हैं| आपको निचे एक स्क्र्रीन शार्ट दिखेगा जिसमे आपको एक नीला रंग में हाईलाइट नंबर देखने को मिल रहा|

add whatsapp chat button on website

आपको उस नंबर के स्थान पर अपना नंबर ऐड करना हैं| और उस कोड को कॉपी कर लेना हैं| उसके बाद आपको अपने वर्डप्रेस के डेशबोर्ड में आकर appearance पर अपने माउस को लेकर आना है और यहां पर आपको coustmize के ऊपर क्लिक करना है|

शार्ट में:- डेशबोर्ड़ > appearance > coustmize

अब आपको यह widget क्लिक करना है और राइट साइडबार (राइट widget) पर आपको क्लिक करना है|

How to add WhatsApp chat button on website In WordPress and Blogger Capture 5

शार्ट में :- coustmize > widget > राइट साइडबार (राइट widget)

यहां पर आपको add a widget पर क्लिक करना है और कस्टम html को सेलेक्ट करना है और उस कोड को पास्ट कर के सेव कर दे और पब्लिक करें| अब आप अपनी अपनी वेबसाइट या ब्लॉग को रिफ्रेश करके देखगे तो आपकी साइट पर व्हाट्सप्प चैट बटन लग चूका हैं|
नोट – अगर आपको हटम्ल और जावा नहीं है आप इस कोड में कोई बदलवा करने की कोशिश न करें|

अब हम blogger.कॉम वालों को बता देते है की वो कैसे अपने ब्लॉग वेबसाइट में व्हाट्सप्प का चैट बटन लगा सकते है| चलिए शुरू करते हैं|

How to add whatsapp chat button on blogger

आपको निचे एक code को डाउनलोड करने का लिंक मिलेगा| जिसमें आपको एक नोटपैड की whatsapp chat button. txt फाइल मिलेगी|

उसे डाउनलोड करना हैं|

डाउनलोड करने के बाद आपने उसमें एक बदलाव करना हैं| आपको निचे एक स्क्र्रीन शार्ट दिखेगा जिसमे आपको एक नीला रंग में हाईलाइट नंबर देखने को मिल रहा|

आपको उस नंबर के स्थान पर अपना नंबर ऐड करना हैं| और उस कोड को कॉपी कर लेना हैं| उसके बाद आपको अपने ब्लॉगर.कॉम के डेसबोर्ड में आ जाना है|

add whatsapp chat button on website

यहां पर आपको लेआउट पर क्लिक करना है|

लेआउट पर क्लिक करने के बाद आपको राइट साइड बार में ऐड a गैजेट पर क्लिक करना है|

add whatsapp chat button on website

उसके बाद आपको html जावा स्क्रिप्ट को सेलेक्ट करना है|

add whatsapp chat button on website

इस गैजेट में आपको अपना कोड पेस्ट करके सेव कर देना है|

add whatsapp chat button on website

आपका काम हो गया है| अब आप अपने ब्लॉग को चेक करें| आपके ब्लॉग में व्हाट्सप्प चैट बटन लग चूका है|

ओके दोस्त, मुझे उम्मीद आपको हमारे इस आर्टिकल से जरूर मदद मिली होगी| अगर आपका कोई सवाल है तो आप हमसे पूछ सकते हैं|

Download Whatsap chat button html code

close

Ad Blocker Detected!

How to disable? Refresh

error: Content is protected !!