Calendly: Nola txertatu Programazio Popup edo Egutegi kapsulatu bat zure webgunean edo WordPress gunean

Calendly Programazio Widget

Duela aste batzuk, gune batean nengoen eta haiekin hitzordu bat antolatzeko esteka bat sakatu nuenean ez nintzela helmuga gune batera eraman konturatu nintzen, widget bat zegoela argitaratu zuen. Calendly Antolatzailea zuzenean laster-leiho batean. Tresna bikaina da hau... norbait zure webgunean mantentzea askoz esperientzia hobea da kanpoko orri batera bidaltzea baino.

Zer da Calendly?

Calendly zuzenean zurekin integratzen da Google laneko eremua edo beste egutegi-sistema ederrak eta erabiltzeko errazak diren egutegi-formak eraikitzeko. Onena, zure egutegian norbait zurekin konektatzen uzten diozun denbora ere muga dezakezu. Adibide gisa, askotan, egun zehatz batzuetan ordu pare bat baino ez ditut eskuragarri kanpoko bileretarako.

Horrelako programatzaile bat erabiltzea ere esperientzia hobea da formulario bat betetzea baino. Niretzat eraldaketa digitaleko aholkularitza enpresa, taldekako salmenta ekitaldiak ditugu, non buruzagi taldea bileran dagoen. Gure web bilera-plataforma ere integratzen dugu Calendly-n, egutegiko gonbidapenek lineako bilera-esteka guztiak izan ditzaten.

Calendly-k widget-gidoia eta estilo-orri bat abiarazi du, programazio-inprimakia orrialde batean zuzenean txertatzeko lan bikaina egiten duena, botoi batetik irekita, edo baita zure guneko oineko botoi mugikor batetik. Calendly-ren gidoia ondo idatzita dago, baina zure webgunean integratzeko dokumentazioa ez da batere ona. Izan ere, harrituta nago Calendly-k oraindik plataforma ezberdinetarako bere plugin edo aplikaziorik argitaratu ez izanak.

Hau izugarri erabilgarria da. Etxeko zerbitzuetan zaudela eta zure bezeroei euren hitzordua antolatzeko baliabidea eman nahi ala ez, txakur-ibiltaria, bisitariek demo bat antolatzea nahi duen SaaS enpresa bat edo erraz antolatu behar dituzun hainbat kide dituen korporazio handi bat... Calendly eta txertatzeko widgetak autozerbitzurako tresna bikaina dira.

Nola txertatu Calendly zure webgunean

Bitxia bada ere, kapsulatu hauetan soilik aurkituko dituzu jarraibideak Gertaera mota maila eta ez zure Calendly kontuaren benetako gertaera-maila. Goiko eskuineko gertaera motaren ezarpenen goitibeherako kodea aurkituko duzu.

calendly txertatu

Hori sakatu ondoren, kapsulatze moten aukerak ikusiko dituzu:

txertatu laster-testua

Kodea hartu eta nahi duzun tokian txertatzen baduzu, arazo batzuk daude.

  • Orrialde bakarrean zenbait widget desberdin deitu nahi badituzu... agian eduki ezazu programatzailea (Popup Testua) eta oin-botoia (Popup Widget) abiarazten duen botoi bat... estilo orria eta script pare bat gehituko dituzu. aldiz. Hori ez da beharrezkoa.
  • Zure webgunean kanpoko script eta estilo-orri fitxategi bati deitzea ez da zerbitzua zure webgunean gehitzeko biderik egokiena.

Nire gomendioa zure goiburuan estilo-orria eta Javascript-a kargatzea izango litzateke... gero erabili zure webgunean zentzua duten gainerako widgetak.

Nola funtzionatzen duten Calendly-ren widgetek

Calendly Zure webgunean txertatzeko beharrezkoak diren bi fitxategi ditu, estilo-orri bat eta javascript. Hauek zure webgunean txertatuko badituzu, honako hau gehituko nuke zure HTMLren buruaren atalean:

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

Hala ere, WordPress-en bazaude, praktika onena zurea erabiltzea izango litzateke functions.php fitxategia WordPress-en jardunbide onenak erabiliz scriptak txertatzeko. Beraz, nire haurraren gaian, kode lerro hauek ditut estilo-orria eta script-a kargatzeko:

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

Horiek (eta cachean gordeko ditu) nire webgunean kargatuko ditu. Orain widget-ak nahi ditudan tokian erabil ditzaket.

Calendly-ren oin-botoia

Gertaera zehatzari deitu nahi diot nire webguneko gertaera motari baino, beraz, script hau kargatzen ari naiz nire oinean:

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

Ikusiko duzu Calendly gidoia honela banatzen da:

  • URL - nire widgetean kargatu nahi dudan gertaera zehatza.
  • Testu – botoiak izatea nahi dudan testua.
  • kolorea - botoiaren atzeko planoaren kolorea.
  • testuaren kolorea – testuaren kolorea.
  • branding – Calendly marka kentzea.

Calendly-ren testu-leihoa

Esteka edo botoi bat erabiliz nire webgunean eskuragarri ere nahi dut. Horretarako, onClick gertaera bat erabiltzen duzu zure Calendly aingura testua. Nireak klase gehigarriak ditu botoi gisa bistaratzeko (beheko adibidean ikusten ez dena):

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

Mezu hau orrialde bakarrean hainbat eskaintza edukitzeko erabil daiteke. Agian txertatu nahi dituzun 3 gertaera mota dituzu... aldatu helmuga egokiaren URLa eta funtzionatuko du.

Calendly-ren Inline Embed Popup

Inline embed apur bat desberdina da, klasearen eta helmugaren arabera bereziki deitzen den div bat erabiltzen baitu.

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

Berriz ere, hau erabilgarria da, bakoitzarekin div anitz izan ditzakezulako Calendly orrialde berean programatzailea.

Alboko oharra: Calendly-k inplementatzeko modua aldatzea nahiko nuke, hain teknikoa izan behar ez izateko. Oso ona litzateke klase bat eduki eta gero widget-a kargatzeko helmuga href erabiliko bazenu. Horrek kodeketa zuzen gutxiago beharko luke edukiak kudeatzeko sistemetan. Baina... tresna bikaina da (oraingoz!). Adibidez - kode laburrak dituen WordPress plugin bat WordPress ingurune baterako aproposa litzateke. Interesatzen bazaizu, Calendly... erraz eraiki nezake hau zuretzat!

Hasi Calendly-rekin

Oharra: Calendly-ren erabiltzailea naiz eta bere sistemaren kidea ere bada. Artikulu honek kideen estekak ditu artikuluan zehar.