Calendly: Yadda Ake Haɓaka Faɗakarwar Jadawalin Ko Kalandar Haɗe a cikin Gidan Yanar Gizonku ko Shafin WordPress

Widget ɗin Jadawalin Kalanda

Makonni kadan da suka gabata, ina kan wani shafi na lura lokacin da na danna hanyar haɗi don tsara alƙawari da su cewa ba a kawo ni wurin da aka nufa ba, akwai widget ɗin da ya buga littafin. A hankali mai tsarawa kai tsaye a cikin taga popup. Wannan babban kayan aiki ne… ajiye wani akan rukunin yanar gizonku shine mafi kyawun gogewa fiye da tura su zuwa shafi na waje.

Menene Calendly?

A hankali yana haɗa kai tsaye tare da ku Wurin Aikin Google ko wasu tsarin kalandar don gina siffofin tsarawa waɗanda ke da kyau da sauƙin amfani. Mafi mahimmanci, kuna iya iyakance lokacin da kuka bar wani ya haɗa ku a kalandarku. Misali, sau da yawa ina da sa'o'i biyu kacal da ake samu a takamaiman ranaku don taron waje.

Yin amfani da na'urar tsarawa irin wannan ma ya fi kwarewa fiye da cika fom kawai. Don nawa kamfanin tuntuɓar canji na dijital, Muna da abubuwan tallace-tallace na rukuni inda ƙungiyar jagoranci ke kan taron. Muna kuma haɗa dandalin taron yanar gizon mu zuwa Calendly domin gayyata kalanda ta ƙunshi duk hanyoyin haɗin kan layi.

Calendly ya ƙaddamar da rubutun widget da salo wanda ke yin babban aiki wajen haɗa tsarin tsarawa kai tsaye a cikin shafi, buɗe daga maɓalli, ko ma daga maɓalli mai iyo a gindin rukunin yanar gizon ku. Rubutun na Calendly an rubuta shi da kyau, amma takaddun don haɗa shi cikin rukunin yanar gizonku ba shi da kyau ko kaɗan. A zahiri, na yi mamakin cewa Calendly har yanzu bai buga nasa plugins ko apps don dandamali daban-daban ba.

Wannan yana da matuƙar amfani. Ko kuna cikin sabis na gida kuma kuna son samar da hanyar don abokan cinikin ku don tsara alƙawuran su, mai tafiya na kare, kamfanin SaaS wanda ke son baƙi su tsara demo, ko babban kamfani tare da mambobi da yawa kuna buƙatar tsarawa cikin sauƙi… Calendly kuma widgets ɗin da aka haɗa babban kayan aikin kai ne.

Yadda Ake Saka Calendly A Gidan Gidanku

Abin ban mamaki, kawai za ku sami kwatance akan waɗannan da aka haɗa a cikin Nau'in Event matakin kuma ba ainihin matakin abin da ya faru a cikin asusun ku na Calendly ba. Za ku sami lambar a cikin jerin abubuwan da aka saukar don saitunan nau'in taron a saman dama.

calendly embed

Da zarar ka danna waccan, za ku ga zaɓuɓɓukan nau'ikan abubuwan haɗawa:

shigar da rubutun bugu

Idan kun kama lambar kuma ku saka ta duk inda kuke so akan rukunin yanar gizonku, akwai wasu batutuwa.

  • Idan kuna son kiran widget din ma'aurata daban-daban akan shafi guda… watakila kuna da maballin da zai ƙaddamar da jadawalin (Popup Text) da maɓallin ƙafa (Popup Widget)… zaku ƙara salo da rubutun ma'aurata. na lokuta. Wannan ba lallai ba ne.
  • Kiran rubutun waje da fayil ɗin layi na layi a cikin rukunin yanar gizonku ba shine mafi kyawun hanyar ƙara sabis ɗin zuwa rukunin yanar gizon ku ba.

Shawarwarina shine a ɗora salon rubutu da Javascript a cikin taken ku… sannan yi amfani da sauran widgets inda suke da ma'ana a cikin rukunin yanar gizon ku.

Yadda Widgets na Calendly ke Aiki

A hankali yana da fayiloli guda biyu waɗanda ake buƙata don shigar da su cikin rukunin yanar gizonku, salon rubutu da javascript. Idan za ku saka waɗannan a cikin rukunin yanar gizonku, zan ƙara abubuwan da ke gaba a cikin babban sashin HTML ɗinku:

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

Koyaya, idan kuna cikin WordPress, mafi kyawun aiki shine amfani da naku functions.php fayil don saka rubutun ta amfani da mafi kyawun ayyuka na WordPress. Don haka, a cikin jigon yaro na, Ina da layukan lamba masu zuwa don loda rubutun salo da rubutun:

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' );

Wannan zai loda waɗannan (da adana su) a cikin rukunin yanar gizona. Yanzu zan iya amfani da widget din inda nake son su.

Maɓallin Ƙafafun Calendly

Ina so in kira takamaiman taron maimakon nau'in taron akan rukunin yanar gizona, don haka ina loda rubutun mai zuwa a cikin ƙafata:

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

Za ku ga A hankali Rubutun ya rushe kamar haka:

  • URL – ainihin taron da nake son lodawa a cikin widget dina.
  • Text – rubutun da nake son maballin ya samu.
  • Launi – launi na bangon maɓallin.
  • rubutuLauni – launi na rubutu.
  • saka alama – cire alamar Calendly.

Popup Rubutun Calendly

Ina kuma son samun wannan a ko'ina cikin rukunin yanar gizona ta amfani da hanyar haɗi ko maɓalli. Don yin wannan, kuna amfani da taron onClick a cikin ku A hankali rubutun anga. Nawa yana da ƙarin azuzuwan don nuna shi azaman maɓalli (ba a gani a misalin da ke ƙasa):

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

Ana iya amfani da wannan saƙon don samun hadayu da yawa akan shafi ɗaya. Wataƙila kuna da nau'ikan al'amuran guda 3 da kuke son haɗawa… kawai gyara URL ɗin don inda ya dace kuma zai yi aiki.

Popup ɗin Layin Layi na Calendly

Rufe layin layi ya ɗan bambanta domin yana amfani da div wanda ake kira musamman ta aji da kuma inda ake nufi.

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

Hakanan, wannan yana da amfani saboda kuna iya samun divs da yawa tare da kowane A hankali tsarawa a cikin wannan shafi.

Bayanin gefe: Ina fata Calendly ya gyara yadda aka aiwatar da wannan don kada ya zama na fasaha sosai. Zai yi kyau idan za ku iya samun aji kawai sannan ku yi amfani da href da ake nufi don loda widget din. Wannan zai buƙaci ƙarancin ƙididdigewa kai tsaye a cikin tsarin sarrafa abun ciki. Amma… yana da babban kayan aiki (a yanzu!). Misali - plugin ɗin WordPress tare da gajerun lambobi zai zama manufa don yanayin WordPress. Idan kuna sha'awar, Calendly… Zan iya gina muku wannan cikin sauƙi!

Fara Da Calendly

Disclaimer: Ni mai amfani ne na Calendly kuma mai alaƙa ga tsarin su. Wannan labarin yana da hanyoyin haɗin gwiwa a cikin labarin.