Calendly: اپنی ویب سائٹ یا ورڈپریس سائٹ میں شیڈولنگ پاپ اپ یا ایمبیڈڈ کیلنڈر کو ایمبیڈ کرنے کا طریقہ

Calendly شیڈولنگ ویجیٹ

چند ہفتے پہلے، میں ایک سائٹ پر تھا اور میں نے دیکھا کہ جب میں نے ان کے ساتھ ملاقات کا وقت طے کرنے کے لیے ایک لنک پر کلک کیا کہ مجھے کسی منزل کی سائٹ پر نہیں لایا گیا، وہاں ایک ویجیٹ تھا جس نے کیلنڈر شیڈولر براہ راست ایک پاپ اپ ونڈو میں۔ یہ ایک بہترین ٹول ہے… کسی کو اپنی سائٹ پر رکھنا انہیں کسی بیرونی صفحہ پر بھیجنے سے کہیں بہتر تجربہ ہے۔

Calendly کیا ہے؟

کیلنڈر آپ کے ساتھ براہ راست ضم ہوتا ہے۔ گوگل ورک اسپیس یا دوسرے کیلنڈرنگ سسٹم کو شیڈولنگ فارمز بنانے کے لیے جو خوبصورت اور استعمال میں آسان دونوں ہیں۔ سب سے اچھی بات یہ ہے کہ آپ اس وقت کو بھی محدود کر سکتے ہیں جب آپ کسی کو اپنے کیلنڈر پر آپ سے رابطہ کرنے دیں۔ مثال کے طور پر، میرے پاس اکثر بیرونی ملاقاتوں کے لیے مخصوص دنوں میں صرف چند گھنٹے دستیاب ہوتے ہیں۔

اس طرح کا شیڈیولر استعمال کرنا بھی صرف فارم بھرنے سے کہیں بہتر تجربہ ہے۔ میرے لئے ڈیجیٹل ٹرانسفارمیشن کنسلٹنگ فرم، ہمارے پاس گروپ سیلز ایونٹس ہیں جہاں قیادت کی ٹیم میٹنگ میں ہے۔ ہم اپنے ویب میٹنگ پلیٹ فارم کو Calendly سے بھی مربوط کرتے ہیں تاکہ کیلنڈر کے دعوت نامے میں تمام آن لائن میٹنگ کے لنکس شامل ہوں۔

Calendly نے ایک ویجیٹ اسکرپٹ اور اسٹائل شیٹ کا آغاز کیا ہے جو شیڈولنگ فارم کو براہ راست کسی صفحہ میں سرایت کرنے، بٹن سے کھولنے، یا آپ کی سائٹ کے فوٹر میں تیرتے ہوئے بٹن سے بھی بہت اچھا کام کرتا ہے۔ Calendly کے لیے اسکرپٹ اچھی طرح سے لکھا گیا ہے، لیکن اسے آپ کی سائٹ میں ضم کرنے کے لیے دستاویزات بالکل بھی اچھی نہیں ہیں۔ درحقیقت، میں حیران ہوں کہ کیلینڈلی نے ابھی تک مختلف پلیٹ فارمز کے لیے اپنا پلگ ان یا ایپس شائع کرنا ہے۔

یہ ناقابل یقین حد تک مفید ہے۔ چاہے آپ گھریلو خدمات میں ہوں اور اپنے صارفین کو ان کی ملاقات کا وقت مقرر کرنے کے لیے ایک ذریعہ فراہم کرنا چاہتے ہیں، ایک کتے کی سیر کرنے والا، ایک SaaS کمپنی جو کہ مہمانوں کو ڈیمو شیڈول کرنا چاہتی ہے، یا ایک بڑی کارپوریشن جس میں متعدد اراکین کی ضرورت ہے آپ کو آسانی سے شیڈول کرنے کی ضرورت ہے… Calendly اور ایمبیڈ ویجٹس ایک بہترین سیلف سروس ٹول ہیں۔

