চ্যাটভিও – AI ওয়েবচ্যাট: আপনার সাইটে চ্যাট বাটন যোগ করুন (২০২৬)
চ্যাটভিও প্লাগইন একটি বিনামূল্যের ওয়ার্ডপ্রেস প্লাগইন যা আপনার সাইটে একটি ভেসে থাকা চ্যাট বোতাম যোগ করে — এবং এটি একটি বাস্তব চ্যাট উইন্ডো খুলে, লিঙ্ক নয়। দর্শকরা ক্লিক করে, টাইপ করে, এবং তাদের বার্তা আপনার দলের ইনবক্সে পৌঁছায়। প্লাগইনটি বিনামূল্যের, এবং দ্য টেক প্যাড প্ল্যাটফর্মে একটি বিনামূল্যের অ্যাকাউন্টের সাথে জুটি বাঁধলে — কোনও ক্রেডিট কার্ড নয়, কোনও পেইড প্ল্যান নয় — সবকিছু আনলক হয়: আপনার প্রকাশযোগ্য কী প্লাগইনে পেস্ট করুন এবং আপনি লাইভ। এই ২০২৬ এর গাইডে: কেন একটি চ্যাট বোতাম খালি লিঙ্কের চেয়ে ভালো, প্লাগইন কর্তৃক সরবরাহিত প্রতিটি অপশন, এবং ছয়-ধাপের সেটআপ।
কেন একটি চ্যাট বাটন একটি লিঙ্ককে হারায়
একটি সাধারণ WhatsApp বাটন — যেটি wa.me নতুন ট্যাবে খোলে — দর্শককে দূরে পাঠায়। একটি চ্যাট বাটন তাদের আপনার পৃষ্ঠায় রাখে। তারা একটি প্রশ্ন জিজ্ঞাসা করে, উত্তর পান, এবং ব্রাউজিং চালিয়ে যান — কোন অ্যাপ পরিবর্তন নয়, কোন ট্যাব পরিবর্তন নয়, কোন অসুবিধা নেই।
এই পার্থক্যটি গুরুত্বপূর্ণ কারণ চ্যাট হল সেই জায়গা যেখানে গ্রাহকরা প্রকৃতপক্ষে প্রতিক্রিয়া জানায়। হোয়াটসঅ্যাপ মেসেজের খোলার হার প্রায় ৯৮% যেখানে ইমেইলের জন্য প্রায় ২০% এবং গড় প্রতিক্রিয়া সময় ৯০ সেকেন্ডের কম। যখন আপনার সাইটে একজন দর্শকের প্রশ্ন থাকে, সেই মুহূর্তটিকে চ্যাট উইন্ডোতে ধরে রাখা পরে তারা আপনাকে মেসেজ পাঠাবে, এটির চেয়ে ভালো।
একটি চ্যাট বাটনও ইঙ্গিত দেয় যে সাহায্য উপলব্ধ, একটি স্থির পৃষ্ঠাকে কথোপকথনে পরিণত করে — ঠিক যেমনটি The Tech Pad প্ল্যাটফর্মের ভিত্তি: ভাগ করা দলের ইনবক্স, অটোমেশন, ক্যাম্পেইন এবং AI কোপাইলট। দর্শকদের কখনও অ্যাকাউন্টের প্রয়োজন হয় না; তারা শুধু টাইপ করে।
আপনি কি এটি প্রয়োজন কি না বা একটি সাধারণ WhatsApp লিঙ্ক প্রয়োজন তা নিশ্চিত নন? আমাদের গাইডে ওয়ার্ডপ্রেসে হোয়াটসঅ্যাপ বাটন যোগ করার ৩টি উপায় পদ্ধতিগুলি তুলনা করা হয়েছে, এবং আমাদের ২০২৬ সালের জন্য সেরা ওয়ার্ডপ্রেস হোয়াটসঅ্যাপ প্লাগইনগুলি আপনাকে পূর্ণ ল্যান্ডস্কেপ ভিউ দেয়।
Chatvio প্লাগইন আপনাকে যা দেয়
প্লাগইনটি The Tech Pad ওয়েব চ্যাট উইজেটটি এম্বেড করে এবং অন্তর্নির্মিত বাবল লুকিয়ে রাখে, তারপর নিজের লঞ্চার বোতাম যুক্ত করে যা চ্যাট প্যানেল খুলে। সরল ভাষায় বললে: আপনি বোতামটি নিয়ন্ত্রণ করেন, The Tech Pad চ্যাট চালায়। এখানে সম্পূর্ণ প্যাকেজের একটি সংক্ষিপ্ত দৃষ্টিভঙ্গি:
| আপনি যা পাবেন | এটি যা করে |
|---|---|
| ফ্লোটিং চ্যাট বোতাম | আপনার পৃষ্ঠায় সরাসরি Tech Pad চ্যাট উইন্ডো খুলে |
| বাস্তব চ্যাট উইন্ডো | ভিজিটর লিখে, বার্তা আপনার দলের ইনবক্সে পৌঁছে — কোনো অ্যাকাউন্টের প্রয়োজন নেই |
| WhatsApp + ওয়েব চ্যাট | উভয়ের জন্য একটি ইনবক্স, সাথে একটি ঐচ্ছিক সবুজ WhatsApp দ্রুত-লঞ্চ আইকন |
| ড্যাশবোর্ড-পরিচালিত চ্যাট | শুভেচ্ছা, প্রি-চ্যাট ফর্ম, হ্যান্ডঅফ, অটোমেশন, ক্যাম্পেইন |
| 8টি প্রস্তুত নকশার আইকন | সাথে কাস্টম ইমেজ/GIF আপলোড, রঙ পিকার, আকার, আকৃতি |
| ঠিক স্থাপন | ৭টি অবস্থান, কাস্টম অফসেট, আলাদা ডেস্কটপ ও মোবাইল সেটিংস |
| ডিসপ্লে নিয়ম | পেজ, পোস্ট টাইপ, ডিভাইস, ভিজিটর, বিলম্ব, স্ক্রোল, ব্যবসায়িক সময় |
| শর্টকোড | আপনার কনটেন্টের যেকোনো স্থানে বোতামের জন্য [techpad_ai_chat] |
প্রয়োজনীয়তাগুলো সাধারণ: ওয়ার্ডপ্রেস ৬.০+ এবং পিএইচপি ৭.৪+। এটি যেকোনো থিমের সাথে কাজ করে এবং পেজ বিল্ডারদের সাথে সুন্দরভাবে মেলে।
প্লাগইন কিভাবে ইনস্টল এবং সেট আপ করবেন
ছয়টি ধাপ, কয়েক মিনিট, কোনো কোড নেই।
- প্লাগইনটি ডাউনলোড করুন। জিপটি থেকে ধরো চ্যাটভিঅো প্লাগইন পেজ — chatvio-ai-webchat.zip — অথবা ব্রাউজ করুন সকল দ্য টেক প্যাড প্লাগইন.
- আপনার প্রকাশযোগ্য কী পান। thetechpad.com এ বিনামূল্যে সাইন আপ করুন (কোনও ক্রেডিট কার্ড নয়), ওয়েব চ্যাট সেটিংসে যান, এবং আপনার প্রকাশযোগ্য (পাবলিক) কী কপি করুন।
- ইনস্টল করুন এবং সক্রিয় করুন। ওয়ার্ডপ্রেসে যান Plugins → Add New → Upload Plugin, জিপ ফাইলটি নির্বাচন করুন, Install Now ক্লিক করুন, তারপর Activate করুন।
- কী সংযুক্ত করুন। ওপেন দ্য টেক প্যাড → চ্যাটভিও – এআই ওয়েবচ্যাট। কানেকশন সেকশনে, আপনার পাবলিশেবল কী পেস্ট করুন এবং সেভ করুন। তারপর আপনার WhatsApp টার্গেট নির্বাচন করুন — চ্যাট বাটনের পাশে থাকা সবুজ WhatsApp বুদ্বুদটি কী করবে তা নির্বাচন করুন: আপনার টেক প্যাড নম্বর (যখন এটি সংযুক্ত থাকে তখন প্রদর্শিত হয়), অন্য কোনো নম্বর (wa.me খুলবে, কোন সংযোগের প্রয়োজন নেই), অথবা কোনো WhatsApp নাও। আপনার CTA টেক্সট সেট করুন, এবং যদি আপনি গুগল অ্যানালিটিক্স ব্যবহার করেন তবে GA dataLayer ট্র্যাকিং চালু করুন।
- লঞ্চারটি স্টাইল করুন। এটিমধ্যে আটটি আইকনের মধ্যে একটি নির্বাচন করুন — অথবা আপনার নিজস্ব ছবি বা GIF আপলোড করুন — রঙ, আকার এবং সাইজ নির্বাচন করুন, তারপর অবস্থান নির্ধারণ করুন।
- সংরক্ষণ করুন, প্রিভিউ করুন, প্রকাশ করুন। আপনার সেটআপ পরীক্ষা করতে প্রিভিউ বাটন ব্যবহার করুন, তারপর আপনার সাইট খুলুন এবং বাটনে ক্লিক করুন — আপনার চ্যাট উইন্ডো খোলা হবে।
সব অপশন ব্যাখ্যা করা হয়েছে
সংযোগ। প্রকাশযোগ্য কী ছাড়া অন্য কোন সেটিং প্রয়োজন নেই। এটি একটি ফ্রি ট্যাক প্যাড অ্যাকাউন্ট থেকে আসে — কোন ক্রেডিট কার্ডের প্রয়োজন নেই — এবং এম্বেড করার জন্য নিরাপদ: এটি কেবল দর্শকদের আপনার সাইটে চ্যাট খোলার অনুমতি দেয়। উন্নত সেটআপগুলো API URL ওভাররাইড করতে পারে (স্টেজিং-এর জন্য שימושযোগ্য), "Powered by" লিঙ্কে জয়েন করতে পারেন (ডিফল্টে বন্ধ — কিছুই আপনার সাইটে ক্রেডিট করা হয় না যদি আপনি এটিকে টিক না দেন), CTA টেক্সট সেট করতে পারেন, এবং GA dataLayer ট্র্যাকিং সক্ষম করতে পারেন।
লঞ্চার এবং স্টাইল। আটটি প্রস্তুত-নির্মিত SVG আইকন প্রতিটি মেজাজকে কভার করে:
| আইকন | সর্বোত্তম জন্য |
|---|---|
| চ্যাট বুদবুদ | সর্বজনীন ডিফল্ট |
| ডটস সহ বুদবুদ | একজন 'কেউ টাইপ করছে' অনুভূতি |
| পাঠ্যের লাইনসহ বুদবুদ | এক নজরে মেসেজিং |
| হোয়াটসঅ্যাপ লোগো | হোয়াটসঅ্যাপ চ্যাট সংকেত দেওয়া |
| হোয়াটসঅ্যাপ বুদবুদ | হোয়াটসঅ্যাপ + ওয়েব চ্যাট হাইব্রিড |
| হেডসেট | সাপোর্ট এবং সার্ভিস ডেস্ক |
| মেসেজ স্কোয়ার | পরিষ্কার এবং ন্যূনতম |
| পেপার প্লেন | দ্রুত মেসেজ |
আপনার নিজের ব্র্যান্ডিং পছন্দ করেন? মিডিয়া লাইব্রেরি থেকে একটি কাস্টম ইমেজ বা GIF আপলোড করুন। কালার পিকার ব্যাকগ্রাউন্ড এবং আইকন সমন্বয় করে, আকৃতি হলো রাউন্ড, রাউন্ডেড-স্কোয়ার, অথবা স্কোয়ার, এবং আকার ৩২ থেকে ১২০ পিক্সেলের মধ্যে।
লেবেল এবং অ্যানিমেশন। হোভার করার সময় টুলটিপ দেখান, সর্বদা দৃশ্যমান লেবেল দেখান, অথবা কিছু দেখাবেন না। অ্যানিমেশন: নেই, পালস, বাউন্স, শেক, অথবা রিং — চোখ আকর্ষণ করার সূক্ষ্ম উপায়।
অবস্থান। সাতটি প্রিসেট: নীচে-ডান, নীচে-বাম, নীচে-কেন্দ্র, ডান-কেন্দ্র, বাম-কেন্দ্র, উপরে-ডান, এবং উপরে-বাম। পিক্সেল নিয়ন্ত্রণের প্রয়োজন? কাস্টম অফসেট এবং জেড-ইন্ডেক্স সেট করুন। অবস্থান, অফসেট, এবং আকার সব আলাদা ভাবে ডেস্কটপ এবং মোবাইলের জন্য (৭৮২ পিক্সেলের নিচে) সেট করা হয়েছে, তাই বোতাম কখনও ফোনে আপনার কন্টেন্টকে ঢেকে রাখবে না।
ডিসপ্লে নিয়ম। সাইটের সম্পূর্ণ অংশে বোতামটি দেখান, কেবল তালিকাভুক্ত পৃষ্ঠাগুলিতে, অথবা তালিকাভুক্ত পৃষ্ঠাগুলি বাদে সর্বত্র — পৃষ্ঠার URL বা আইডি, প্রতি লাইনে একটি করে। নির্দিষ্ট পোস্ট টাইপে এটিকে লুকান, এটি ডেস্কটপ বা মোবাইলে সীমাবদ্ধ করুন, লগইন করা ব্যবহারকারী বা অতিথিদের জন্য সীমাবদ্ধ করুন, সেকেন্ড বা স্ক্রল শতাংশ দ্বারা বিলম্ব করুন, এবং আপনার সাইটের টাইমজোন অনুসারে দিনের সময় এবং সময় নির্ধারণ করুন।
উন্নত প্রতিটি লঞ্চার স্টাইল একটি সেটিং — রঙ, আকার, সাইজ, অবস্থান, লেবেল এবং অ্যানিমেশন। এর বাইরে যা কিছু করতে হবে, WordPress-এ ইতিমধ্যে থাকা CSS এডিটর ব্যবহার করুন (Appearance → Customize → Additional CSS): WordPress যা আপনি পেস্ট করবেন তা পরীক্ষা করবে, এবং এটি আপনার থিমের সাথে থাকবে। আপনার কনটেন্টের নির্দিষ্ট স্থানে একটি বোতামের প্রয়োজন? [techpad_ai_chat] শর্টকোড লেবেল, সাইজ, আইকন, এবং রঙ অ্যাট্রিবিউট গ্রহণ করে।
চ্যাট উইন্ডো যা আপনাকে দেয়
যখন একজন ভিজিটর আপনার বাটনে ক্লিক করে, Tech Pad চ্যাট উইন্ডো সোজা পৃষ্ঠায় খোলে। তারা একটি মেসেজ টাইপ করে এবং এটি আপনার টিম ইনবক্সে ল্যান্ড করে, আপনার WhatsApp কথোপকথনের পাশাপাশি — একটি ইনবক্স, একটি ইতিহাস, কোনো কপি-পেস্ট নয়।
যে কোনো কিছু যা ভিজিটর সেই উইন্ডোতে দেখে তা আপনার ড্যাশবোর্ড থেকে পরিচালিত হয়, প্লাগইন থেকে নয়:
- স্বাগত বার্তা। প্রথম মেসেজ যা ভিজিটর পায়, একবার লেখা এবং সর্বত্র ব্যবহৃত।
- প্রি-চ্যাট ফর্ম। চ্যাট শুরু হওয়ার আগে নাম, ইমেইল বা অন্য কিছু সংগ্রহ করুন।
- হ্যান্ডঅফ। কথোপকথনগুলো সঠিক সহকর্মী বা বিভাগের কাছে পাঠান।
- স্বয়ংক্রিয়তা এবং প্রচারণা। ওয়েলকাম সিকোয়েন্স, অফিসের পরে উত্তর, এবং হোয়াটসঅ্যাপ প্রচারণা একই ইনবক্সে চলে।
এই কারণেই প্লাগইনটি সহজ থাকে: বোতামটি আপনার কাজ, কথোপকথনের ইঞ্জিনটি The Tech Pad-এর। শুরু করতে দুইটি বার্তা টেমপ্লেট — প্রথমটি অভিবাদন হিসেবে, দ্বিতীয়টি অফিসের পরে স্বয়ংক্রিয় উত্তর হিসেবে:
হাই {{1}}! {{2}} এ ভিজিট করার জন্য ধন্যবাদ — আজ আমরা কীভাবে আপনাকে সাহায্য করতে পারি? 👋
আপনার বার্তার জন্য ধন্যবাদ, {{1}}! আমাদের দল এই মুহূর্তে অফলাইনে আছে এবং শীঘ্রই উত্তর দেবে। যদি এটি জরুরি হয়, আমাদের কাছে পৌঁছানোর জন্য সবুজ হোয়াটসঅ্যাপ আইকনে চাপ দিন।
আপনার ভিজিটাররা যে হোয়াটসঅ্যাপ নম্বর ব্যবহার করে তা নির্বাচন করুন
চ্যাট বাটন সর্বদা আপনার সাইটে টেক প্যাড চ্যাট উইন্ডো খুলে। এর পাশের সবুজ WhatsApp বুদবুদটি ঐচ্ছিক — এবং ভার্সন 1.1.0 থেকে আপনি কোন নম্বরে এটি নির্দেশ করবে তা কোড ছাড়াই নির্ধারণ করতে পারেন। টেক প্যাড খুলুন → চ্যাটভিও – এআই ওয়েবচ্যাট → সংযোগ → WhatsApp বাটন এবং তিনটির মধ্যে একটি নির্বাচন করুন:
| সেটিং | ভিজিটররা কী দেখবে | কার জন্য এটি উপযুক্ত |
|---|---|---|
| আমার টেক প্যাড WhatsApp নম্বর | আপনার টেক প্যাড ড্যাশবোর্ডে সংযুক্ত নম্বর দিয়ে চ্যাট খোলার জন্য WhatsApp বাবল (মেটার মাধ্যমে যাচাই করা হয়েছে) | যেসব ব্যবসা ইতিমধ্যেই সংযুক্ত — ওয়েব চ্যাট এবং WhatsApp একটিমাত্র শেয়ার করা ইনবক্সে পৌঁছায়, AI উত্তর অন্তর্ভুক্ত |
| অন্য WhatsApp নম্বর | WhatsApp বাবল যা যে কোনো নম্বর টাইপ করার সাথে wa.me খুলে — কোনো টেক প্যাড সংযোগের প্রয়োজন নেই | যে কেউ আজই WhatsApp শর্টকাট চাইতে পারে এবং পরে নম্বর সংযুক্ত করতে পারে |
| WhatsApp দেখাবেন না | কেবল চ্যাট বোতাম | ওয়েব-চ্যাট-ফার্স্ট টিমসমূহ |
পরামর্শ: এখনও সংযুক্ত হয়নি কিন্তু পরিকল্পনা করছেন? নির্বাচন করুন অন্য WhatsApp নম্বর এবং সেই নম্বরটি প্রবেশ করুন যেখান থেকে আপনি পরে সংযুক্ত হবেন। দর্শকরা সারাদিন একই নম্বরে চ্যাট চালিয়ে যায় — আপনি সংযোগের পর সেটিং পরিবর্তন করলে তাদের পাশে কিছু পরিবর্তন হয় না।
প্রায়শই জিজ্ঞাসিত প্রশ্ন
Chatvio প্লাগইনের জন্য কি আমার The Tech Pad অ্যাকাউন্ট প্রয়োজন? হ্যাঁ — চ্যাটটি দ্য টেক প্যাড প্ল্যাটফর্মে চলে। thetechpad.com-এ বিনামূল্যে সাইন আপ করুন, ওয়েব চ্যাট সেটিংস খুলুন এবং আপনার প্রকাশযোগ্য (পাবলিক) কী প্লাগইনে কপি করুন। ভিজিটরদের কখনো কোনো অ্যাকাউন্টের প্রয়োজন নেই।
পাবলিক কী আমার ওয়েবসাইটে রাখাটা কি নিরাপদ? হ্যাঁ। প্রকাশযোগ্য কী এমবেড করার জন্য ডিজাইন করা হয়েছে — এটি শুধুমাত্র দর্শকদের আপনার সাইটে চ্যাট খোলার অনুমতি দেয়। এটি একটি গোপন API কী নয় এবং আপনার পক্ষে বার্তা পাঠাতে পারে না।
ভিজিটররা কি WhatsApp-এও চ্যাট করতে পারে? হ্যাঁ। চ্যাট বোতামের পাশে সবুজ হোয়াটসঅ্যাপ বুদবুদটি একটি হোয়াটসঅ্যাপ চ্যাট খুলে, এবং প্রতিটি কথোপকথন একই টেক প্যাড ইনবক্সে পৌঁছায়। সংস্করণ ১.১.০ থেকে আপনি সেটিংস → সংযোগে এটি কোন নম্বরে নির্দেশ করবে তা নির্বাচন করতে পারেন: আপনার সংযুক্ত টেক প্যাড নম্বর, বা একটি সাধারণ wa.me লিঙ্কের মাধ্যমে অন্য যে কোনো নম্বর।
আমার কি হোয়াটসঅ্যাপ বুদবুদ ব্যবহার করতে টেক প্যাড হোয়াটসঅ্যাপ নম্বরের প্রয়োজন? না। Settings → Connection-এ “Another WhatsApp number” নির্বাচন করুন এবং কোনো নম্বর টাইপ করুন — ভিজিটাররা তার সাথে একটি সাধারণ WhatsApp চ্যাট খুলবে, কোনো Meta ভেরিফিকেশন বা API জড়িত নয়। পরে আপনি যখন সেই নম্বরটি আপনার Tech Pad ড্যাশবোর্ডে সংযুক্ত করবেন, সেটিংটি আপনার Tech Pad নম্বরে পরিবর্তন করুন এবং সেই চ্যাটগুলো আপনার শেয়ার করা ইনবক্সে যোগ হবে।
আমি কি শুধু কিছু পৃষ্ঠায় বোতামটি দেখাতে পারি? হ্যাঁ। Display নিয়মের অধীনে "Only on the pages listed below" নির্বাচন করুন এবং পৃষ্ঠার URL বা ID লিখুন, প্রতি লাইনে একটি করে। আপনি এটিকে নির্দিষ্ট পোস্ট টাইপে লুকাতে পারেন, ডেস্কটপ বা মোবাইলের জন্য সীমাবদ্ধ করতে পারেন, লগইন করা ব্যবহারকারীদের বা অতিথিদের জন্য সীমাবদ্ধ করতে পারেন, সময় বা স্ক্রোল দ্বারা বিলম্ব করতে পারেন এবং ব্যবসায়িক সময় নির্ধারণ করতে পারেন।
যখন একজন ভিজিটর বাটনে ক্লিক করে তখন কী হয়? টেক প্যাড চ্যাট উইন্ডো সরাসরি আপনার পৃষ্ঠায় খুলে যায়। ভিজিটর একটি মেসেজ টাইপ করে এবং এটি আপনার টিম ইনবক্সে পৌঁছে — অভ্যর্থনা, প্রি-চ্যাট ফর্ম, এজেন্ট হ্যান্ডঅফ এবং অটোমেশন সবকিছুই আপনার ড্যাশবোর্ড থেকে পরিচালিত হয়।
ফ্রি প্লাগইনটি পান
চ্যাটভিও প্লাগইনটি বিনামূল্যে, যা টেক প্যাড অ্যাকাউন্টের সাথে সংযুক্ত হয় তা বিনামূল্যে, এবং পুরো প্রক্রিয়ায় কোথাও ক্রেডিট কার্ডের প্রয়োজন নেই। ডাউনলোড করুন chatvio-ai-webchat.zip, কয়েক মিনিটের মধ্যে এটি ইনস্টল করুন, এবং আজই আপনার সাইটে একটি চ্যাট বাটন রাখুন। আপনার বিনামূল্যের অ্যাকাউন্ট তৈরি করুন thetechpad.com/wa/ এবং আপনার প্রকাশযোগ্য কী সংগ্রহ করুন — বাকিটি সবই পয়েন্ট এবং ক্লিক।
আপনি এখানে যখন: শিখুন ওয়ার্ডপ্রেসে হোয়াটসঅ্যাপ বাটন যোগ করার ৩টি উপায়, অথবা দেখুন কিভাবে Chatvio প্লাগইন আমাদের মধ্যে তুলনা করে ২০২৬ সালের জন্য সেরা ওয়ার্ডপ্রেস হোয়াটসঅ্যাপ প্লাগইনগুলি.