Calendly: توهان جي ويب سائيٽ يا ورڈپریس سائيٽ ۾ هڪ شيڊولنگ پاپ اپ يا ايمبيڊ ٿيل ڪئلينڊر کي ڪيئن شامل ڪيو وڃي

Calendly Scheduling Widget

ڪجهه هفتا اڳ، مان هڪ سائيٽ تي هئس ۽ محسوس ڪيو جڏهن مون انهن سان ملاقات جو وقت مقرر ڪرڻ لاءِ هڪ لنڪ تي ڪلڪ ڪيو ته مون کي ڪنهن منزل واري سائيٽ تي نه آندو ويو هو، اتي هڪ ويجيٽ هو جنهن شايع ڪيو. آخرڪار شيڊولر سڌو سنئون پاپ اپ ونڊو ۾. هي هڪ بهترين اوزار آهي... ڪنهن کي پنهنجي سائيٽ تي رکڻ انهن کي ٻاهرين صفحي ڏانهن اڳتي وڌڻ کان وڌيڪ بهتر تجربو آهي.

Calendly ڇا آهي؟

آخرڪار سڌو سنئون توهان سان گڏ گوگل ڪم جي جڳھ يا ٻيو ڪئلينڊر سسٽم ٺاهڻ لاءِ شيڊولنگ فارم جيڪي خوبصورت ۽ استعمال ۾ آسان آهن. سڀ کان وڌيڪ، توهان ان وقت کي به محدود ڪري سگهو ٿا جيڪو توهان ڪنهن کي توهان جي ڪئلينڊر تي توهان سان ڳنڍڻ ڏيو. مثال جي طور تي، مون وٽ اڪثر ٻه ڪلاڪ موجود هوندا آهن خاص ڏينهن تي ٻاهرين گڏجاڻين لاءِ.

هن وانگر هڪ شيڊولر استعمال ڪرڻ پڻ هڪ بهتر تجربو آهي صرف هڪ فارم ڀرڻ کان. مون لاء ڊجيٽل تبديلي صلاحڪار فرم، اسان وٽ گروپ سيلز واقعا آهن جتي قيادت ٽيم گڏجاڻي تي آهي. اسان پڻ پنھنجي ويب ميٽنگ پليٽ فارم کي Calendly ۾ ضم ڪريون ٿا ته جيئن ڪئلينڊر جي دعوتن ۾ سڀ آن لائين ميٽنگ جون لنڪس شامل آھن.

Calendly هڪ ويجيٽ اسڪرپٽ ۽ اسٽائل شيٽ شروع ڪئي آهي جيڪا شيڊولنگ فارم کي سڌو سنئون صفحي ۾ شامل ڪرڻ ۾ هڪ بهترين ڪم ڪري ٿي، هڪ بٽڻ کان کوليو ويو آهي، يا توهان جي سائيٽ جي فوٽر ۾ هڪ سچل بٽڻ کان به. Calendly لاءِ اسڪرپٽ سٺو لکيو ويو آهي، پر ان کي توهان جي سائيٽ ۾ ضم ڪرڻ لاءِ دستاويز تمام سٺو ناهي. حقيقت ۾، مان حيران آهيان ته Calendly اڃا تائين مختلف پليٽ فارمن لاء پنهنجون پلگ ان يا ايپس شايع ڪرڻ لاء آهن.

هي ناقابل يقين حد تائين مفيد آهي. ڇا توهان گهر جي خدمتن ۾ آهيو ۽ توهان جي گراهڪن لاءِ هڪ وسيلو مهيا ڪرڻ چاهيو ٿا انهن جي ملاقات جو وقت مقرر ڪرڻ لاءِ، هڪ ڪتو هلائيندڙ، هڪ SaaS ڪمپني جيڪا چاهي ٿي گهمڻ وارا هڪ ڊيمو شيڊول ڪن، يا هڪ وڏي ڪارپوريشن جنهن جي گهڻن ميمبرن سان توهان کي آساني سان شيڊول ڪرڻ جي ضرورت آهي… Calendly ۽ ايمبيڊ ويجٽ هڪ بهترين خود-خدمت وارو اوزار آهن.

توهان جي سائيٽ ۾ ڪئلينڊر کي ڪيئن شامل ڪيو وڃي

حيرت انگيز طور تي، توهان صرف انهن ايمبيڊ تي هدايتون ڳوليندا واقعي جو قسم سطح ۽ نه واقعي واقعي جي سطح توهان جي Calendly اڪائونٽ ۾. توھان کي ڪوڊ ملندو ڊراپ ڊائون ۾ ايونٽ جي قسم جي سيٽنگن لاءِ مٿي ساڄي پاسي.

calendly لڳل

هڪ دفعو توهان ان تي ڪلڪ ڪندا، توهان کي اختيارن جي قسمن جا اختيار نظر ايندا:

پاپ اپ ٽيڪسٽ شامل ڪريو

جيڪڏهن توهان ڪوڊ پڪڙيو ۽ ان کي شامل ڪيو جتي توهان چاهيو ٿا توهان جي سائيٽ تي، اتي ڪجھ مسئلا آهن.

  • جيڪڏھن توھان چاھيو ٿا ڪال ڪريو ڪجھ مختلف ويجيٽس ھڪڙي ھڪڙي صفحي تي... شايد توھان وٽ ھڪڙو بٽڻ ھجي جيڪو شيڊولر (پاپ اپ ٽيڪسٽ) ۽ گڏوگڏ فوٽر بٽڻ (پاپ اپ ويجيٽ) کي لانچ ڪري... توھان کي شامل ڪرڻ وارا آھيو اسٽائل شيٽ ۽ اسڪرپٽ ھڪڙي جوڙو ڀيرا. اهو غير ضروري آهي.
  • توهان جي سائيٽ ۾ هڪ خارجي اسڪرپٽ ۽ اسٽائل شيٽ فائل ان لائن کي ڪال ڪرڻ توهان جي سائيٽ تي خدمت شامل ڪرڻ جو بهترين طريقو ناهي.

منهنجي سفارش هوندي ته لوڊ ڪريو اسٽائل شيٽ ۽ جاوا اسڪرپٽ توهان جي هيڊر ۾… پوءِ استعمال ڪريو ٻيا ويجٽ جتي اهي توهان جي پوري سائيٽ تي سمجهه ۾ اچن.

ڪيئن Calendly's Widgets ڪم

آخرڪار ٻه فائلون آهن جيڪي توهان جي سائيٽ ۾ شامل ٿيڻ جي ضرورت هونديون آهن، هڪ اسٽائل شيٽ ۽ جاوا اسڪرپٽ. جيڪڏھن توھان انھن کي پنھنجي سائيٽ ۾ داخل ڪرڻ وارا آھيو، مان توھان جي 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' );

اھو انھن کي لوڊ ڪرڻ وارو آھي (۽ انھن کي ڪيش) منھنجي سائيٽ تي. ھاڻي مان انھن کي استعمال ڪري سگھان ٿو جتي مان انھن کي پسند ڪريان.

Calendly جي فوٽر بٽڻ

مان پنهنجي سائيٽ تي واقعي جي قسم جي بجاءِ مخصوص واقعي کي سڏڻ چاهيان ٿو، تنهنڪري مان پنهنجي فوٽر ۾ هيٺ ڏنل اسڪرپٽ لوڊ ڪري رهيو آهيان:

<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 جو - صحيح واقعي جيڪو آئون لوڊ ڪرڻ چاهيان ٿو منهنجي ويجيٽ ۾.
  • متن - متن جنهن کي مان چاهيان ٿو ته بٽڻ هجي.
  • رنگ - بٽڻ جو پس منظر رنگ.
  • متن جو رنگ - متن جو رنگ.
  • سرف - Calendly branding کي هٽائڻ.

Calendly جي ٽيڪسٽ پاپ اپ

مان پڻ چاهيان ٿو ته هي دستياب منهنجي سائيٽ تي لنڪ يا بٽڻ استعمال ڪندي. هن کي ڪرڻ لاء، توهان استعمال ڪريو هڪ onClick واقعي ۾ توهان جي آخرڪار لنگر متن. مون وٽ اضافي ڪلاس آھن ان کي بٽڻ طور ڏيکارڻ لاءِ (هيٺ ڏنل مثال ۾ نه ڏٺو ويو):

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

ھي پيغام استعمال ڪري سگھجي ٿو ھڪڙي ھڪڙي صفحي تي گھڻن پيشيون ڪرڻ لاء. شايد توھان وٽ آھن 3 قسم جا واقعا جيڪي توھان شامل ڪرڻ چاھيو ٿا... صرف مناسب منزل لاءِ URL کي تبديل ڪريو ۽ اھو ڪم ڪندو.

Calendly's Inline Embed Popup

ان لائن ايمبيڊ ٿورڙو مختلف آهي جنهن ۾ اهو هڪ ڊيو استعمال ڪري ٿو جيڪو خاص طور تي ڪلاس ۽ منزل طرفان سڏيو ويندو آهي.

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

ٻيهر، اهو ڪارائتو آهي ڇو ته توهان وٽ هر هڪ سان ڪيترائي ڊويزن هوندا آخرڪار ساڳئي صفحي ۾ شيڊولر.

پاسي جو نوٽ: مان چاهيان ٿو ته ڪئلينڊر ۾ تبديل ٿيل طريقي سان اهو عمل ڪيو ويو آهي، تنهنڪري اهو ايترو ٽيڪنيڪل نه هجڻ گهرجي. اهو تمام سٺو ٿيندو جيڪڏهن توهان صرف هڪ ڪلاس حاصل ڪري سگهو ٿا ۽ پوءِ ويجيٽ لوڊ ڪرڻ لاءِ منزل href استعمال ڪيو. انهي کي مواد مينيجمينٽ سسٽم ۾ گهٽ سڌي ڪوڊنگ جي ضرورت هوندي. پر... اهو هڪ بهترين اوزار آهي (هاڻي لاءِ!). مثال طور - هڪ ورڈپریس پلگ ان شارٽ ڪوڊس سان گڏ هڪ ورڈپریس ماحول لاءِ مثالي هوندو. جيڪڏهن توهان دلچسپي رکو ٿا، Calendly… مان توهان لاءِ آساني سان ٺاهي سگهان ٿو!

Calendly سان شروع ڪريو

رد ڪرڻ: مان Calendly جو استعمال ڪندڙ آهيان ۽ انهن جي سسٽم لاءِ هڪ الحاق پڻ آهيان. هي آرٽيڪل سڄي مضمون ۾ لاڳاپيل لنڪس آهي.