Calendly: Hvernig á að fella inn tímasetningarsprettiglugga eða innbyggt dagatal á vefsíðuna þína eða WordPress síðuna þína

Calendly tímasetningargræja

Fyrir nokkrum vikum var ég á síðu og tók eftir því þegar ég smellti á hlekk til að panta tíma hjá þeim að ég var ekki fluttur á áfangastað, það var búnaður sem birti Kannski tímaáætlun beint í sprettiglugga. Þetta er frábært tól ... að halda einhverjum á síðunni þinni er miklu betri upplifun en að senda hann á ytri síðu.

Hvað er Calendly?

Kannski samþættast beint við þinn Google vinnusvæði eða annað dagbókarkerfi til að búa til tímasetningareyðublöð sem eru bæði falleg og auðveld í notkun. Það besta af öllu er að þú getur jafnvel takmarkað þann tíma sem þú leyfir einhverjum að tengjast þér á dagatalinu þínu. Sem dæmi þá hef ég oft aðeins nokkrar klukkustundir lausar á ákveðnum dögum fyrir utanaðkomandi fundi.

Að nota tímaáætlun eins og þennan er líka miklu betri reynsla en bara að fylla út eyðublað. Fyrir mig ráðgjafarfyrirtæki um stafræna umbreytingu, við erum með hópsöluviðburði þar sem leiðtogahópurinn er á fundinum. Við samþættum einnig veffundarvettvanginn okkar við Calendly þannig að dagatalsboð innihalda alla netfundatenglana.

Calendly hefur hleypt af stokkunum græjuforskrift og stílblaði sem gerir frábært starf við að fella tímasetningarformið beint inn á síðu, opnað með hnappi eða jafnvel með fljótandi hnappi í síðufót síðunnar þinnar. Handritið að Calendly er vel skrifað, en skjölin til að samþætta það inn á síðuna þína eru alls ekki góð. Reyndar er ég hissa á því að Calendly hafi enn ekki gefið út eigin viðbætur eða öpp fyrir mismunandi vettvang.

Þetta er ótrúlega gagnlegt. Hvort sem þú ert í heimaþjónustu og vilt bjóða viðskiptavinum þínum leið til að skipuleggja stefnumót, hundagöngumaður, SaaS fyrirtæki sem vill að gestir skipuleggi kynningu eða stórt fyrirtæki með marga meðlimi þarftu að skipuleggja auðveldlega... Calendly og innfellingargræjurnar eru frábært sjálfsafgreiðslutæki.

Hvernig á að fella Calendly inn á síðuna þína

Undarlega, þú munt aðeins finna leiðbeiningar um þessa embed á Viðburðategund stig en ekki raunverulegt viðburðarstig innan Calendly reikningsins þíns. Þú finnur kóðann í fellilistanum fyrir stillingar viðburðartegundarinnar efst til hægri.

calendly embed

Þegar þú smellir á það muntu sjá valkostina fyrir gerðir innfellinga:

fella inn sprettigluggatexta

Ef þú grípur kóðann og fellir hann inn hvar sem þú vilt á síðunni þinni, þá eru nokkur vandamál.

  • Ef þú vilt kalla nokkrar mismunandi græjur á einni síðu … kannski hafa hnapp sem ræsir tímaáætlunina (Popup Text) sem og fóthnappinn (Popup Widget)… þú ætlar að bæta við stílblaðinu og skrifa par af tímum. Það er óþarfi.
  • Að hringja í ytri skriftu og stílblaðsskrá innbyggða á síðuna þína er ekki ákjósanlegasta leiðin til að bæta þjónustunni við síðuna þína.

Mín ráðlegging væri að hlaða stílblaðinu og Javascript í hausinn þinn ... notaðu síðan hinar búnaðinn þar sem þær eru skynsamlegar á síðuna þína.

Hvernig búnaður Calendly virkar

Kannski hefur tvær skrár sem þarf til að fella inn á síðuna þína, stílblað og javascript. Ef þú ætlar að setja þetta inn á síðuna þína, myndi ég bæta eftirfarandi við höfuðhluta HTML-númersins þíns:

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

Hins vegar, ef þú ert í WordPress, væri best að nota þitt functions.php skrá til að setja inn forskriftirnar með bestu starfsvenjum WordPress. Svo, í barnaþemanu mínu, hef ég eftirfarandi kóðalínur til að hlaða stílblaðinu og handritinu:

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

Það mun hlaða þessum (og skyndiminni) á síðuna mína. Nú get ég notað græjurnar þar sem ég vil hafa þær.

Calendly's Footer Button

Ég vil kalla tiltekinn atburð frekar en atburðartegundina á síðunni minni, svo ég er að hlaða eftirfarandi handriti í fótinn minn:

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

Þú munt sjá Kannski handritið skiptist niður sem hér segir:

  • URL – nákvæmlega atburðurinn sem ég vil hlaða í græjuna mína.
  • Texti – textinn sem ég vil að hnappurinn hafi.
  • Litur - bakgrunnslitur hnappsins.
  • texti Litur - litur textans.
  • blandaður – að fjarlægja Calendly vörumerkið.

Textasprettigluggi Calendly

Ég vil líka að þetta sé til staðar á síðunni minni með því að nota tengil eða hnapp. Til að gera þetta notarðu onClick viðburð í þínu Kannski akkeristexti. Minn hefur fleiri flokka til að sýna hann sem hnapp (sést ekki í dæminu hér að neðan):

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

Þessi skilaboð geta verið notuð til að hafa mörg tilboð á einni síðu. Kannski ertu með 3 tegundir af viðburðum sem þú vilt fella inn... breyttu bara slóðinni fyrir viðeigandi áfangastað og það mun virka.

Calendly's Inline Embed sprettigluggi

Innbyggða innfellingin er aðeins öðruvísi að því leyti að hún notar div sem er sérstaklega kallað eftir flokki og áfangastað.

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

Aftur, þetta er gagnlegt vegna þess að þú getur haft margar divs með hverri Kannski tímaáætlun á sömu síðu.

Aukaathugasemd: Ég vildi að Calendly breytti því hvernig þetta var útfært svo það þyrfti ekki að vera svo tæknilegt. Það væri frábært ef þú gætir bara haft námskeið og notað síðan áfangastaðinn href til að hlaða græjunni. Það myndi krefjast minni beina kóðun í gegnum innihaldsstjórnunarkerfi. En ... það er frábært tæki (í bili!). Til dæmis - WordPress tappi með stuttkóða væri tilvalið fyrir WordPress umhverfi. Ef þú hefur áhuga, Calendly... ég gæti auðveldlega smíðað þetta fyrir þig!

Byrjaðu með Calendly

Fyrirvari: Ég er notandi Calendly og einnig hlutdeildaraðili fyrir kerfið þeirra. Þessi grein hefur tengla tengla í gegnum greinina.