ওয়ার্ডপ্রেসে হোয়াটসঅ্যাপ চ্যাট বাটন কিভাবে যোগ করবেন (৩টি ফ্রি উপায়, ২০২৬)
আপনার ওয়ার্ডপ্রেস সাইট লাইভ এবং ট্রাফিক আসছে — তারপর কি হবে? বেশিরভাগ ভিজিটর ল্যান্ড করে, পড়ে, এবং ছেড়ে যায় কোনো সহজ প্রশ্ন করার উপায় ছাড়া। একটি WhatsApp চ্যাট বোতাম এক অপরাহ্নে এটি ঠিক করে: একবার ক্লিকেই আপনার নম্বরে চ্যাট খোলে সেই অ্যাপে যা আপনার গ্রাহকরা ইতিমধ্যেই ব্যবহার করছে। এই পোস্টটি ২০২৬ সালে একটি চ্যাট বোতাম যোগ করার তিনটি বিনামূল্যের উপায় দেখায় — একটি সাধারণ wa.me লিঙ্ক (ঐচ্ছিক ফ্লোটিং স্নিপেটসহ), একটি চ্যাট উইজেট প্লাগইন, বা আপনার পেজ বিল্ডার — এবং এদের প্রতিটি কোথায় থামে, যাতে আপনি জানেন কখন WhatsApp Business API তে সুইচ করতে হবে। The Tech Pad হলো Meta এর অফিসিয়াল ক্লাউড API তে WhatsApp Business প্ল্যাটফর্ম যার ২৬টি বিনামূল্যের ওয়ার্ডপ্রেস কানেক্টর এবং একটি ভাগ করা টিম ইনবক্স রয়েছে, এবং এটি ঠিক সেই জায়গা থেকে কাজ শুরু করে যেখানে চ্যাট বোতাম থামে। আপনি শুরু করলে প্রথম মাসটি বিনামূল্যে, এবং প্রতিটি ব্যবসাকে আপনি যা রেফার করবেন এবং তারা সাইন আপ করে WhatsApp নম্বর সংযোগ করলে আপনাকে একটি মাস বিনামূল্যে দেয় — সর্বোচ্চ ৫টি আরও বিনামূল্য মাস পর্যন্ত — সর্বমোট ৬ মাস বিনামূল্য।
একটি WhatsApp চ্যাট বাটন আসলে কী করে
একটি চ্যাট বাটন হলো একটি লিঙ্ক। সবুজ বুদ্বুদটির পিছনে একটি URL থাকে, যা দুটি আকৃতি মধ্যে একটি হতে পারে: https://wa.me/<countrycode><number> অথবা https://api.whatsapp.com/send?phone=<number>যখন একজন ভিজিটর এটিতে ট্যাপ করেন, তাদের ডিভাইস WhatsApp খুলে — মোবাইলের অ্যাপে বা ডেস্কটপ ব্রাউজারে web.whatsapp.com-এ যেখানে অ্যাপ নেই — এবং আপনার নম্বরে একটি কথোপকথন ইতিমধ্যেই শুরু হয়।
এটিই পুরো কৌশল, এবং এটি গুরুত্বপূর্ণ কারণ একটি বাটন কী করে তা বিবেচনা করা হয় না করে: এটি আপনার সাইট থেকে কিছু পাঠায় না। ভিজিটর প্রথম মেসেজটি টাইপ করে, তাই এটি সবসময় ইনবাউন্ড, সবসময় অপ্ট-ইন, এবং বিনামূল্যে। কথোপকথনটি গ্রাহকের নিজের WhatsApp অ্যাপে থাকে, আপনার সার্ভারে নয়। কোন API, কোন অনুমোদন, কোন প্রতি-মেসেজ ফি নেই।
বাটন যোগ করার তিনটি উপায়: তুলনা করা হয়েছে
নিচের সব তিনটি পদ্ধতি শুরু করার জন্য বিনামূল্য। পার্থক্যটি হল আপনি কতটা নিয়ন্ত্রণ চান অবস্থান, টার্গেটিং, এবং ট্র্যাকিংয়ে।
| পদ্ধতি | সেটআপ সময় | একটি প্লাগইন প্রয়োজন? | ভাসমান? | ডিভাইস লক্ষ্য করা | ক্লিক ট্র্যাকিং | খরচ |
|---|---|---|---|---|---|---|
| wa.me লিঙ্ক (বাটন ব্লক, মেনু, উইজেট) | ~5 মিনিট | না | শুধুমাত্র কাস্টম CSS সহ | না | ম্যানুয়াল (GA4 ইভেন্ট) | বিনামূল্যে |
| চ্যাট উইজেট প্লাগইন (Joinchat, Chaty, WP Chat App) | 10–15 মিনিট | হ্যাঁ | হ্যাঁ | অften অন্তর্ভুক্ত | সাধারণত বিল্ট ইন | নিঃশुल्क স্তর; অতিরিক্তগুলির জন্য অর্থ প্রদান |
| Elementor ফ্লোটিং বাটন / Gutenberg ব্লক | ~10 মিনিট | না (বিল্ডার) | হ্যাঁ (Elementor) | আংশিক | ম্যানুয়াল (GA4 ইভেন্ট) | বিনামূল্যে |
পদ্ধতি ১: একটি wa.me লিঙ্ক কোন প্লাগইন ছাড়াই
ফরম্যাট হলো wa.me/<countrycode><number>?text=<urlencoded-message>। একটি ভারতীয় নম্বরের জন্য, এটি এমন দেখায়:
https://wa.me/919876543210?text=Hi%2C%20I%20have%20a%20questionদেশের কোড ব্যবহার করুন ছাড়া + বা স্পেস — 91 ভারতের জন্য, 1 যুক্তরাষ্ট্রের জন্য। text প্যারামিটারটি ভিজিটরের প্রথম মেসেজটি পূর্বরূপে রাখে; স্পেসকে URL-এ এনকোড করতে হবে (%20) এবং পঙ্খনা চিহ্নও (%2C কমা জন্য)। যদি আপনি জাভাস্ক্রিপ্টে লিঙ্ক তৈরি করেন, encodeURIComponent() এটি আপনার জন্য এটি পরিচালনা করবে।
আপনি এই লিঙ্কটি যেকোনো জায়গায় রাখতে পারেন যেখানে ওয়ার্ডপ্রেস একটি লিঙ্ক গ্রহণ করে:
- বাটন ব্লক গুটেনবার্গ এডিটরে, wa.me URL এর সাথে সংযুক্ত।
- নেভিগেশন মেনু আইটেম — এটিকে একটি কাস্টম লিঙ্ক হিসেবে যোগ করুন।
- ফুটার বা সাইডবার উইজেট — একটি টেক্সট বা কাস্টম HTML উইজেট।
- স্টিকি ফ্লোটিং বাটন — নীচের কোডটি কাস্টমাইজার → অতিরিক্ত CSS এবং আপনার ফুটারে একটি কাস্টম HTML উইজেটে পেস্ট করুন। এটি বাটনকে ডান-নিচের কোণে পিন করে দেয় একটি নিরাপদ z-index সহ এবং 48px ট্যাপ টার্গেট, যা মোবাইল থাম্বের জন্য ন্যূনতম আরামদায়ক আকার।
<a class="wa-float" href="https://wa.me/919876543210?text=Hi%2C%20I%20have%20a%20question" target="_blank" rel="noopener">Chat on WhatsApp</a>
<style>
.wa-float {
position: fixed; bottom: 20px; right: 20px; z-index: 9999;
background: #25D366; color: #ffffff; padding: 12px 20px;
border-radius: 40px; min-height: 48px; display: inline-flex;
align-items: center; text-decoration: none; font-weight: 600;
box-shadow: 0 2px 10px rgba(0,0,0,0.25);
}
.wa-float:hover { background: #1fb457; }
</style>প্রকাশ করার আগে একটি বাস্তব ফোনে শেষ লিংকটি পরীক্ষা করুন, এবং ডেস্কটপেও — যদি WhatsApp অ্যাপ ইনস্টল না থাকে, তাহলে wa.me web.whatsapp.com এ ফিরে যায়, যা কাজ করে যতক্ষণ পর্যন্ত পূর্ব-ভরা টেক্সটটি অব্যাহত থাকে। পূর্ব-ভরা বার্তাগুলি এক লাইনে রাখুন; খুব দীর্ঘ টেক্সট কিছু ডিভাইসে ছাঁটাই হয়ে যায়।
পদ্ধতি ২: একটি চ্যাট উইজেট প্লাগইন
যদি আপনি CSS না লিখেই ডিভাইস লক্ষ্য করা, সময়সূচী নির্ধারণ, বা একাধিক এজেন্ট সহ একটি ফ্লোটিং বাটন চান, তাহলে একটি প্লাগইন সৎ শর্টকাট। এদের সবগুলোর ফ্রি ভার্সন আছে:
- Joinchat (Creame) — হালকা ও শুধুমাত্র WhatsApp এর জন্য মনোনিবেশিত; একটি নির্ভরযোগ্য ডিফল্ট।
- ক্লিক টু চ্যাট (হোলিথিমস) — বিনামূল্যে এবং সহজ; নাম্বার, অবস্থান, এবং কিছু স্টাইল।
- Chaty (Premio) — শুধু WhatsApp নয়, অনেক চ্যানেলকে সমর্থন করে; ফ্রি স্তর এবং পেইড প্ল্যান।
- WP চ্যাট অ্যাপ (নিঞ্জা টিম) — ফ্লোটিং বাটন প্লাস একাধিক এজেন্ট এবং প্রি-ফিল্ড মেসেজ; ফ্রি এবং পেইড।
- Buttonizer — একটি সাধারণ বাটন লঞ্চার যা আপনার WhatsApp বাটনের পাশাপাশি অন্যান্য বাটনও রাখতে পারে।
- এলিমেন্টর ফ্লোটিং বাটন — Elementor Pro তে স্থানীয় উইজেট যদি আপনি ইতিমধ্যে সেটি দিয়ে তৈরি করে থাকেন।
ইনস্টল করুন, আপনার নম্বর আন্তর্জাতিক ফরম্যাটে লিখুন, অবস্থান এবং রঙ নির্বাচন করুন, এবং আপনি শেষ। পেড টিয়ারগুলো ডিভাইস এবং পৃষ্ঠার দ্বারা টার্গেটিং, চ্যাট সময় নির্ধারণ, এবং ক্লিক বিশ্লেষণ যোগ করে। এই কোন প্লাগইনই আপনার সাইট থেকে মেসেজ পাঠাতে পারে না — কারণ এটি তাদের জন্য তৈরি নয়, এবং এটি কোনো ত্রুটি নয়; এটি উইজেট এবং API-এর মধ্যে সীমানা।
পদ্ধতি ৩: এলিমেন্টর বা গুটেনবার্গ ব্লক
যদি আপনি Elementor Pro ব্যবহার করেন, Floating Buttons উইজেটটি স্বাভাবিকভাবে একটি WhatsApp বোতাম স্থাপন করে, কোনো অতিরিক্ত প্লাগইন ছাড়াই। সাধারণ Gutenberg-এ, wa.me লিঙ্কসহ Button ব্লক একই কাজ করে — যদি আপনি এটি স্থায়ী রাখতে চান তবে Method 1 থেকে CSS ফ্লোটিং এর সাথে জোড়া দিন। আপনার থিমের একটি শর্টকোড বা ব্লক প্যাটার্নে functions.php নিচের লিঙ্কটি একই রকম; একমাত্র প্রশ্ন হলো আপনি এটি কোথায় রাখতে চান।
যেখান থেকে চ্যাট বাটনগুলো কাজ করা বন্ধ করে
একটি চ্যাট বাটন শুধুমাত্র ইনবাউন্ড। এটি গ্রাহক চেক আউট করার সময় অর্ডার কনফার্মেশন পাঠাতে পারে না, বুক করা অ্যাপয়েন্টমেন্টের আগের রিমাইন্ডার পাঠাতে পারে না, বা পরিত্যাগের দুই ঘণ্টা পর কার্ট পুনরুদ্ধারের নাজ পাঠাতে পারে না — কারণ আপনার সাইট থেকে কিছুই কখনও পাঠানো হয় না। মেটার ২৪ ঘন্টার সার্ভিস উইন্ডোর কোনো হ্যান্ডলিং নেই, কোনো টেমপ্লেট অনুমোদন নেই, এবং কোনো শেয়ারড ইনবক্স নেই: প্রতিটি অনুসন্ধান সেই এক ফোনে আসে যার নম্বর লিঙ্কে রয়েছে, তাই দ্বিতীয় এজেন্ট যখন উত্তর দেয় তখন সেটি মানে দ্বিতীয় নম্বর।
এটি WhatsApp Business API-এর কাজ। ২৪ ঘণ্টার সময়সীমার বাইরে ব্যবসা-প্রেরিত বার্তাগুলি অবশ্যই Meta-অনুমোদিত টেমপ্লেট ব্যবহার করতে হবে (মার্কেটিং, ইউটিলিটি, বা প্রমাণীকরণ বিভাগ), এবং API এগুলি The Tech Pad-এর মতো প্ল্যাটফর্ম থেকে পাঠায়, যার ফ্রি WordPress কানেক্টরগুলি ফর্ম এন্ট্রি, বুকিং এবং অর্ডারগুলি স্বয়ংক্রিয়ভাবে WhatsApp-এ ধাক্কা দেয় যখন আপনার দল [/features/inbox/](/features/inbox/) থেকে একটি শেয়ার করা ইনবক্স থেকে সাড়া দেয়। মাসিক SaaS ফি নেই। কানেক্টরআপনি মেটার প্রতি-মেসেজ কথোপকথনের ফি পরিশোধ করবেন — ভারতে ইউটিলিটি মেসেজের জন্য প্রায় ₹0.10–0.30, এবং মার্কেটিং মেসেজের জন্য প্রায় 2–3 গুণ বেশি — তাই মেটার বর্তমান রেট কার্ডটি পরীক্ষা করুন। যদি আপনি একটি বাটন এবং API এর মধ্যে সিদ্ধান্ত নিচ্ছেন, [এই তুলনাটি](/blog/whatsapp-business-app-vs-api-2026/) সীমানা দেখায়।
ধাপে ধাপে: আপনার বাটন যোগ করুন, স্টাইল করুন এবং পরীক্ষা করুন।
- আপনার নম্বরটি আন্তর্জাতিক ফরম্যাটে লিখুন, কোনও
+বা ফাঁকা স্থান ছাড়া — যেমন919876543210ভারতের জন্য। - প্রথমে আপনার ফোনে রাউ লিঙ্কটি তৈরি করুন এবং পরীক্ষা করুন:
https://wa.me/919876543210?text=Hi%2C%20I%20have%20a%20question। এটি WhatsApp খুলবে এবং বার্তাটি পূর্বরূপে দেখাবে। - যেখানে আপনার দর্শক দেখি সেখানে বোতামটি যোগ করুন: শিরোনামের কাছে একটি বোতাম ব্লক, একটি নেভিগেশন মেনু আইটেম, এবং/অথবা ফুটার উইজেট।
- স্টিকি ভার্সনের জন্য, ফ্লোটিং HTML কাস্টম HTML উইজেটে পেস্ট করুন এবং CSS অতিরিক্ত CSS-এ পেস্ট করুন, তারপর মোবাইল ভিউপোর্টে তা পরীক্ষা করুন।
- যদি আপনি পরিবর্তে একটি প্লাগইন বেছে নেন, এটি ইনস্টল করুন, একই নম্বর লিখুন, পজিশন এবং রঙ নির্বাচন করুন, এবং সংরক্ষণ করুন।
- GA4-এ ক্লিক ট্র্যাক করুন: লিঙ্কটিকে একটি আইডি দিন (যেমন
id="wa-float") এবং একটি ছোট ইভেন্ট লিসেনার যোগ করুন, অথবা আপনার প্লাগইনের বিল্ট-ইন অ্যানালিটিকস ব্যবহার করুন।
document.getElementById('wa-float').addEventListener('click', function () {
gtag('event', 'whatsapp_click');
});- প্রকাশিত পেজটি একটি রিয়েল ফোনে এবং ডেস্কটপে পরীক্ষা করুন, এবং নিশ্চিত করুন যে প্রি-ফিল্ড করা টেক্সটটি সঠিকভাবে পৌঁছেছে — কোনো
%20চ্যাট বক্সে দৃশ্যমান নয়।
ক্লিকের পরে পাঠানোর জন্য প্রি-ফিল্ড বার্তা
wa.me text প্যারামিটারটি ভিজিটারের প্রথম বার্তাটি স্বয়ংক্রিয়ভাবে পূরণ করে। পরবর্তীতে আপনি যে ফলো-আপ পাঠান — স্বীকৃতি, কোটেশনের ফলো-আপ — তা API এর মাধ্যমে টেমপ্লেট হিসেবে চলে, যেখানে {{1}}, {{2}} স্টাইল ভেরিয়েবল ব্যবহার করা হয় যাতে একটি অনুমোদিত টেমপ্লেট প্রতিটি গ্রাহকের জন্য মানানসই হয়।
| উদ্দেশ্য | উদাহরণ ভেরিয়েবল | কখন পাঠানো হবে |
|---|---|---|
| অনুরোধ স্বীকৃতি | {{1}} নাম, {{2}} পণ্য/সেবা | ক্লিক করার কয়েক মিনিটের মধ্যে |
| কোটেশনের ফলো-আপ | {{1}} নাম, {{2}} কোটেশন রেফারেন্স | প্রথম উত্তরের একদিন পর |
"হাই {{1}}, হোয়াটসঅ্যাপে যোগাযোগ করার জন্য ধন্যবাদ। {{2}} সম্পর্কিত আপনার অনুসন্ধান আমাদের দলের কাছে রয়েছে — এক কার্যদিবসের ঘণ্টার মধ্যে উত্তর আশা করুন।"
"হাই {{1}}, এখানে {{2}} এর জন্য আমরা যে উদ্ধৃতি আলোচনা করেছি তা রয়েছে। এই সপ্তাহে একটি সংক্ষিপ্ত কল কি আপনার সিদ্ধান্ত নেয়ার ক্ষেত্রে সাহায্য করবে?"
প্রায়শই জিজ্ঞাসিত প্রশ্ন
WordPress-এ WhatsApp বাটন যোগ করতে কি আমাকে একটি প্লাগইন লাগবে? না। একটি সাধারণ wa.me লিঙ্ক যে কোনো স্থানে কাজ করে যেখানে WordPress লিঙ্ক গ্রহণ করে — একটি বাটন ব্লক, একটি মেনু আইটেম, একটি উইজেট বা একটি থিম টেমপ্লেট। একটি প্লাগইন কেবল তখনই সাহায্য করে যখন আপনি কোড না ছাড়েই ডিভাইস টার্গেটিং, সময়সূচি বা একাধিক এজেন্ট সহ একটি ফ্লোটিং বাটন চান।
"হোয়াটসঅ্যাপ চ্যাট বাটন কি ফ্রি? হ্যাঁ। ক্লিক-টু-চ্যাট লিঙ্কগুলো বিনামূল্যে এবং সীমাহীন কারণ কথোপকথন হচ্ছে গ্রাহকের নিজস্ব হোয়াটসঅ্যাপ অ্যাপে, এবং বিনামূল্যের প্লাগইন সংস্করণগুলো মূল কার্যকারিতা কভার করে। আপনি শুধুমাত্র মেটার প্রতি বার্তা ফি দেবেন যখন আপনি হোয়াটসঅ্যাপ বিজনেস এপিআই এর মাধ্যমে ব্যবসা-আরম্ভিত বার্তা পাঠানো শুরু করবেন।
ক্লিক-টু-চ্যাট বোতাম কি আমার নম্বর বন্ধ করে দিতে পারে? না — গ্রাহকই চ্যাট শুরু করে, যা স্পষ্টতই মেটা যা চায় সেই আচরণ। ব্যান আসে অনিচ্ছাকৃত আউটবাউন্ড ব্লাস্ট থেকে, সাধারণত অস্বীকৃত টুলের মাধ্যমে পাঠানো হয়। এমন একটি বোতাম যা মানুষকে আপনাকে মেসেজ করতে আমন্ত্রণ জানায় সবচেয়ে নিরাপদ উপায়গুলির মধ্যে একটি যে একটি অপ্ট-ইন শ্রোতা তৈরি করা যায়।
চ্যাট বোতাম এবং হোয়াটসঅ্যাপ বিজনেস এপিআই-এর মধ্যে পার্থক্য কী? একটি চ্যাট বোতাম একটি কথোপকথন খুলে; এটি নিজে থেকে কিছু পাঠাতে পারে না। এপিআই স্বয়ংক্রিয় বার্তা পাঠায় — অর্ডার নিশ্চিতকরণ, বুকিং স্মরণিকা, কার্ট পুনরুদ্ধার — অনুমোদিত টেমপ্লেট ব্যবহার করে একসাথে অনেক গ্রাহকে, এবং এটি আপনার সমস্ত দলের জন্য উত্তরগুলোর একটি κοιν ইনবক্স প্রদান করে।
চূড়ান্ত সিটিএ
একটি চ্যাট বাটন দর্শকদের কথা বলতে প্রলুব্ধ করে; API কথোপকথন চালু রাখে কোনো কপি-পেস্ট ছাড়াই। The Tech Pad অফিসিয়াল WhatsApp ক্লাউড API-তে চলে এবং আপনাকে একটি শেয়ার করা দলীয় ইনবক্স, AI কপাইলট, একটি টেমপ্লেট হাব, ক্যাম্পেইন এবং বিশ্লেষণ দেয় — এছাড়াও ২৬টি ফ্রি WordPress সংযোগকারী (সম্পূর্ণ তালিকা [ /plugins/ ](/plugins/) এ, মূল্য [ /pricing ](/pricing) এ)। আপনার প্রথম মাস বিনামূল্যে যখন আপনি শুরু করবেন, এবং আপনি যে প্রতিটি ব্যবসা রেফার করবেন যা সাইন আপ করে এবং একটি WhatsApp নম্বর সংযুক্ত করে তা আপনাকে এক মাসের ফ্রি দেয় — সর্বাধিক ৫টি অতিরিক্ত ফ্রি মাস পর্যন্ত — সর্বমোট ৬ মাস ফ্রি। আজই আপনার বাটন সেটআপ করুন, এবং প্রথম অর্ডার বিজ্ঞপ্তি ম্যানুয়াল কাজে পরিণত হওয়ার দিনেই API স্তর যুক্ত করুন — শুরু করুন [ /wa/ ](/wa/) থেকে।