এমবেড ও শেয়ারিং
আপনার ইভেন্ট টাইপ একবার সেট হলে, বুক হওয়া পুরোটাই আপনার পেজকে মানুষের সামনে আনার ব্যাপার। আপনি যেকোনো জায়গায় একটি সরল লিঙ্ক শেয়ার করতে পারেন, অথবা আপনার নিজের ওয়েবসাইটের ভেতরেই আপনার বুকিং পেজ এমবেড করতে পারেন।
একটি লিঙ্ক শেয়ার করুন
প্রতিটি ইভেন্ট টাইপের নিজস্ব লিঙ্ক রয়েছে, যা আপনার হ্যান্ডেল এবং ইভেন্ট স্লাগ থেকে তৈরি — উদাহরণস্বরূপ calendar.imatic.ai/book/priya/intro-call।
১. ইভেন্ট টাইপটি খুলুন (অথবা আপনার তালিকায় এটি খুঁজুন)। ২. Copy link ব্যবহার করুন। ৩. এটি একটি ইমেইল, আপনার ইমেইল স্বাক্ষর, একটি সোশ্যাল বায়ো, একটি চ্যাট বার্তা — যেকোনো জায়গায় পেস্ট করুন।
সেই লিঙ্কটি সেই ইভেন্ট টাইপের জন্য আপনার পাবলিক বুকিং পেজ খোলে।
একটি জেনেরিক পেজের পরিবর্তে আপনি যে মিটিং চান তার নির্দিষ্ট ইভেন্ট-টাইপ লিঙ্ক শেয়ার করুন। "Intro call" লিঙ্ক পাঠানো মানে আমন্ত্রিতরা সরাসরি সঠিক মিটিংয়ে পৌঁছান।
আপনার বুকিং পেজ এমবেড করুন
চান মানুষ আপনার সাইট ছেড়ে না গিয়ে বুক করুক? আপনার বুকিং পেজ ইনলাইন এমবেড করুন, যাতে এটি আপনার পেজের অংশ হিসেবে দেখায়।
imatic Calendar একটি ছোট এমবেড স্ক্রিপ্ট, embed.js সরবরাহ করে। data-user এবং data-event-type দিয়ে এটিকে আপনার হ্যান্ডেল ও ইভেন্ট টাইপের দিকে নির্দেশ করুন, এবং আপনার সাইটের HTML-এ যেখানে বুকিং পেজ দেখাতে চান সেখানে এটি যোগ করুন:
<script
src="https://calendar.imatic.ai/embed.js"
data-user="<your-handle>"
data-event-type="<event-slug>"
data-target="#book-here"
></script>
data-user এবং data-event-type আবশ্যক। ঐচ্ছিক data-target হলো একটি CSS সিলেক্টর যে উপাদানে ইনলাইন ফ্রেমটি মাউন্ট হয়; এটি বাদ দিলে স্ক্রিপ্ট ট্যাগটি যেখানে আছে ফ্রেমটি ঠিক সেখানেই রেন্ডার হয়। স্ক্রিপ্টটি আপনার বুকিং পেজটি একটি ইনলাইন ফ্রেম হিসেবে রেন্ডার করে, এবং এটি রেসপনসিভ — আপনি যেখানেই এটি রাখেন তার প্রস্থে এটি মানিয়ে নেয়।
আপনার হ্যান্ডেল এবং ইভেন্ট টাইপের জন্য পূর্ব-পূরণ করা স্নিপেট কপি করতে আপনার ড্যাশবোর্ডের এমবেড অপশন ব্যবহার করুন, তারপর আপনার সাইটের পেজে যেখানে বুকিং উইজেট দেখাতে চান সেখানে পেস্ট করুন।
এমবেড করার আরও উপায়
ইনলাইন আপনার একমাত্র বিকল্প নয়। একই embed.js স্ক্রিপ্ট কয়েকটি মোড সমর্থন করে — আপনার পেজের সাথে মানানসই একটি বেছে নিন:
- ইনলাইন — বুকিং পেজটি আপনার পেজে একটি কন্টেইনারে বসে (উপরে)।
- পপআপ / মোডাল — একটি বোতাম আপনার পেজের উপরে একটি ওভারলেতে আপনার বুকিং পেজ খোলে, তাই কেউ বুক করতে না চাওয়া পর্যন্ত এটি জায়গা নেয় না।
- ভাসমান ব্যাজ — প্রতিটি পেজের কোণে একটি স্থির "Book a time" পিল, অন্যান্য সাইটে দেখা ব্যাজ উইজেটের মতো।
- যেকোনো উপাদানে ক্লিক করুন — আপনার ইতিমধ্যে থাকা একটি লিঙ্ক বা বোতামে
data-imatic-cal-link="handle/event-type"যোগ করুন, এবং এতে ক্লিক করলে আপনার বুকিং পেজ খোলে। কোনো অতিরিক্ত বোতামের প্রয়োজন নেই।
সমস্ত মোড একটি theme (light বা dark) এবং একটি primaryColor গ্রহণ করে যাতে উইজেটটি আপনার ব্র্যান্ডের সাথে মেলে, এবং দর্শনার্থী প্রবাহের মধ্য দিয়ে এগোনোর সাথে সাথে ইনলাইন ফ্রেমটি এর কন্টেন্টের সাথে মানাতে স্বয়ংক্রিয়ভাবে আকার পরিবর্তন করে।
আপনার পছন্দের মোডের জন্য তৈরি স্নিপেট কপি করতে আপনার ড্যাশবোর্ডের এমবেড/শেয়ার অপশন ব্যবহার করুন — এটি আপনার হ্যান্ডেল, ইভেন্ট টাইপ, এবং অপশনসহ পূর্ব-পূরণ করা থাকে।
পরবর্তী ধাপ
- আপনার পাবলিক বুকিং পেজ — দর্শনার্থীরা এমবেডে যা দেখেন।
- ইভেন্ট টাইপ — প্রতিটি এমবেডের পিছনের লিঙ্ক এবং সেটিংস।
- রাউটিং ফর্ম — দর্শনার্থীরা একটি বুকিং পেজে পৌঁছানোর আগে তাদের যোগ্যতা নির্ধারণ করুন।
- ডেভেলপার — API দিয়ে একটি সম্পূর্ণ কাস্টম বুকিং অভিজ্ঞতা তৈরি করুন।