Calendly- သင့် Website သို့မဟုတ် WordPress Site တွင် အချိန်ဇယားဆွဲခြင်း Popup သို့မဟုတ် Embedded Calendar ကို ထည့်သွင်းနည်း

Calendly Scheduling Widget

လွန်ခဲ့သည့် ရက်သတ္တပတ်အနည်းငယ်က ကျွန်ုပ်သည် ဆိုက်တစ်ခုတွင်ရှိခဲ့ပြီး ၎င်းတို့နှင့် ရက်ချိန်းချိန်းရန် အချိန်ဇယားဆွဲရန် လင့်ခ်တစ်ခုကို နှိပ်လိုက်သောအခါ ကျွန်ုပ်သည် ဦးတည်ရာဆိုက်တစ်ခုသို့ ခေါ်ဆောင်လာခြင်းမဟုတ်ကြောင်း သတိပြုမိသည်၊ လွှင့်တင်ထားသော ဝစ်ဂျက်တစ်ခုရှိခဲ့သည်။ Calendly ပေါ့ပ်အပ်ဝင်းဒိုးတွင် တိုက်ရိုက်အချိန်ဇယားဆွဲပါ။ ဤအရာသည် ကောင်းမွန်သောကိရိယာတစ်ခုဖြစ်သည်… သင့် site ပေါ်တွင်တစ်စုံတစ်ဦးကိုထားရှိခြင်းသည် ၎င်းတို့အား ပြင်ပစာမျက်နှာသို့ပေးပို့ခြင်းထက် များစွာပိုမိုကောင်းမွန်သောအတွေ့အကြုံတစ်ခုဖြစ်သည်။

Calendly ဆိုတာ ဘာလဲ

Calendly သင့်နှင့်တိုက်ရိုက်ပေါင်းစပ်သည်။ Google အလုပ်ခွင် သို့မဟုတ် လှပပြီး အသုံးပြုရလွယ်ကူသော အချိန်ဇယားပုံစံများကို တည်ဆောက်ရန် အခြားသော ပြက္ခဒိန်စနစ်။ အကောင်းဆုံးမှာ၊ သင်သည် သင်၏ပြက္ခဒိန်တွင် တစ်စုံတစ်ဦးကို သင်နှင့်ချိတ်ဆက်ခွင့်ပေးသည့်အချိန်ကိုပင် ကန့်သတ်နိုင်သည်။ ဥပမာအနေဖြင့်၊ ကျွန်ုပ်သည် ပြင်ပအစည်းအဝေးများအတွက် သတ်မှတ်ထားသောရက်များတွင် နာရီအနည်းငယ်သာ ရလေ့ရှိသည်။

ဤကဲ့သို့သော အချိန်ဇယားကို အသုံးပြုခြင်းသည် ဖောင်ဖြည့်ရုံထက် များစွာသာလွန်သော အတွေ့အကြုံတစ်ခုဖြစ်သည်။ ငါ့အတွက် ဒစ်ဂျစ်တယ်အသွင်ပြောင်းအတိုင်ပင်ခံကုမ္ပဏီခေါင်းဆောင်အဖွဲ့အစည်းအဝေးတွင် ကျွန်ုပ်တို့တွင် အုပ်စုအရောင်းပွဲများရှိသည်။ ကျွန်ုပ်တို့သည် ကျွန်ုပ်တို့၏ ဝဘ်အစည်းအဝေးပလပ်ဖောင်းကို Calendly နှင့်လည်း ပေါင်းစပ်ထားသောကြောင့် ပြက္ခဒိန်ဖိတ်ကြားချက်များတွင် အွန်လိုင်းအစည်းအဝေးလင့်ခ်များအားလုံးကို ပါဝင်စေပါသည်။

Calendly သည် စာမျက်နှာတစ်ခုတွင် အချိန်ဇယားဆွဲခြင်းပုံစံကို တိုက်ရိုက်ထည့်သွင်းခြင်း၊ ခလုတ်တစ်ခုမှဖွင့်ခြင်း သို့မဟုတ် သင့်ဆိုက်၏အောက်ခြေရှိ ပေါ်နေသောခလုတ်မှပင် လုပ်ဆောင်နိုင်သည့် ဝစ်ဂျက်စခရစ်နှင့် စတိုင်စာရွက်ကို လွှင့်တင်ထားပါသည်။ Calendly အတွက် ဇာတ်ညွှန်းကို ကောင်းမွန်စွာ ရေးသားထားသော်လည်း ၎င်းကို သင့်ဆိုက်တွင် ပေါင်းစည်းရန် စာရွက်စာတမ်းသည် လုံးဝမကောင်းပါ။ အမှန်တော့၊ Calendly သည် မတူညီသော ပလပ်ဖောင်းများအတွက် ၎င်း၏ကိုယ်ပိုင် plugins သို့မဟုတ် အက်ပ်များကို ထုတ်ဝေခြင်းမရှိသေးသည့်အတွက် အံ့သြမိပါသည်။

