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 2022
मै आपको वर्डप्रेस और blogger दोनों के लिए जानकरी देने वाला हूँ| तो आप इस आर्टिकल को ध्यान पूर्वक फॉलो करें|
व्रोड़प्रेस में हम व्हाट्सप्प शेयर बटन को दो तरीको से लगा सकते है| एक प्लगिन की मदद से और दूसरा कोड की मदद से हम दोनों तरीको को जानेगे|
और ब्लॉगर में हम सिर्फ एक कोड की मदद से व्हाट्सप्प चैट बटन लगा सकते है|
सबसे पहले हम वर्डप्रेस वेबसाइट में व्हाट्सप्प चैट बटन ऐड करना जानेगे|
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) पर आपको क्लिक करना है|
शार्ट में :- 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
हमारे इस पोस्ट को शेयर करें:
