মেসেঞ্জার বাটন
একটি ফ্লোটিং বাটন: WhatsApp, Telegram, কল, চ্যাট — ১২টি পর্যন্ত চ্যানেল
উদাহরণ ও সম্ভাবনাগুলো দেখুন →বিনামূল্যে
এই উইজেটটি কনফিগার করুনWebflow · আপনার পোর্টফোলিও থেকে যোগাযোগ
আপনার বিদ্যমান Webflow ডিজাইনে যোগাযোগ বা অ্যাপয়েন্টমেন্ট যোগ করুন। একটি কাজ বেছে নিন এবং Cenaly.com-এ উইজেট কনফিগার করুন, তারপর সাইট বা পেজের স্তরে কোড যোগ করুন। নিচে custom code-এ প্রবেশের শর্তাবলি এবং consent-এর জন্য আলাদা নির্দেশনা দেওয়া আছে।
কার্ড ছাড়াই · নিবন্ধন এক মিনিট, ট্যাগ আরও একটি · সেটিংসের পরিবর্তন ৫ মিনিটে সাইটে পৌঁছে যায়
প্রয়োজনীয় উইজেট বেছে নিন এবং অ্যাকাউন্টে এটি কনফিগার করুন। সাধারণ উইজেটগুলি একটি সাধারণ ট্যাগ ব্যবহার করে; consent এবং অ্যানালিটিক্সের জন্য আলাদা ইনস্টলেশন ক্রম গুরুত্বপূর্ণ।
একটি ফ্লোটিং বাটন: WhatsApp, Telegram, কল, চ্যাট — ১২টি পর্যন্ত চ্যানেল
উদাহরণ ও সম্ভাবনাগুলো দেখুন →বিনামূল্যে
এই উইজেটটি কনফিগার করুনআপনার সময়সূচি অনুযায়ী অ্যাপয়েন্টমেন্ট: গ্রাহক নিজেই সেবা, বিশেষজ্ঞ ও খালি সময় বেছে নেন
উদাহরণ ও সম্ভাবনাগুলো দেখুন →বিনামূল্যে
এই উইজেটটি কনফিগার করুনদর্শকদের সঙ্গে লাইভ চ্যাট — আপনার কর্মীরা কাজের চ্যাট থেকে উত্তর দেন
উদাহরণ ও সম্ভাবনাগুলো দেখুন →বিনামূল্যে
এই উইজেটটি কনফিগার করুনকলব্যাক অনুরোধের ফর্ম; সংযুক্ত PBX থাকলে — স্বয়ংক্রিয় ডায়াল
উদাহরণ ও সম্ভাবনাগুলো দেখুন →বিনামূল্যে
এই উইজেটটি কনফিগার করুন“কল করুন” বোতাম — আপনার PBX-এর মাধ্যমে সাইট থেকে কথা বলা, অতিথির জন্য কোনো নম্বর বা অ্যাপ ছাড়াই
উদাহরণ ও সম্ভাবনাগুলো দেখুন →বিনামূল্যে
এই উইজেটটি কনফিগার করুনপপ-আপ, এমবেড করা ফর্ম, কুপন ও কুইজ — প্রদর্শনের শর্ত ও A/B সহ
উদাহরণ ও সম্ভাবনাগুলো দেখুন →$9/মাস
এই উইজেটটি কনফিগার করুনআপনার অ্যাকাউন্টের অর্ডার, বুকিং, অ্যাপয়েন্টমেন্ট ও রেটিংয়ের সংখ্যা সম্বলিত ব্যাজ
উদাহরণ ও সম্ভাবনাগুলো দেখুন →বিনামূল্যে
এই উইজেটটি কনফিগার করুনসাইটের কোণে আপনার মেনুর রিলসহ সার্কেল: ক্লিক করলে — শব্দসহ ভিডিও এবং “অর্ডার করুন” বোতাম
উদাহরণ ও সম্ভাবনাগুলো দেখুন →বিনামূল্যে
এই উইজেটটি কনফিগার করুন“বুক করুন” বোতাম → একটি ফর্ম → আপনার “টেবিল” বিভাগে অনুরোধ
উদাহরণ ও সম্ভাবনাগুলো দেখুন →$9/মাস
এই উইজেটটি কনফিগার করুনঅর্ডার বোতামটি আপনার তৈরি ওয়েবসাইটের উপরে আপনার স্টোরফ্রন্ট খুলে দেয়
উদাহরণ ও সম্ভাবনাগুলো দেখুন →বিনামূল্যে
এই উইজেটটি কনফিগার করুন«?» বোতাম → আপনার নিবন্ধ, অনুসন্ধান ও «সহায়ক হয়েছে» রেটিংসহ সাইড প্যানেল
উদাহরণ ও সম্ভাবনাগুলো দেখুন →$19/মাস
এই উইজেটটি কনফিগার করুনগোপনীয়তা নীতি, চুক্তি, ফেরত, কুকিজ, ডেলিভারি — আপনার তথ্য অনুযায়ী তৈরি ও সাইটে এমবেড করা
উদাহরণ ও সম্ভাবনাগুলো দেখুন →$9/মাস
এই উইজেটটি কনফিগার করুনট্র্যাকার স্বয়ংক্রিয় ব্লকিং ও Google Consent Mode v2 সহ কুকিজের জন্য সম্মত
উদাহরণ ও সম্ভাবনাগুলো দেখুন →বিনামূল্যে
এই উইজেটটি কনফিগার করুননির্বাচিত উইজেট এবং প্ল্যাটফর্ম নিবন্ধনের সময় সংরক্ষিত হবে। এরপর অ্যাকাউন্টে উইজেটটি কনফিগার করুন। Webflow-এর জন্য এই নির্দেশনাটি খোলা রাখুন: কনফিগার করার পরে নিচের ইনস্টলেশন ধাপগুলিতে ফিরে যান।
প্ল্যাটফর্মের পেইড পরিকল্পনা প্রয়োজন
একটি সক্রিয় Site plan অথবা Workspace Core, Growth, Agency বা Freelancer প্রয়োজন।
Webflow-এর অফিসিয়াল ডকুমেন্টেশন অনুযায়ী সক্রিয় Site plan বা তালিকাভুক্ত কোনো Workspace থাকলে Site managers ও Designers-এর জন্য custom code অনুমোদিত। পেইড Site plan একমাত্র পথ নয়।
webflow.io ঠিকানা নিজে থেকে বলে না কোড এমবেড করা সম্ভব কি না: Workspace, অনুমতি ও প্রজেক্ট সেটিংস যাচাই করুন। নিজস্ব ডোমেইন সংযুক্ত করা এবং CMS-এর সুবিধার নিজস্ব পরিকল্পনা-শর্ত রয়েছে।
এই পৃষ্ঠার মেনু আইটেম ও প্ল্যানের শর্তাবলি এসেছে অফিসিয়াল সহায়িকা থেকে:
প্ল্যাটফর্মের তথ্যসূত্রের সাথে 2026-09-22 তারিখে মিলিয়ে দেখা হয়েছে
সাধারণ উইজেট: চ্যাট, যোগাযোগের বোতাম, অ্যাপয়েন্টমেন্ট
<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>সাধারণ উইজেটের জন্য একটি উদাহরণ ট্যাগ। আপনার কোডটি অ্যাকাউন্ট থেকে নিন; এটি ডেমো ডোমেইন দিয়ে প্রতিস্থাপন করার প্রয়োজন নেই। অ্যানালিটিক্স ব্লক করতে নিচের আলাদা নির্দেশনা ব্যবহার করুন। Cookie-ব্যানার এবং অ্যানালিটিক্স: আলাদা পদ্ধতি →
Cenaly.com অ্যাকাউন্টে: অ্যাডমিন প্যানেল → মার্কেটিং → “আমার সাইট”। প্রথম ঘরে সাইটের ঠিকানা লিখুন এবং ট্যাগের লাইনটি কপি করুন।
Webflow-এ: সংশ্লিষ্ট প্রকল্পের Site settings (সাইট সেটিংস)।
Custom code ট্যাবে দুটি ফিল্ড আছে: Head code (head-এর ভিতরে) এবং Footer code (ক্লোজিং body-এর আগে)।
Head code-এ লাইনটি পেস্ট করুন এবং সংরক্ষণ করুন। এই ফিল্ডে html, head এবং body ট্যাগ যোগ করার প্রয়োজন নেই — শুধু স্ক্রিপ্টটি।
Publish চাপুন: Webflow-এর সহায়িকায় আলাদাভাবে উল্লেখ আছে যে নিজের কোডের প্রভাব প্রকাশের পর লাইভ সাইটে দেখা যায়।
প্রকাশিত সাইট খুলুন এবং «আমার সাইট» → «ইনস্টলেশন যাচাই করুন»-এ ফিরে যান।
শুধু একটি পেজে উইজেট দরকার হলে — Webflow-এর পেজগুলোর পেজ সেটিংসে কোডের জন্য নিজস্ব ফিল্ড থাকে।
কঠোর opt-in-এর জন্য cookie-ব্যানারের সেটিংস থেকে আলাদা consent ট্যাগ নিন এবং head-এ প্রথম স্ক্রিপ্ট হিসেবে রাখুন, async ও defer ছাড়া, অ্যানালিটিক্স ও বিজ্ঞাপনের আগে। সাধারণ async ট্যাগ সম্মতির আগে ব্লকিং নিশ্চিত করে না।
<script src="https://cdn.cenaly.com/consent/v1.js" data-domain="your-site.com"></script>থিমের কোড, প্লাগইন, GTM এবং প্ল্যাটফর্মের বিল্ট-ইন ইন্টিগ্রেশন বিবেচনায় নিন। যদি প্ল্যাটফর্ম এগুলোর আগে consent বসানোর সুযোগ না দেয়, তবে একটি বাহ্যিক ট্যাগ যথেষ্ট নয়: ইন্টিগ্রেশনেই সম্মতি কনফিগার করুন।
opt-in-এর ক্ষেত্রে পরিচিত ট্র্যাকারগুলো ব্লক করা হয়, আর অজানা স্ক্রিপ্টগুলো CMP-এর নির্দেশনা অনুযায়ী হাতে চিহ্নিত করতে হয়। ইতিমধ্যে সম্পাদিত কোড, সার্ভার-সাইড Set-Cookie এবং service workers ট্যাগ থামায় না।
প্রকাশিত সাইটে একটি পরিষ্কার সেশন ও Network খুলুন: পছন্দ করার আগে এবং প্রত্যাখ্যানের পরে যেসব ট্র্যাকার ব্লক হওয়া উচিত, সেগুলোর কোনো অনুরোধ নেই কি না দেখুন। তারপর প্রয়োজনীয় ক্যাটাগরি গ্রহণ করুন, চালু হওয়া এবং সিদ্ধান্ত পরিবর্তন যাচাই করুন। দৃশ্যমান ব্যানার এবং HTML দিয়ে ইনস্টলেশন পরীক্ষা করলে ব্লকিং প্রমাণ হয় না।
বিল্ডারগুলিতে সম্পাদনা ড্রাফটে থাকে: পৃষ্ঠাগুলি আবার প্রকাশ না করা পর্যন্ত লাইভ সাইটে ট্যাগটি থাকবে না।
অ্যাডমিন প্যানেল → মার্কেটিং → «আমার সাইট»। প্রথম ফিল্ডে — আপনার সাইটের ঠিকানা, পাশে — «ইনস্টলেশন পরীক্ষা করুন»।
পরীক্ষাটি পৃষ্ঠার মূল HTML পড়ে এবং পাওয়া উইজেটগুলি দেখায়। Google Tag Manager-এর মাধ্যমে বসানো ট্যাগ এটি দেখতে পাবে না — এটি পরীক্ষার সীমাবদ্ধতা, ইনস্টলেশনের নয়।
ইনস্টলেশন ত্রুটির বিশ্লেষণ — সহায়তায় ইনস্টল করার নির্দেশনা →
Webflow preview/comment-এ custom code সমর্থন করে, কিন্তু expand canvas-এ নয়। দর্শকরা প্রকাশের পর পরিবর্তন দেখবেন; চূড়ান্ত যাচাই প্রকাশিত ঠিকানায় করুন।
সাধারণ Head code সাইট-স্তরে ট্যাগ যোগ করে। যদি শুধু একটি URL দরকার হয়, পেজ সেটিংস ব্যবহার করুন এবং সেখানে ইতিমধ্যে বসানো সাধারণ ট্যাগ ডুপ্লিকেট করবেন না।
উইজেট Webflow-এর ফর্মগুলোকে Cenaly.com-এর সাথে স্বয়ংক্রিয়ভাবে সংযুক্ত করে না। Shadow DOM স্টাইল আলাদা রাখে, তবে অ্যানিমেশন, বোতামের ক্লিকযোগ্যতা ও ওভারল্যাপ আপনার সাইটে যাচাই করা প্রয়োজন।
যে কনটেইনার ইতিমধ্যে ট্র্যাকার চালু করেছে তার পরে consent বসাবেন না। GTM-এর মাধ্যমে সাধারণ ট্যাগের ক্ষেত্রে সার্ভার-সাইড HTML যাচাই ইনস্টলেশন নিশ্চিত করে না — প্রকাশিত পেজে উইজেট যাচাই করুন।
না, Webflow-এর শর্ত অনুযায়ী Core, Growth, Agency বা Freelancer Workspace-এর মাধ্যমেও custom code পাওয়া যায়। Site manager/Designer অনুমতি এবং নির্দিষ্ট প্রজেক্টে ফিল্ডে প্রবেশাধিকার যাচাই করুন।
সাধারণ ট্যাগ Head code-এ যোগ করা যায়; এটি html/head/body ট্যাগ দিয়ে ঘিরবেন না। সম্মতির আগে ব্লকিংসহ consent-এর জন্য ট্র্যাকারগুলোর আগে head-এ আলাদা প্রথম স্ক্রিপ্ট প্রয়োজন।
Custom code expand canvas-এ কাজ করে না। Preview/comment এটি সমর্থন করে, তবে পরিবর্তন এখনও প্রকাশ করতে হবে। উইজেট চালু আছে কি না এবং সাইটের চূড়ান্ত ঠিকানা যাচাই করুন।
স্টাইল আলাদা রাখা যেকোনো স্ক্রিপ্টের সাথে সামঞ্জস্যের নিশ্চয়তা দেয় না। সব পেজে উইজেট ছড়ানোর আগে ইন্টারঅ্যাকশন, ফর্ম ও মোবাইল স্ক্রিন যাচাই করুন।
সাইটের সাধারণ কোড কালেকশন পেজেও প্রযোজ্য। এমন একটি পেজের প্রকাশিত উদাহরণ দেখে নিন এবং তার টেমপ্লেটে ট্যাগটি ডুপ্লিকেট করবেন না।
সম্মতির আগে ট্র্যাকার ব্লক করার জন্য head-এ প্রথমে async/defer ছাড়া আলাদা consent/v1.js প্রয়োজন। নির্বাচনের আগে, প্রত্যাখ্যানের পরে এবং গ্রহণের পরে লোডিং পরীক্ষা করুন। প্ল্যাটফর্মের অন্তর্নির্মিত অ্যানালিটিক্সের জন্য আলাদা কনফিগারেশন প্রয়োজন হতে পারে; ব্যানার দেখা যাওয়া আইন মেনে চলার নিশ্চয়তা দেয় না।
আরও বিস্তারিত — প্ল্যাটফর্মভিত্তিক ইনস্টলেশন, কনফিগারেশন ও সমস্যা সমাধান — সহায়িকা অংশে। ইনস্টল করার নির্দেশনা →
একই উইজেট — ভিন্ন মেনু আইটেম।
custom code-এ অ্যাক্সেস আছে কি না দেখে নিন, একটি উইজেট বেছে নিন এবং সেটি কনফিগার করুন। প্রকাশের পর একটি সাধারণ পেজ ও একটি কালেকশন পেজ পরীক্ষা করুন।
উইজেট নির্বাচন করুনকার্ড ছাড়াই · নিবন্ধন এক মিনিট, ট্যাগ আরও একটি · সেটিংসের পরিবর্তন ৫ মিনিটে সাইটে পৌঁছে যায়