Mìosachan: Mar a chuireas tu a-steach clàr clàr-ama no mìosachan freumhaichte anns an làrach-lìn agad no an làrach WordPress agad

Widget clàr-ama mìosachain

O chionn beagan sheachdainean, bha mi air làrach agus mhothaich mi nuair a bhriog mi ceangal gus clàr a chuir air dòigh leotha nach deach mo thoirt gu làrach ceann-uidhe, bha widget ann a dh ’fhoillsich an Mìos clàr-ama gu dìreach ann an uinneag popup. Is e deagh inneal a tha seo ... tha e fada nas fheàrr cuideigin a chumail air an làrach agad na bhith gan cur air adhart gu duilleag a-muigh.

Dè a th ’ann am mìosachan?

Mìos ag amalachadh gu dìreach ri do Àite-obrach Google no siostam mìosachain eile gus foirmean clàraidh a thogail a tha an dà chuid brèagha agus furasta an cleachdadh. Gu h-iomlan, faodaidh tu eadhon cuingealachadh a dhèanamh air an ùine a leigeas leat cuideigin ceangal riut air a ’mhìosachan agad. Mar eisimpleir, gu tric chan eil agam ach uair no dhà airson làithean sònraichte airson coinneamhan taobh a-muigh.

Tha cleachdadh clàr-ama mar seo cuideachd na eòlas fada nas fheàrr na dìreach a bhith a ’lìonadh foirm. Dha mo chuid companaidh comhairleachaidh cruth-atharrachadh didseatach, tha tachartasan reic buidhne againn far a bheil an sgioba ceannais air a ’choinneimh. Bidh sinn cuideachd ag aonachadh an àrd-ùrlar coinneimh lìn againn gu Calendly gus am bi cuiridhean mìosachain a ’toirt a-steach na ceanglaichean coinneimh air-loidhne gu lèir.

Tha Calendly air sgriobt widget agus duilleag-stoidhle a chuir air bhog a bhios a ’dèanamh obair mhath air a bhith a’ daingneachadh an fhoirm clàraidh gu dìreach ann an duilleag, air fhosgladh bho phutan, no eadhon bho phutan fleòdraidh ann an coisiche na làraich agad. Tha an sgriobt airson Calendly air a sgrìobhadh gu math, ach chan eil an sgrìobhainnean airson a thoirt a-steach don làrach agad math idir. Gu dearbh, tha mi a ’cur iongnadh orm nach eil Calendly fhathast air na plugins no na h-aplacaidean aige fhèin fhoillseachadh airson diofar àrd-ùrlaran.

Tha seo air leth feumail. Co-dhiù a tha thu ann an seirbheisean dachaigh agus ag iarraidh dòigh a thoirt don luchd-ceannach agad an òrdachadh a chuir air dòigh, neach-coiseachd coin, companaidh SaaS a tha ag iarraidh air luchd-tadhail demo a chuir air dòigh, no corporra mòr le grunn bhuill feumaidh tu a chlàradh gu furasta… Mìosachan agus tha na widgets leabachaidh nan deagh inneal fèin-sheirbheis.

Mar a chuireas tu a-steach mìosachan air do làrach

Gu iongantach, chan fhaigh thu ach stiùireadh air na freumhaichean sin aig an Seòrsa Tachartas ìre agus chan e an fhìor ìre tachartais sa chunntas Calendly agad. Lorgaidh tu an còd anns an drop airson roghainnean an t-seòrsa tachartais air an taobh dheis.

leabachadh calendly

Aon uair ‘s gu bheil thu a’ briogadh sin, chì thu na roghainnean airson na seòrsaichean de leabaichean:

cuir a-steach teacsa popup

Ma gheibh thu grèim air a ’chòd agus ma chuireas tu a-steach e cuibhle a bu mhath leat air an làrach agad, tha grunn chùisean ann.

  • Ma tha thu airson widgets càraid a ghairm air aon duilleag ... is dòcha gu bheil putan agad a chuireas an clàr-ama (Popup Text) air bhog a bharrachd air a ’phutan footer (Popup Widget)… tha thu a’ dol a chur ris an duilleag-stoidhle agus a ’sgrìobhadh càraid de dh ’amannan. Chan eil feum air sin.
  • Chan e a bhith a ’gairm sgriobt taobh a-muigh agus faidhle stoidhle air an làrach agad an dòigh as fheàrr air an t-seirbheis a chur ris an làrach agad.

