Calendly: Maitiro Ekuisa Iyo Kuronga Popup kana Yakamisikidzwa Kendari MuWebhusaiti Yako kana WordPress Saiti.

Candly Kuronga Widget

Masvondo mashoma apfuura, ndanga ndiri pane saiti uye ndakaona pandakadzvanya chinongedzo chekuronga nguva navo kuti ini handina kuunzwa kunzvimbo yekuenda, pakanga paine widget yakaburitsa Karenda scheduler zvakananga mune popup hwindo. Ichi chishandiso chikuru… kuchengeta mumwe munhu pasaiti yako chiitiko chiri nani pane kumutumira kune peji rekunze.

Chii chinonzi Caendly?

Karenda inobatanidza zvakananga neyako Google workspace kana imwe hurongwa hwekarenda yekuvaka mafomu ekuronga ayo akanaka uye ari nyore kushandisa. Zvakanakisa zvezvose, unogona kudzikamisa nguva yaunorega mumwe munhu kuti abatane newe pakarenda yako. Semuenzaniso, ini ndinowanzova nemaawa mashoma anowanikwa pamazuva chaiwo emisangano yekunze.

Kushandisa hurongwa seizvi zvakare chiitiko chiri nani pane kungozadza fomu. Kwangu dhijitari shanduko yekubvunza kambani, tine zviitiko zvekutengesa kweboka apo boka rehutungamiri riri pamusangano. Isu zvakare tinosanganisa yedu yepawebhu musangano chikuva kuCalend kuitira kuti kukoka kwekarenda kusanganise ese epamhepo misangano yemisangano.

Calendly yatanga script yewidget uye stylesheet inoita basa rakanaka pakumisikidza fomu rekuronga rakananga papeji, rakavhurwa kubva pabhatani, kana kunyange kubva pabhatani rinoyangarara riri munyasi yesaiti yako. Iyo script yeCaendly yakanyorwa zvakanaka, asi zvinyorwa zvekuibatanidza nesaiti yako hazvina kunaka zvachose. Muchokwadi, ndinoshamisika kuti Caendly haisati yaburitsa yayo plugins kana maapplication emapuratifomu akasiyana.

Izvi zvinobatsira zvisingaite. Kunyangwe iwe uri mumabasa epamba uye uchida kupa nzira dzekuti vatengi vako varonge kugadzwa kwavo, anofamba nembwa, kambani yeSaaS inoda kuti vashanyi varonge demo, kana bhizinesi hombe rine nhengo dzakawanda dzaunoda kuronga zviri nyore… Calendly uye embed majeti chinhu chikuru chekuzvishandira.

Maitiro ekuisa Calend muSaiti Yako

Zvinoshamisa, iwe unongowana mafambiro pane izvi embed pa Rudzi rwechiitiko nhanho uye kwete iyo chaiyo chiitiko chikamu mukati meCalend account yako. Iwe uchawana iyo kodhi mukudonhedza kwezvigadziriso zverudzi rwechiitiko kumusoro kurudyi.

calendly embed

Paunenge uchinge wadzvanya izvo, uchaona sarudzo dzemhando dze embeds:

embed popup text

Kana iwe ukabata iyo kodhi uye kuimisikidza chero kwaunoda pane yako saiti, pane mashoma nyaya.

  • Kana iwe uchida kufonera akati wandei mawidget pane rimwe peji… pamwe iva nebhatani rinovhura iyo scheduler (Popup Text) pamwe neiyo bhatani repazasi (Popup Widget)… uchawedzera stylesheet uye script vaviri. dzenguva. Izvo hazvina basa.
  • Kudaidza chinyorwa chekunze uye faira faira mukati mesaiti yako haisi iyo yakanyanya kunaka nzira yekuwedzera sevhisi kune yako saiti.

Kurudziro yangu ingave yekuisa iyo stylesheet neJavascript mumusoro wako… wobva washandisa mamwe majeti paanoita zvine musoro munzvimbo yako yese.

Mashandiro eCalend's Widgets

Karenda ine mafaera maviri anodiwa kumisikidzwa musaiti yako, stylesheet uye javascript. Kana iwe uchizoisa izvi musaiti yako, ini ndinowedzera zvinotevera muchikamu chemusoro cheHTML 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>

Nekudaro, kana iwe uri muWordPress, yakanakisa tsika ingave yekushandisa yako functions.php faira yekuisa zvinyorwa uchishandisa WordPress 'yakanakisa maitiro. Saka, mune dingindira remwana wangu, ndine mitsara inotevera yekodhi yekuisa iyo stylesheet uye script:

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

Ndiko kurodha izvi (uye cache ivo) mukati mesaiti yangu. Iye zvino ndinogona kushandisa majeti pandinoada.

Caendly's Footer Button

Ini ndoda kufonera chiitiko chaicho kwete mhando yechiitiko pane yangu saiti, saka ndiri kurodha rinotevera script munyasi 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>

Iwe uchaona iyo Karenda script inoputsika sezvinotevera:

  • URL - chiitiko chaicho chandinoda kurodha muwijeti yangu.
  • Text - iwo mavara andinoda kuti bhatani rive nawo.
  • ruvara - ruvara rwekumashure kwebhatani.
  • zvinyorwaColor - iyo mavara ezvinyorwa.
  • branding - kubvisa iyo Calend branding.

Calendly's Text Popup

Ini zvakare ndinoda kuti izvi zviwanikwe munzvimbo yangu yese uchishandisa chinongedzo kana bhatani. Kuti uite izvi, iwe unoshandisa onClick chiitiko mune yako Karenda anchor text. Yangu ine mamwe makirasi ekuiratidza sebhatani (risingaonekwe mumuenzaniso pazasi):

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

Iyi meseji inogona kushandiswa kuve nezvakawanda zvinopihwa pane imwechete peji. Zvimwe une mhando nhatu dzezviitiko zvaungada kurovera… ingo shandura iyo URL yekwainofanirwa kuenda uye ichashanda.

Calendly's Inline Embed Popup

Iyo inline embed yakati siyanei nekuti inoshandisa div inodaidzwa chaizvo nekirasi uye kwainoenda.

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

Zvekare, izvi zvinobatsira nekuti iwe unogona kuve neakawanda divs neimwe neimwe Karenda scheduler mune imwechete peji.

Padivi pechiziviso: Ndinoshuva kuti Caendly agadzirise mashandisirwo akaitwa izvi saka yaisafanirwa kunge iri hunyanzvi. Zvingave zvakanaka kana iwe uchingove nekirasi uye wobva washandisa iyo yekuenda href kurodha widget. Izvo zvingada kushomeka kwakananga kodhi mukati memukati manejimendi masisitimu. Asi… chishandiso chikuru (parizvino!). Semuenzaniso - WordPress plugin ine shortcodes ingave yakanaka kune WordPress nharaunda. Kana uchifarira, Caendly… Ndinogona kukuvakira izvi nyore!

Tanga NeCalend

Disclaimer: Ini ndiri mushandisi weCaendly uye zvakare anobatana nehurongwa hwavo. Ichi chinyorwa chine affiliate links muchinyorwa chose.