Kalẹnda: Bii o ṣe le Ṣagbejade Agbejade Iṣeto tabi Kalẹnda ti a fi sinu Oju opo wẹẹbu Rẹ tabi Oju opo wẹẹbu Wodupiresi

Ẹrọ ailorukọ Iṣeto Calendly

Ni ọsẹ diẹ sẹyin, Mo wa lori aaye kan ati ki o ṣe akiyesi nigbati Mo tẹ ọna asopọ kan lati ṣeto ipinnu lati pade pẹlu wọn pe wọn ko mu mi wá si aaye ibi-ajo kan, ẹrọ ailorukọ kan wa ti o ṣe atẹjade naa Kalẹnda oluṣeto taara ni window igarun kan. Eyi jẹ ohun elo nla… fifi ẹnikan pamọ sori aaye rẹ jẹ iriri ti o dara julọ ju gbigbe wọn lọ si oju-iwe ita.

Kí ni Calendly tumo si

Kalẹnda integrates taara pẹlu rẹ Aaye iṣẹ Google tabi eto kalẹnda miiran lati kọ awọn fọọmu iṣeto ti o lẹwa ati rọrun lati lo. Ti o dara ju gbogbo lọ, o le paapaa idinwo akoko ti o jẹ ki ẹnikan sopọ pẹlu rẹ lori kalẹnda rẹ. Gẹgẹbi apẹẹrẹ, Mo nigbagbogbo ni awọn wakati meji diẹ ti o wa ni awọn ọjọ kan pato fun awọn ipade ita.

Lilo oluṣeto bii eyi tun jẹ iriri ti o dara julọ ju kiko fọọmu kan. Fun mi oni transformation consulting duro, A ni awọn iṣẹlẹ tita ẹgbẹ nibiti ẹgbẹ alakoso wa lori ipade. A tun ṣepọ pẹpẹ ipade wẹẹbu wa si Calendly ki awọn ifiwepe kalẹnda pẹlu gbogbo awọn ọna asopọ ipade ori ayelujara.

Calendly ti ṣe ifilọlẹ iwe afọwọkọ ẹrọ ailorukọ kan ati iwe aṣa ti o ṣe iṣẹ nla ni fifiwewe fọọmu ṣiṣeto taara ni oju-iwe kan, ṣiṣi lati bọtini kan, tabi paapaa lati bọtini lilefoofo kan ninu ẹsẹ aaye rẹ. Iwe afọwọkọ fun Calendly ti kọ daradara, ṣugbọn iwe-ipamọ lati ṣepọ si aaye rẹ ko dara rara. Ni otitọ, o yà mi lẹnu pe Calendly ko tii ṣe atẹjade awọn afikun tirẹ tabi awọn ohun elo fun awọn iru ẹrọ oriṣiriṣi.

Eleyi jẹ ti iyalẹnu wulo. Boya o wa ninu awọn iṣẹ ile ati pe o fẹ lati pese ọna fun awọn alabara rẹ lati ṣeto ipinnu lati pade wọn, alarin aja kan, ile-iṣẹ SaaS kan ti o fẹ ki awọn alejo ṣeto demo kan, tabi ajọ-ajo nla kan pẹlu awọn ọmọ ẹgbẹ lọpọlọpọ o nilo lati ṣeto ni irọrun… Calendly ati awọn ẹrọ ailorukọ ti a fi sii jẹ ohun elo iṣẹ ti ara ẹni nla kan.

Bii o ṣe le Fi sabe Calendly Ninu Aye Rẹ

Ajeji, iwọ yoo wa awọn itọnisọna nikan lori awọn ifibọ wọnyi ni Iru iṣe ipele kii ṣe ipele iṣẹlẹ gangan laarin akọọlẹ Calendly rẹ. Iwọ yoo wa koodu naa ni sisọ silẹ fun awọn eto iru iṣẹlẹ ni apa ọtun oke.

calendly ifibọ

Ni kete ti o tẹ iyẹn, iwọ yoo rii awọn aṣayan fun awọn iru awọn ifibọ:

sabe ọrọ igarun

Ti o ba gba koodu naa ki o fi sii nibikibi ti o fẹ lori aaye rẹ, awọn ọran diẹ wa.

  • Ti o ba fẹ pe tọkọtaya oriṣiriṣi awọn ẹrọ ailorukọ lori oju-iwe kan… boya ni bọtini kan ti o ṣe ifilọlẹ oluṣeto (ọrọ Agbejade) bakanna bi bọtini ẹlẹsẹ (Ailorukọ Agbejade)… iwọ yoo ṣafikun iwe ara ati iwe afọwọkọ tọkọtaya tọkọtaya kan. ti igba. Iyẹn ko wulo.
  • Npe iwe afọwọkọ ita ati inline faili aṣa ni aaye rẹ kii ṣe ọna ti o dara julọ lati ṣafikun iṣẹ naa si aaye rẹ.