Is e mo mholadh a bhith a ’luchdachadh an duilleag-stoidhle agus Javascript anns a’ cheann agad… an uairsin cleachd na widgets eile far am bi iad a ’dèanamh ciall air feadh na làraich agad.

Mar a bhios Widgets Calendly ag obair

Mìos tha dà fhaidhle a dh ’fheumar gus a chuir a-steach don làrach agad, duilleag-stoidhle agus javascript. Ma tha thu a ’dol a chuir a-steach iad air do làrach, chuirinn na leanas ann am prìomh roinn an HTML agad:

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

Ach, ma tha thu ann an WordPress, bhiodh an cleachdadh as fheàrr a bhith a ’cleachdadh do chuid functions.php faidhle gus na sgriobtaichean a chuir a-steach a ’cleachdadh na cleachdaidhean as fheàrr aig WordPress. Mar sin, ann an cuspair mo phàiste, tha na loidhnichean còd a leanas agam airson an duilleag-stoidhle agus an sgriobt a luchdachadh:

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

Tha sin a ’dol a luchdachadh iad sin (agus an tasgadan) air feadh mo làrach. A-nis is urrainn dhomh na widgets a chleachdadh far am bu mhath leam iad.

Putan coise Calendly

Tha mi airson an tachartas sònraichte a ghairm seach an seòrsa tachartas air an làrach agam, agus mar sin tha mi a ’luchdachadh an sgriobt a leanas nam chois:

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

Chì thu Mìos tha an sgriobt a ’briseadh sìos mar a leanas:

  • URL - an dearbh thachartas a tha mi airson a luchdachadh anns a ’widget agam.
  • teacsa - an teacsa a tha mi ag iarraidh air a ’phutan.
  • Color - dath cùl a ’phutan.
  • dath teacsa - dath an teacsa.
  • brandadh - a ’toirt air falbh branndadh Calendly.

Popup teacsa Calendly

Tha mi cuideachd ag iarraidh gum bi seo ri fhaighinn air feadh mo làrach a ’cleachdadh ceangal no putan. Gus seo a dhèanamh, bidh thu a ’cleachdadh tachartas onClick anns an Mìos teacsa acair. Tha clasaichean a bharrachd aig Mine airson a thaisbeanadh mar phutan (nach fhaicear san eisimpleir gu h-ìosal):

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

Faodar an teachdaireachd seo a chleachdadh gus iomadh tairgse a bhith agad air aon duilleag. Is dòcha gu bheil 3 seòrsa de thachartasan agad a bu mhath leat a neadachadh ... dìreach atharraich an URL airson a ’cheann-uidhe iomchaidh agus obraichidh e.

Inline Embed Popup aig Calendly

Tha an leabachadh inline beagan eadar-dhealaichte seach gu bheil e a ’cleachdadh div a tha gu sònraichte air ainmeachadh a rèir clas agus ceann-uidhe.

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

A-rithist, tha seo feumail oir faodaidh grunn divs a bhith agad le gach fear Mìos clàr-ama air an aon duilleag.

Nota taobh: Tha mi airson gun atharraich Calendly an dòigh anns an deach seo a chuir an gnìomh gus nach fheumadh e a bhith cho teicnigeach. Bhiodh e math nam b ’urrainn dhut dìreach clas a bhith agad agus an uairsin an ceann-uidhe href a chleachdadh gus am widget a luchdachadh. Bhiodh sin a ’feumachdainn nas lugha de chòdachadh dìreach thar siostaman riaghlaidh susbaint. Ach… tha e na inneal fìor mhath (airson a-nis!). Mar eisimpleir - bhiodh plugan WordPress le shortcodes air leth freagarrach airson àrainneachd WordPress. Ma tha ùidh agad, Mìosachan ... b ’urrainn dhomh seo a thogail dhut gu furasta!

Tòisich le mìosachan

Àicheadh: Tha mi a ’cleachdadh Calendly agus cuideachd na neach-dàimh airson an t-siostam aca. Tha ceanglaichean ceangailte ris an artaigil seo air feadh an artaigil.