اپنی سائٹ میں کیلنڈلی ایمبیڈ کرنے کا طریقہ

عجیب بات ہے، آپ کو صرف ان ایمبیڈ پر ڈائریکشنز ملیں گی۔ واقعہ کی قسم سطح اور نہ کہ آپ کے Calendly اکاؤنٹ میں واقعہ کی اصل سطح۔ آپ کو اوپری دائیں جانب ایونٹ کی قسم کی ترتیبات کے لیے ڈراپ ڈاؤن میں کوڈ ملے گا۔

calendly سرایت

اس پر کلک کرنے کے بعد، آپ کو ایمبیڈز کی اقسام کے اختیارات نظر آئیں گے:

پاپ اپ ٹیکسٹ ایمبیڈ کریں۔

اگر آپ کوڈ پکڑ لیتے ہیں اور اپنی سائٹ پر جہاں چاہیں ایمبیڈ کرتے ہیں، تو کچھ مسائل ہیں۔

  • اگر آپ ایک صفحے پر کچھ مختلف ویجٹ کو کال کرنا چاہتے ہیں… شاید آپ کے پاس ایک بٹن ہو جو شیڈولر (پاپ اپ ٹیکسٹ) کے ساتھ ساتھ فوٹر بٹن (پاپ اپ ویجیٹ) کو لانچ کرے… آپ اسٹائل شیٹ اور اسکرپٹ کو جوڑے کو شامل کرنے جا رہے ہیں۔ اوقات کے یہ غیر ضروری ہے۔
  • اپنی سائٹ میں ایک بیرونی اسکرپٹ اور اسٹائل شیٹ فائل کو ان لائن کال کرنا آپ کی سائٹ میں سروس شامل کرنے کا بہترین ذریعہ نہیں ہے۔

میری سفارش یہ ہوگی کہ آپ اپنے ہیڈر میں اسٹائل شیٹ اور جاوا اسکرپٹ کو لوڈ کریں… پھر دوسرے ویجٹس کا استعمال کریں جہاں وہ آپ کی پوری سائٹ پر معنی رکھتے ہوں۔

کیلنڈلی کے وجیٹس کیسے کام کرتے ہیں۔

کیلنڈر دو فائلیں ہیں جو آپ کی سائٹ میں سرایت کرنے کے لیے درکار ہیں، ایک اسٹائل شیٹ اور جاوا اسکرپٹ۔ اگر آپ ان کو اپنی سائٹ میں داخل کرنے جا رہے ہیں، تو میں آپ کے HTML کے ہیڈ سیکشن میں درج ذیل کو شامل کروں گا:

<link href="https://calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://calendly.com/assets/external/widget.js" type="text/javascript"></script>

تاہم، اگر آپ ورڈپریس میں ہیں، تو بہترین عمل یہ ہوگا کہ آپ اپنے functions.php ورڈپریس کے بہترین طریقوں کو استعمال کرتے ہوئے اسکرپٹ داخل کرنے کے لیے فائل۔ لہذا، میرے چائلڈ تھیم میں، اسٹائل شیٹ اور اسکرپٹ کو لوڈ کرنے کے لیے میرے پاس کوڈ کی درج ذیل لائنیں ہیں:

wp_enqueue_script('calendly-script', '//assets.calendly.com/assets/external/widget.js', array(), null, true);
wp_enqueue_style('calendly-style', '//assets.calendly.com/assets/external/widget.css' );

یہ ان کو لوڈ کرنے والا ہے (اور ان کو کیش) میری پوری سائٹ پر۔ اب میں ویجٹ استعمال کر سکتا ہوں جہاں میں انہیں چاہوں گا۔

کیلینڈلی کا فوٹر بٹن