Iṣeduro mi yoo jẹ lati ṣaja aṣa aṣa ati Javascript ninu akọsori rẹ… lẹhinna lo awọn ẹrọ ailorukọ miiran nibiti wọn ti ni oye jakejado aaye rẹ.

Bawo ni Awọn ẹrọ ailorukọ Calendly Ṣiṣẹ

Kalẹnda ni awọn faili meji ti o nilo lati fi sabe sinu aaye rẹ, iwe aṣa ati JavaScript. Ti o ba fẹ fi iwọnyi sii sinu aaye rẹ, Emi yoo ṣafikun atẹle naa si apakan ori ti HTML rẹ:

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

Sibẹsibẹ, ti o ba wa ni Wodupiresi, iṣe ti o dara julọ yoo jẹ lati lo rẹ functions.php faili lati fi awọn iwe afọwọkọ sii nipa lilo awọn iṣe ti o dara julọ ti Wodupiresi. Nitorinaa, ninu akori ọmọ mi, Mo ni awọn laini koodu atẹle lati ṣajọpọ ara ati iwe afọwọkọ:

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

Iyẹn yoo gbe awọn wọnyi (ati kaṣe wọn) jakejado aaye mi. Bayi Mo le lo awọn ẹrọ ailorukọ nibiti Emi yoo fẹ wọn.

Bọtini ẹlẹsẹ Calendly

Mo fẹ pe iṣẹlẹ kan pato dipo iru iṣẹlẹ lori aaye mi, nitorinaa Mo n ṣe ikojọpọ iwe afọwọkọ atẹle ni ẹlẹsẹ mi:

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

Iwọ yoo wo awọn Kalẹnda iwe afọwọkọ fọ bi atẹle:

  • URL – iṣẹlẹ gangan ti Mo fẹ fifuye ninu ẹrọ ailorukọ mi.
  • Text - ọrọ ti Mo fẹ ki bọtini naa ni.
  • Awọ - awọ abẹlẹ ti bọtini naa.
  • TextColor - awọ ti ọrọ naa.
  • iyasọtọ - yiyọ iyasọtọ Calendly.

Agbejade ọrọ Calendly

Mo tun fẹ eyi wa jakejado aaye mi nipa lilo ọna asopọ tabi bọtini kan. Lati ṣe eyi, o lo iṣẹlẹ onClick ninu rẹ Kalẹnda ọrọ oran. Mi ni awọn kilasi afikun lati ṣafihan bi bọtini kan (ko rii ninu apẹẹrẹ ni isalẹ):

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

Ifiranṣẹ yii le ṣee lo lati ni awọn ọrẹ lọpọlọpọ lori oju-iwe kan. Boya o ni awọn iru iṣẹlẹ mẹta ti o fẹ lati fi sabe… kan yi URL naa pada fun ibi ti o yẹ ati pe yoo ṣiṣẹ.

Agbejade Agbejade Inline ti Calendly

Ifisinu inline jẹ iyatọ diẹ ni pe o nlo div ti o pe ni pataki nipasẹ kilasi ati opin irin ajo.

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

Lẹẹkansi, eyi wulo nitori o le ni awọn divs pupọ pẹlu ọkọọkan Kalẹnda oluṣeto ni oju-iwe kanna.

Akiyesi ẹgbẹ: Mo fẹ pe Calendly ṣe atunṣe ni ọna ti eyi ti ṣe imuse nitorina ko ni lati jẹ imọ-ẹrọ bẹ. Yoo jẹ nla ti o ba le ni kilasi kan lẹhinna lo href opin irin ajo lati gbe ẹrọ ailorukọ naa. Iyẹn yoo nilo ifaminsi taara diẹ si awọn eto iṣakoso akoonu. Ṣugbọn… o jẹ irinṣẹ nla (fun bayi!). Fun apẹẹrẹ – itanna Wodupiresi pẹlu awọn koodu kukuru yoo jẹ apẹrẹ fun agbegbe Wodupiresi. Ti o ba nifẹ si, Calendly… Mo le ni rọọrun kọ eyi fun ọ!

Bẹrẹ Pẹlu Calendly

AlAIgBA: Mo jẹ olumulo Calendly ati tun jẹ alafaramo fun eto wọn. Nkan yii ni awọn ọna asopọ alafaramo jakejado nkan naa.