ဒါက မယုံနိုင်လောက်အောင် အသုံးဝင်ပါတယ်။ သင်သည် အိမ်တွင်းဝန်ဆောင်မှုများနှင့် သင့်ဖောက်သည်များအတွက် ၎င်းတို့၏ချိန်းဆိုမှုကို အချိန်ဇယားဆွဲလိုသည်ဖြစ်စေ ခွေးခြေလျင်လျှောက်ခြင်း၊ ဧည့်သည်များကို သရုပ်ပြစီစဉ်ပေးစေလိုသော SaaS ကုမ္ပဏီ၊ သို့မဟုတ် အဖွဲ့ဝင်များစွာရှိသည့် ကော်ပိုရေးရှင်းကြီးတစ်ခုက အလွယ်တကူစီစဉ်ရန် လိုအပ်သည်... Calendly နှင့် embed widget များသည် ကောင်းမွန်သော self-service tool တစ်ခုဖြစ်သည်။

သင့်ဆိုက်တွင် Calendly ထည့်သွင်းနည်း

ထူးဆန်းသည်မှာ၊ ဤနေရာတွင် ထည့်သွင်းထားသော လမ်းညွှန်ချက်များကိုသာ သင်တွေ့လိမ့်မည်။ ဖြစ်ရပ်အမျိုးအစား အဆင့်၊ သင်၏ Calendly အကောင့်အတွင်းရှိ တကယ့်ဖြစ်ရပ်အဆင့်မဟုတ်ပေ။ ဖြစ်ရပ်အမျိုးအစား၏ ဆက်တင်များအတွက် ကုဒ်ကို ညာဘက်အပေါ်ထောင့်တွင် တွေ့ရမည်ဖြစ်ပါသည်။

အေးချမ်းစွာ မြှုပ်နှံထားသည်။

၎င်းကိုနှိပ်လိုက်သည်နှင့်၊ မြှုပ်သွင်းအမျိုးအစားများအတွက် ရွေးချယ်စရာများကို တွေ့ရလိမ့်မည်-

ပေါ်လာသော စာသားကို မြှုပ်နှံထားသည်။

ကုဒ်ကိုဖမ်းပြီး သင့်ဆိုဒ်တွင် သင်အလိုရှိသည့်နေရာတိုင်းတွင် ထည့်သွင်းပါက ပြဿနာအနည်းငယ်ရှိပါသည်။

  • စာမျက်နှာတစ်ခုတည်းတွင် မတူညီသောဝစ်ဂျက်အချို့ကို ခေါ်လိုပါက… အချိန်ဇယားဆွဲသူ ( Popup Text) အပြင် အောက်ခြေခလုတ် (Popup Widget) ကိုဖွင့်ပေးသည့် ခလုတ်တစ်ခု ရှိကောင်းရှိနိုင်သည်… သင်သည် စတိုင်စာရွက်နှင့် ဇာတ်ညွှန်းနှစ်ခုကို ပေါင်းထည့်ရပေတော့မည်။ ကြိမ်။ အဲဒါ မလိုအပ်ပါဘူး။
  • သင့်ဆိုက်ရှိ ပြင်ပ script နှင့် stylesheet ဖိုင်ကို ခေါ်ဆိုခြင်းသည် သင့်ဆိုက်တွင် ဝန်ဆောင်မှုကို ထည့်သွင်းခြင်းအတွက် အကောင်းဆုံးနည်းလမ်းမဟုတ်ပါ။

ကျွန်ုပ်၏ အကြံပြုချက်မှာ သင့်ခေါင်းစီးတွင် စတိုင်စာရွက်နှင့် Javascript ကို တင်ရန်ဖြစ်သည်... ထို့နောက် သင့်ဆိုက်တစ်လျှောက်လုံး အဓိပ္ပါယ်ရှိသည့် အခြားဝစ်ဂျက်များကို အသုံးပြုပါ။

Calendly's Widgets အလုပ်လုပ်ပုံ

Calendly သင့်ဆိုဒ်တွင် ထည့်သွင်းရန် လိုအပ်သော ဖိုင်နှစ်ခု၊ စတိုင်စာရွက်နှင့် javascript ရှိသည်။ ဒါတွေကို မင်းရဲ့ site ထဲကို ထည့်မယ် ဆိုရင်၊ မင်းရဲ့ HTML ရဲ့ head section မှာ အောက်ပါအချက်တွေကို ငါထည့်မယ်။

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