میں اپنی سائٹ پر ایونٹ کی قسم کے بجائے مخصوص ایونٹ کو کال کرنا چاہتا ہوں، اس لیے میں اپنے فوٹر میں درج ذیل اسکرپٹ لوڈ کر رہا ہوں:

<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/highbridge-team/sales', text: 'Schedule a Consultation', color: '#0069ff', textColor: '#ffffff', branding: false }); }</script>

آپ دیکھیں گے کیلنڈر اسکرپٹ اس طرح ٹوٹ جاتا ہے:

  • URL - بالکل وہی واقعہ جسے میں اپنے ویجیٹ میں لوڈ کرنا چاہتا ہوں۔
  • متن - وہ متن جو میں بٹن کے پاس رکھنا چاہتا ہوں۔
  • رنگ - بٹن کا پس منظر کا رنگ۔
  • متن کا رنگ - متن کا رنگ۔
  • برانڈ - کیلینڈلی برانڈنگ کو ہٹانا۔

کیلینڈلی کا ٹیکسٹ پاپ اپ

میں یہ بھی چاہتا ہوں کہ یہ لنک یا بٹن کا استعمال کرکے اپنی پوری سائٹ پر دستیاب ہو۔ ایسا کرنے کے لیے، آپ اپنے میں ایک onClick ایونٹ کا استعمال کرتے ہیں۔ کیلنڈر لنگر متن. میرے پاس بٹن کے بطور ڈسپلے کرنے کے لیے اضافی کلاسز ہیں (ذیل کی مثال میں نہیں دیکھا گیا):

<a href="#" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/highbridge-team/sales'});return false;">Schedule time with us</a>

اس پیغام کو ایک صفحے پر متعدد پیشکشوں کے لیے استعمال کیا جا سکتا ہے۔ شاید آپ کے پاس 3 قسم کے ایونٹس ہیں جنہیں آپ ایمبیڈ کرنا چاہتے ہیں… صرف مناسب منزل کے لیے URL میں ترمیم کریں اور یہ کام کرے گا۔

کیلینڈلی کا ان لائن ایمبیڈ پاپ اپ

ان لائن ایمبیڈ تھوڑا مختلف ہے کیونکہ یہ ایک div کا استعمال کرتا ہے جسے خاص طور پر کلاس اور منزل کے ذریعہ بلایا جاتا ہے۔

<div class="calendly-inline-widget" data-url="https://calendly.com/highbridge-team/sales" style="min-width:320px;height:630px;"></div>

ایک بار پھر، یہ مفید ہے کیونکہ آپ ہر ایک کے ساتھ ایک سے زیادہ divs رکھ سکتے ہیں۔ کیلنڈر شیڈولر ایک ہی صفحے میں۔

ضمنی نوٹ: میری خواہش ہے کہ کیلنڈلی اس طرح سے ترمیم کرے جس طرح اس کو نافذ کیا گیا تھا لہذا اسے اتنا تکنیکی ہونا ضروری نہیں تھا۔ یہ بہت اچھا ہوگا اگر آپ صرف ایک کلاس لے سکیں اور پھر ویجیٹ کو لوڈ کرنے کے لیے destination href کا استعمال کریں۔ اس کے لیے مواد کے انتظام کے نظاموں میں کم براہ راست کوڈنگ کی ضرورت ہوگی۔ لیکن… یہ ایک بہترین ٹول ہے (ابھی کے لیے!) مثال کے طور پر - شارٹ کوڈز والا ورڈپریس پلگ ان ورڈپریس ماحول کے لیے مثالی ہوگا۔ اگر آپ دلچسپی رکھتے ہیں، Calendly… میں آپ کے لیے اسے آسانی سے بنا سکتا ہوں!

Calendly کے ساتھ شروع کریں۔

اعلان دستبرداری: میں Calendly کا صارف ہوں اور ان کے سسٹم سے وابستہ بھی ہوں۔ اس مضمون کے پورے مضمون میں ملحقہ روابط ہیں۔