Calendly: Kif Inkorpora Popup ta' Skedar jew Kalendarju Inkorporat Fil-Websajt Tiegħek jew is-Sit WordPress

Widget tal-Iskedar Calendly

Ftit ġimgħat ilu, kont fuq sit u ndunajt meta għafast link biex niskeda appuntament magħhom li ma nġiebx f'sit ta' destinazzjoni, kien hemm widget li ppubblika l- Kalendarju Scheduler direttament f'tieqa popup. Din hija għodda kbira... li żżomm lil xi ħadd fuq is-sit tiegħek hija esperjenza ferm aħjar milli tgħaddih għal paġna esterna.

X'inhu Calendly?

Kalendarju tintegra direttament ma tiegħek Google Workspace jew sistema ta 'kalendarju oħra biex tibni formoli ta' skedar li huma kemm sbieħ kif ukoll faċli biex jintużaw. L-aħjar minn kollox, tista 'saħansitra tillimita l-ħin li tħalli lil xi ħadd jgħaqqad miegħek fuq il-kalendarju tiegħek. Bħala eżempju, spiss ikolli biss ftit sigħat disponibbli fi ġranet speċifiċi għal laqgħat esterni.

L-użu ta 'scheduler bħal dan huwa wkoll esperjenza ferm aħjar milli sempliċement timla formola. Għal tiegħi ditta ta' konsulenza dwar it-trasformazzjoni diġitali, għandna avvenimenti tal-bejgħ tal-grupp fejn it-tim tat-tmexxija jinsab fil-laqgħa. Aħna nintegraw ukoll il-pjattaforma tal-laqgħat tal-web tagħna ma' Calendly sabiex l-istediniet tal-kalendarju jinkludu l-links tal-laqgħat online kollha.

Calendly nediet skript tal-widget u stylesheet li jagħmel biċċa xogħol tajba biex jinkorpora l-formola tal-iskedar direttament f'paġna, miftuħa minn buttuna, jew saħansitra minn buttuna floating fil-footer tas-sit tiegħek. L-iskrittura għal Calendly hija miktuba tajjeb, iżda d-dokumentazzjoni biex tintegraha fis-sit tiegħek mhix tajba xejn. Fil-fatt, jien sorpriż li Calendly għad trid tippubblika l-plugins jew l-apps tagħha stess għal pjattaformi differenti.

Dan huwa oerhört utli. Kemm jekk int fis-servizzi tad-dar u kemm jekk trid tipprovdi mezz għall-klijenti tiegħek biex jiskedaw l-appuntament tagħhom, kelb walker, kumpanija SaaS li trid li l-viżitaturi jiskedaw demo, jew korporazzjoni kbira b'diversi membri li trid tiskeda faċilment... Calendly u l-imbedded widgets huma għodda kbira self-service.

Kif Inkorpora Calendly Fis-Sit Tiegħek

Stramba, inti ser issib biss direzzjonijiet fuq dawn embed fil- Tip ta 'Avveniment livell u mhux il-livell tal-avveniment attwali fil-kont Calendly tiegħek. Issib il-kodiċi fil-dropdown għas-settings tat-tip ta 'avveniment fuq il-lemin ta' fuq.

calendly embed

Ladarba tikklikkja dik, tara l-għażliet għat-tipi ta' inkorporazzjonijiet:

daħħal test popup

Jekk taqbad il-kodiċi u daħħalha kull fejn tixtieq fuq is-sit tiegħek, hemm ftit kwistjonijiet.

  • Jekk trid issejjaħ koppja ta’ widgets differenti fuq paġna waħda... forsi jkollok buttuna li tniedi l-iskeduler (Popup Text) kif ukoll il-buttuna tal-footer (Popup Widget)... int se żżid l-stylesheet u skript koppja tal-ħinijiet. Dak mhux meħtieġ.
  • Is-sejħa ta' skript estern u fajl ta' stylesheet inline fis-sit tiegħek mhuwiex l-aħjar mezz biex iżżid is-servizz mas-sit tiegħek.

Ir-rakkomandazzjoni tiegħi tkun li tgħabbi l-stylesheet u l-Javascript fl-header tiegħek... imbagħad uża l-widgets l-oħra fejn jagħmlu sens fis-sit tiegħek kollu.

Kif jaħdmu l-widgets ta' Calendly

Kalendarju għandha żewġ fajls li huma meħtieġa biex jinkorporaw fis-sit tiegħek, stylesheet u javascript. Jekk se ddaħħal dawn fis-sit tiegħek, inżid dan li ġej fis-sezzjoni tar-ras tal-HTML tiegħek:

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

Madankollu, jekk int f'WordPress, l-aħjar prattika tkun li tuża tiegħek functions.php fajl biex daħħal l-iskripts li jutilizzaw l-aħjar prattiki ta’ WordPress. Allura, fit-tema tat-tifel tiegħi, għandi l-linji ta 'kodiċi li ġejjin biex tgħabbi l-stylesheet u l-iskrittura:

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

Dak se tagħbija dawn (u cache minnhom) matul is-sit tiegħi. Issa nista' nuża l-widgets fejn nixtieqhom.

Buttuna ta' Footer ta' Calendly

Irrid insejjaħ l-avveniment speċifiku aktar milli t-tip ta 'avveniment fuq is-sit tiegħi, għalhekk qed nitgħabbi l-iskrittura li ġejja fil-footer tiegħi:

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

Int ser ikollok tara l- Kalendarju L-iskrittura tinqasam kif ġej:

  • URL – l-avveniment eżatt li rrid tagħbija fil-widget tiegħi.
  • Test – it-test li nixtieq li jkollha l-buttuna.
  • kulur – il-kulur fl-isfond tal-buttuna.
  • textColor - il-kulur tat-test.
  • branding – it-tneħħija tal-marka Calendly.

Popup tat-Test ta' Calendly

Irrid ukoll li dan ikun disponibbli matul is-sit tiegħi billi tuża link jew buttuna. Biex tagħmel dan, tuża avveniment onClick fil tiegħek Kalendarju test tal-ankra. Mine għandu klassijiet addizzjonali biex juriha bħala buttuna (mhux tidher fl-eżempju hawn taħt):

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

Dan il-messaġġ jista' jintuża biex ikun hemm offerti multipli fuq paġna waħda. Forsi għandek 3 tipi ta' avvenimenti li tixtieq tiddaħħal... sempliċement immodifika l-URL għad-destinazzjoni xierqa u taħdem.

Popup Inline ta' Calendly

L-inline embed huwa ftit differenti peress li juża div li jissejjaħ speċifikament mill-klassi u d-destinazzjoni.

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

Għal darb'oħra, dan huwa utli għaliex jista 'jkollok divs multipli ma' kull wieħed Kalendarju Scheduler fl-istess paġna.

Nota tal-ġenb: Nixtieq li Calendly immodifika l-mod kif dan ġie implimentat sabiex ma kellux għalfejn ikun daqshekk tekniku. Ikun kbir jekk jista' jkollok klassi u mbagħad tuża d-destinazzjoni href biex tagħbija l-widget. Dan ikun jeħtieġ inqas kodifikazzjoni diretta fis-sistemi tal-ġestjoni tal-kontenut. Iżda... hija għodda kbira (għalissa!). Per eżempju - plugin WordPress bi shortcodes ikun ideali għal ambjent WordPress. Jekk int interessat, Calendly... Nista' faċilment nibni dan għalik!

Ibda Bil Calendly

Ċaħda ta' responsabbiltà: Jien utent ta' Calendly u wkoll affiljat għas-sistema tagħhom. Dan l-artikolu għandu links affiljati matul l-artikolu.