Webflow-এ WhatsApp বাটন যোগ করার উপায় (বিনামূল্যে — কোনো অ্যাপের প্রয়োজন নেই)
আপনি Webflow-এ নির্মাণ করেন কারণ আপনি নিয়ন্ত্রণ চান — পরিষ্কার ইন্টারঅ্যাকশন, সঠিক ডিজাইন, এমন কিছু নয় যা তার জায়গা উপার্জন করে না। একটি WhatsApp বোতাম সেই দর্শনকে মানানো উচিত: কোনো ভারী ইন্টিগ্রেশন নয়, কোনো তৃতীয় পক্ষের অ্যাপ আপনার গ্রাহকদের পরিচালনা করছে না, শুধু আপনার সাইট থেকে একটি ট্যাপে আপনার নম্বরের সঙ্গে বাস্তব WhatsApp চ্যাট।
প্রায় দুই মিনিটের মধ্যে যে কোনও Webflow সাইটে একটি ফ্লোটিং WhatsApp বোতাম যোগ করার উপায় এখানে দেওয়া হলো — কোনো Webflow অ্যাপ নয়, কোনো অ্যাকাউন্ট নয়, কোনো মাসিক ফি নয়।
দ্রুত উপায়: আমাদের ফ্রি Webflow-এর জন্য WhatsApp বোতাম জেনারেটরখুলুন, আপনার নম্বরটি লিখুন, একটি স্টাইল নির্বাচন করুন, কোডটি নকল করুন এবং এটি সাইট সেটিংস → কাস্টম কোড → ফুটার কোডএ পেস্ট করুন। এটিই পুরো সেটআপ।
আপনার Webflow সাইটে WhatsApp বোতাম রাখার কারণ
- গুরুত্বপূর্ণ ফর্মগুলোর জন্য চ্যাট রূপান্তর ঘটায়। একজন ভিজিটর মধ্যমত — দাম, প্রাপ্যতা, একটি কাস্টম অনুরোধ — ফর্মের চেয়ে WhatsApp-এ দ্রুত উত্তর দেয়।
- ওয়াটসঅ্যাপ হল যেখানে আপনার গ্রাহকরা আছেন। কোটি কোটি মানুষের জন্য এটি ফোনে সবচেয়ে বেশি ব্যবহৃত অ্যাপ; বোতামটি তাদের সেখানেই পৌঁছায়।
- প্রত্যুত্তরগুলি আপনার ফোনে আসে। বাটনটি আপনার নম্বর এবং একটি পূর্বরূপিত বার্তা সহ হোয়াটসঅ্যাপ খুলে — যেকোনো স্থান থেকে কয়েক সেকেন্ডের মধ্যে উত্তর দিন, এমনকি চলাফেরার সময়ও।
- এটি আপনার স্ট্যাকের সাথে সুন্দরভাবে খেলে। চ্যাটগুলো প্রথমে সরাসরি আপনার কাছে আসে; পরে এআই উত্তর এবং একটি শেয়ার করা টিম ইনবক্সের জন্য একই নম্বরটি দ্য টেক প্যাড-এ সংযুক্ত করুন।
ফ্রি জেনারেটরের সাথে যা পাবেন
The ওয়েবফ্লো হোয়াটসঅ্যাপ বাটন জেনারেটর আপনাকে দেয় একটি বাস্তব ভাসমান বাটন:
- ৮টি কেবল WhatsApp-সৌজন্যমূলক স্টাইল — সরকারি WhatsApp লোগো এবং ব্র্যান্ড রঙের শেলগুলোতে বুদবুদের চিহ্ন (সবুজ, গাঢ় সবুজ, সাদা, টিল)
- আপনার নাম্বার + পূর্বরূপে লেখা মেসেজ — প্রথম বার্তা সেট করুন যা ভিজিটররা দেখে
- আকৃতি, আকার এবং অবস্থান — গোল বা বর্গাকার, বামে বা ডানে, যে কোনও আকার
- লাইভ প্রিভিউ — কিছু কপির আগে সঠিক বোতামটি দেখুন
- কোনও অ্যাকাউন্ট, API কি, বা খরচ নেই — সবসময়ের জন্য বিনামূল্যে
| ক্ষমতা | বিনামূল্যের বোতাম | The Tech Pad আপগ্রেড |
|---|---|---|
| ভিজিটররা আপনার নম্বরে WhatsApp চ্যাট শুরু করে | ✅ | ✅ |
| শুধুমাত্র WhatsApp স্টাইল + সরাসরি প্রিভিউ | ✅ | ✅ |
| AI ২৪/৭ গ্রাহকের ভাষায় উত্তর দিচ্ছে | — | ✅ |
| WhatsApp + ওয়েবসাইট চ্যাটের জন্য একটি দল ইনবক্স | — | ✅ |
| অফিশিয়াল WhatsApp বিজনেস (Meta) API | — | ✅ |
| মূল্য | চিরতরে ফ্রি | শুরু করতে মুক্ত |
৩ ধাপে বাটনটি ওয়েবফ্লোতে যোগ করুন
- আপনার কোড তৈরি করুন। খোলা ফ্রি জেনারেটর, দেশ কোডসহ আপনার WhatsApp নম্বর লিখুন (শুধুমাত্র সংখ্যা, উদাহরণস্বরূপ
919876543210), একটি স্টাইল বেছে নিন এবং ক্লিক করুন কোড কপি করুন. - কাস্টম কোড খুলুন। Webflow ডিজাইনারে চাপুন W (বা ক্লিক করুন W উপর-বাম দিকের লোগো) এবং খুলুন কাস্টম কোড.
- ফুটার কোডে পেস্ট করুন এবং প্রকাশ করুন। কোডটি এটির মধ্যে পেস্ট করুন Footer কোড বক্স — এটি প্রতিটি পৃষ্ঠায় লোড হয়, বডি ট্যাগ বন্ধ হওয়ার ঠিক আগে — ক্লিক করুন পরিবর্তনগুলি সংরক্ষণ করুন, তারপর প্রকাশ করুন.
কোডটি একটি ছোট স্ক্রিপ্ট ট্যাগ যা অ্যাসিঙ্ক্রোনাসভাবে লোড হয়, তাই এটি আপনার সাইট ধীর করবে না:
<script async src="https://thetechpad.com/chat/widget.js" data-ttp-wa="919876543210" data-ttp-wa-icon="wa-classic" data-ttp-wa-shape="round" data-ttp-wa-size="56" data-ttp-wa-pos="right"></script>এটি কখন জীবিত হবে? কাস্টম কোড প্রযোজ্য হয় যখন আপনি আপনার সাইটটি ওয়েবফ্লো সাইট প্ল্যানে প্রকাশ করেন (এন্ট্রি পেইড টিয়ারসহ)। ফ্রি স্টেজিং ডোমেনে এটি প্রিভিউ এর জন্য রেন্ডার করে — প্রকাশ করুন, এবং আপনার ভিজিটররা বোতামটি দেখতে পাবে।
কেন কোড ব্যবহার করবেন ওয়েবফ্লো অ্যাপের পরিবর্তে?
ওয়েবফ্লো অ্যাপস এবং ইন্টিগ্রেশনগুলো বাস্তব ক্ষমতা যোগ করে, কিন্তু একটি একক ভেসে থাকা WhatsApp বোতামের জন্য এটি প্রয়োজন হয় না: কোনো মার্কেটপ্লেস ইনস্টল নয়, কোনো অনুমতির প্রম্পট নেই, কোনো সাবস্ক্রিপশন নয়। কোড পদ্ধতি এটিকে হালকা রাখে:
- ইনস্টল বা অনুমোদনের কিছু নেই — শুধু কাস্টম কোড এবং একটি পাবলিশ ক্লিক
- আপনার নম্বর, আপনার নিয়ম — চ্যাটগুলো আপনি যে WhatsApp নাম্বারটি নির্বাচন করবেন সেখানে যাবে, কোনো তৃতীয় পক্ষের ইনবক্সে নয়
- একই কোড অন্য জায়গায় কাজ করে — একটি সাইটও চালাচ্ছেন? Shopify, Squarespace, Blogger, হাবস্পট অথবা Wix প্রত্যেকটির নিজস্ব জেনারেটর পেজ আছে পেস্ট করার ধাপ নিয়ে।
চাইলে কি বোতামটি আপনার জন্য উত্তর দেবে?
একটি বোতাম হল প্রথম ধাপ — পরবর্তী হল তৎক্ষণাৎ উত্তর দেওয়া, এমনকি আপনি ব্যস্ত বা ঘুমাচ্ছেন এমন সময়ে। The Tech Pad একই WhatsApp নম্বারটিকে ২৪/৭ AI সহকারীতে রূপান্তর করে:
- AI তাত্ক্ষণিকভাবে উত্তর দেয় আপনার সাইট এবং প্রোডাক্ট পেজ থেকে — আপনার গ্রাহকের ভাষায়
- একটি শেয়ার করা টিম ইনবক্স WhatsApp চ্যাট, ওয়েবসাইট চ্যাট এবং নোটিফিকেশন-এর জন্য
- আধিকারিক WhatsApp ব্যবসায়িক API আপনার নিজের Meta-ভেরিফায়েড নম্বরে
- শুরু করতে বিনামূল্য, কোনো ক্রেডিট কার্ড প্রয়োজন নেই — সংযোগ করুন thetechpad.com
আজ দুই মিনিট সময় নিলে ওয়েবফ্লোতে একটি লাইভ WhatsApp বোতাম পাবেন। পরে The Tech Pad যোগ করলে এটি আপনার জন্য উত্তর দেবে।