Kalenda: Jinsi ya Kupachika Dirisha Ibukizi la Kupanga au Kalenda Iliyopachikwa Katika Wavuti yako au Tovuti ya WordPress.

Wijeti ya Kupanga kwa Uwazi

Wiki chache zilizopita, nilikuwa kwenye tovuti na niliona nilipobofya kiungo ili kupanga miadi nao kwamba sikuletwa kwenye tovuti lengwa, kulikuwa na wijeti iliyochapisha Hifadhi kipanga ratiba moja kwa moja kwenye dirisha ibukizi. Hii ni zana nzuri... kuweka mtu kwenye tovuti yako ni matumizi bora zaidi kuliko kumsambaza kwa ukurasa wa nje.

Calendly ni nini?

Hifadhi inaunganishwa moja kwa moja na yako Nafasi ya Kazi ya Google au mfumo mwingine wa kalenda ili kuunda fomu za kuratibu ambazo ni nzuri na rahisi kutumia. Zaidi ya yote, unaweza hata kuweka kikomo wakati unaruhusu mtu kuungana nawe kwenye kalenda yako. Kwa mfano, mara nyingi nina saa chache tu zinazopatikana kwa siku mahususi za mikutano ya nje.

Kutumia kipanga ratiba kama hiki pia ni matumizi bora zaidi kuliko kujaza fomu tu. Kwa yangu kampuni ya ushauri ya mabadiliko ya kidijitali, tuna matukio ya mauzo ya kikundi ambapo timu ya uongozi iko kwenye mkutano. Pia tunaunganisha jukwaa letu la mikutano ya wavuti kwa Kalenda ili mialiko ya kalenda iwe na viungo vyote vya mikutano ya mtandaoni.

Kalenda amezindua hati ya wijeti na laha ya mtindo ambayo hufanya kazi nzuri katika kupachika fomu ya kuratibu moja kwa moja kwenye ukurasa, iliyofunguliwa kutoka kwa kitufe, au hata kutoka kwa kitufe kinachoelea kwenye kijachini cha tovuti yako. Hati ya Caendly imeandikwa vizuri, lakini hati za kuiunganisha kwenye tovuti yako sio nzuri hata kidogo. Kwa kweli, ninashangaa kuwa Caendly bado haijachapisha programu-jalizi zake au programu za majukwaa tofauti.

Hii ni muhimu sana. Iwe uko katika huduma za nyumbani na ungependa kuwapa wateja wako njia ya kuratibu miadi yao, kitembea mbwa, kampuni ya SaaS inayotaka wageni kuratibu onyesho, au shirika kubwa lenye wanachama wengi unaohitaji kuratibu kwa urahisi... Kalenda na wijeti zilizopachikwa ni zana nzuri ya kujihudumia.

Jinsi ya Kupachika Kalenda kwenye Tovuti Yako

Cha ajabu, utapata tu maelekezo ya haya yaliyopachikwa kwenye Aina ya Tukio kiwango na si kiwango halisi cha tukio ndani ya akaunti yako ya Kalenda. Utapata msimbo kwenye menyu kunjuzi ya mipangilio ya aina ya tukio iliyo upande wa juu kulia.

kupachika kwa utaratibu

Mara tu unapobofya hiyo, utaona chaguo za aina za upachikaji:

pachika maandishi ibukizi

Ukinyakua msimbo na kuupachika popote ungependa kwenye tovuti yako, kuna masuala machache.

  • Ikiwa ungependa kuita wijeti kadhaa tofauti kwenye ukurasa mmoja... labda uwe na kitufe kinachozindua kipanga ratiba (Maandishi Ibukizi) na vile vile kitufe cha kijachini (Widget Ibukizi)... utaongeza laha ya mtindo na hati kadhaa. za nyakati. Hilo halihitajiki.
  • Kupigia simu hati ya nje na faili ya laha ya mtindo katika mstari kwenye tovuti yako sio njia bora zaidi ya kuongeza huduma kwenye tovuti yako.

Pendekezo langu litakuwa kupakia laha ya mtindo na Javascript kwenye kichwa chako… kisha utumie wijeti zingine ambapo zinaeleweka katika tovuti yako yote.

Jinsi Wijeti za Calendly zinavyofanya kazi

Hifadhi ina faili mbili zinazohitajika kupachikwa kwenye tovuti yako, laha ya mtindo na javascript. Ikiwa utaingiza hizi kwenye tovuti yako, ningeongeza yafuatayo kwenye sehemu kuu ya HTML yako:

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

Walakini, ikiwa uko kwenye WordPress, njia bora itakuwa kutumia yako functions.php faili ili kuingiza hati kwa kutumia mbinu bora za WordPress. Kwa hivyo, katika mada ya mtoto wangu, nina mistari ifuatayo ya nambari ya kupakia laha ya mtindo na hati:

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

Hiyo itapakia hizi (na kuzihifadhi) kwenye tovuti yangu yote. Sasa ninaweza kutumia wijeti ambapo ningezipenda.

Kitufe cha Chini cha Calandly

Ninataka kupiga tukio maalum badala ya aina ya tukio kwenye tovuti yangu, kwa hivyo ninapakia hati ifuatayo kwenye sehemu ya chini yangu:

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

Utaona Hifadhi script huvunjika kama ifuatavyo:

  • URL - tukio halisi ninalotaka kupakia kwenye wijeti yangu.
  • Nakala - maandishi ambayo ninataka kitufe kiwe nacho.
  • rangi - rangi ya mandharinyuma ya kitufe.
  • maandishiRangi - rangi ya maandishi.
  • branding - kuondoa chapa ya Kalenda.

Ibukizi ya Maandishi ya Calendly

Pia ninataka hii ipatikane katika tovuti yangu yote kwa kutumia kiungo au kitufe. Ili kufanya hivyo, unatumia tukio la onClick kwenye yako Hifadhi maandishi ya nanga. Mgodi una madarasa ya ziada ya kuionyesha kama kitufe (haijaonekana kwenye mfano hapa chini):

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

Ujumbe huu unaweza kutumika kuwa na matoleo mengi kwenye ukurasa mmoja. Labda una aina 3 za matukio ambayo ungependa kupachika... rekebisha tu URL ya lengwa linalofaa na itafanya kazi.

Ibukizi ya Inline ya Calandly Pachika

Upachikaji wa ndani ni tofauti kidogo kwa kuwa hutumia div ambayo inaitwa haswa na darasa na lengwa.

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

Tena, hii ni muhimu kwa sababu unaweza kuwa na div nyingi kwa kila moja Hifadhi mpangilio katika ukurasa huo huo.

Ujumbe wa kando: Natamani Caendly irekebishwe jinsi hii ilitekelezwa ili sio lazima iwe ya kiufundi sana. Itakuwa vyema ikiwa unaweza kuwa na darasa tu kisha utumie href lengwa kupakia wijeti. Hilo litahitaji usimbaji mdogo wa moja kwa moja kwenye mifumo ya usimamizi wa maudhui. Lakini… ni zana nzuri (kwa sasa!). Kwa mfano - Plugin WordPress na shortcodes itakuwa bora kwa mazingira WordPress. Ikiwa una nia, Calendly… Ningeweza kukujengea hii kwa urahisi!

Anza na Kalenda

Kanusho: Mimi ni mtumiaji wa Caendly na pia ni mshirika wa mfumo wao. Nakala hii ina viungo vya ushirika katika kifungu hicho.