သို့သော် အကယ်၍ သင်သည် WordPress တွင်ရှိနေပါက၊ သင့်အားအသုံးပြုရန် အကောင်းဆုံးအလေ့အကျင့်ဖြစ်လိမ့်မည်။ functions.php WordPress ၏အကောင်းဆုံးအလေ့အကျင့်များကိုအသုံးပြု၍ scripts များကိုထည့်သွင်းရန်ဖိုင်။ ထို့ကြောင့်၊ ကျွန်ုပ်၏ကလေး အပြင်အဆင်တွင်၊ ကျွန်ုပ်တွင် ပုံစံစာရွက်နှင့် ဇာတ်ညွှန်းကို တင်ရန် အောက်ပါ ကုဒ်လိုင်းများ ရှိသည်။

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 ကို ကျွန်ုပ်၏အောက်ခြေတွင် တင်နေပါသည်။

<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>

သင့်အနေဖြင့်မြင်ရပါလိမ့်မယ် Calendly script သည် အောက်ပါအတိုင်း ကွဲသွားသည် ။

  • URL ကို - ကျွန်ုပ်၏ဝစ်ဂျက်တွင် ကျွန်ုပ်တင်လိုသော ဖြစ်ရပ်အတိအကျ။
  • စာသားမ - ခလုတ်ရှိစေချင်သောစာသား။
  • အရောင် - ခလုတ်၏နောက်ခံအရောင်။
  • မင်္ဂလာပါ - စာသားရဲ့အရောင်။
  • ကုန်အမှတ်တံဆိပ် - Calendly အမှတ်တံဆိပ်ကို ဖယ်ရှားခြင်း။

Calendly ၏ Text Popup

လင့်ခ် သို့မဟုတ် ခလုတ်ကို အသုံးပြု၍ ၎င်းကို ကျွန်ုပ်၏ဆိုက်တစ်လျှောက်လုံးတွင် ရနိုင်စေပါသည်။ ဒီလိုလုပ်ဖို့၊ သင့်မှာရှိတဲ့ onClick event ကိုအသုံးပြုပါ။ Calendly ကျောက်ဆူးစာသား။ Mine တွင် ၎င်းအား ခလုတ်တစ်ခုအဖြစ် ပြသရန် နောက်ထပ်အတန်းများ ရှိသည် (အောက်ပါ ဥပမာတွင် မတွေ့ရပါ)။

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

စာမျက်နှာတစ်ခုတည်းတွင် ကမ်းလှမ်းမှုများစွာရှိရန် ဤမက်ဆေ့ချ်ကို သုံးနိုင်သည်။ သင့်တွင် မြှုပ်သွင်းလိုသော အစီအစဉ် 3 မျိုးရှိကောင်းရှိနိုင်သည်... သင့်လျော်သော ဦးတည်ရာအတွက် URL ကို မွမ်းမံလိုက်ရုံဖြင့် ၎င်းသည် အလုပ်ဖြစ်လိမ့်မည်။

Calendly ၏ Inline Embed Popup

inline embed သည် class နှင့် destination အလိုက် အထူးခေါ်သော div ကိုအသုံးပြုသည့်အတွက် အနည်းငယ်ကွဲပြားပါသည်။

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

တစ်ဖန်၊ တစ်ခုစီတွင် div များစွာရှိနိုင်သောကြောင့် ၎င်းသည် အသုံးဝင်သည်။ Calendly တူညီသောစာမျက်နှာရှိအချိန်ဇယားဆွဲ။

ဘေးထွက်မှတ်ချက်- Calendly သည် ၎င်းကို အကောင်အထည်ဖော်သည့်နည်းလမ်းကို ပြုပြင်မွမ်းမံစေလိုသောကြောင့် ၎င်းသည် နည်းပညာပိုင်းအရ မလိုအပ်ပါ။ အတန်းတစ်ခုရှိရုံနှင့် widget ကိုဖွင့်ရန် destination href ကိုအသုံးပြုလျှင်ကောင်းလိမ့်မည်။ ၎င်းသည် အကြောင်းအရာစီမံခန့်ခွဲမှုစနစ်များတွင် တိုက်ရိုက်ကုဒ်ရေးနည်းများ လိုအပ်မည်ဖြစ်သည်။ ဒါပေမယ့်… အဲဒါက အရမ်းကောင်းတဲ့ tool တစ်ခု (ယခုအတွက်!) ဥပမာ - တိုတိုကုဒ်များပါရှိသော WordPress plugin တစ်ခုသည် WordPress ပတ်ဝန်းကျင်အတွက် စံပြဖြစ်ပါလိမ့်မည်။ မင်းစိတ်ဝင်စားတယ်ဆိုရင် Calendly… မင်းအတွက် ငါ ဒါကို လွယ်လွယ်ကူကူ ဖန်တီးပေးနိုင်တယ်။

Calendly ဖြင့် စတင်လိုက်ပါ။

ရှင်းလင်းချက်- ကျွန်ုပ်သည် Calendly ၏အသုံးပြုသူတစ်ဦးဖြစ်ပြီး ၎င်းတို့၏စနစ်အတွက် တွဲဖက်တစ်ဦးလည်းဖြစ်သည်။ ဤဆောင်းပါးသည် ဆောင်းပါးတစ်လျှောက်လုံး တွဲဖက်လင့်ခ်များ ရှိသည်။