Calendly: మీ వెబ్‌సైట్ లేదా WordPress సైట్‌లో షెడ్యూలింగ్ పాప్అప్ లేదా ఎంబెడెడ్ క్యాలెండర్‌ను ఎలా పొందుపరచాలి

Calendly షెడ్యూలింగ్ విడ్జెట్

కొన్ని వారాల క్రితం, నేను ఒక సైట్‌లో ఉన్నాను మరియు నేను వారితో అపాయింట్‌మెంట్ షెడ్యూల్ చేయడానికి లింక్‌ను క్లిక్ చేసినప్పుడు నేను గమ్యస్థాన సైట్‌కి తీసుకురాబడలేదని గమనించాను, అక్కడ ప్రచురించిన విడ్జెట్ ఉంది Calendly పాప్అప్ విండోలో నేరుగా షెడ్యూలర్. ఇది గొప్ప సాధనం... ఒకరిని బాహ్య పేజీకి ఫార్వార్డ్ చేయడం కంటే మీ సైట్‌లో ఉంచుకోవడం చాలా మెరుగైన అనుభవం.

కాలెండ్లీ అంటే ఏమిటి?

Calendly మీతో నేరుగా కలిసిపోతుంది గూగుల్ వర్క్‌స్పేస్ లేదా అందమైన మరియు ఉపయోగించడానికి సులభమైన షెడ్యూలింగ్ ఫారమ్‌లను రూపొందించడానికి ఇతర క్యాలెండరింగ్ సిస్టమ్. అన్నింటికంటే ఉత్తమమైనది, మీ క్యాలెండర్‌లో ఎవరైనా మీతో కనెక్ట్ అయ్యే సమయాన్ని కూడా మీరు పరిమితం చేయవచ్చు. ఉదాహరణగా, బాహ్య సమావేశాల కోసం నిర్దిష్ట రోజులలో నాకు తరచుగా రెండు గంటలు మాత్రమే అందుబాటులో ఉంటాయి.

ఫారమ్‌ను పూరించడం కంటే ఇలాంటి షెడ్యూలర్‌ని ఉపయోగించడం కూడా చాలా మెరుగైన అనుభవం. నా కోసం డిజిటల్ ట్రాన్స్‌ఫర్మేషన్ కన్సల్టింగ్ సంస్థ, లీడర్‌షిప్ టీమ్ సమావేశంలో ఉన్న గ్రూప్ సేల్స్ ఈవెంట్‌లు మాకు ఉన్నాయి. మేము మా వెబ్ మీటింగ్ ప్లాట్‌ఫారమ్‌ను Calendlyకి అనుసంధానిస్తాము, తద్వారా క్యాలెండర్ ఆహ్వానాలలో ఆన్‌లైన్ సమావేశ లింక్‌లు అన్నీ ఉంటాయి.

Calendly ఒక విడ్జెట్ స్క్రిప్ట్ మరియు స్టైల్‌షీట్‌ను ప్రారంభించింది, ఇది షెడ్యూలింగ్ ఫారమ్‌ను నేరుగా పేజీలో పొందుపరచడంలో గొప్ప పని చేస్తుంది, బటన్ నుండి తెరవబడుతుంది లేదా మీ సైట్ యొక్క ఫుటర్‌లోని ఫ్లోటింగ్ బటన్ నుండి కూడా. Calendly కోసం స్క్రిప్ట్ బాగా వ్రాయబడింది, కానీ దానిని మీ సైట్‌లో ఇంటిగ్రేట్ చేయడానికి డాక్యుమెంటేషన్ అస్సలు మంచిది కాదు. నిజానికి, వివిధ ప్లాట్‌ఫారమ్‌ల కోసం Calendly ఇంకా దాని స్వంత ప్లగిన్‌లు లేదా యాప్‌లను ప్రచురించకపోవడం నాకు ఆశ్చర్యంగా ఉంది.

ఇది చాలా ఉపయోగకరంగా ఉంది. మీరు హోమ్ సర్వీస్‌లలో ఉన్నా మరియు మీ కస్టమర్‌లకు వారి అపాయింట్‌మెంట్ షెడ్యూల్ చేయడానికి మార్గాలను అందించాలనుకుంటున్నారా, డాగ్ వాకర్, సందర్శకులు డెమోని షెడ్యూల్ చేయాలనుకునే SaaS కంపెనీ లేదా బహుళ సభ్యులతో కూడిన పెద్ద కార్పొరేషన్‌ని మీరు సులభంగా షెడ్యూల్ చేయవలసి ఉంటుంది... Calendly మరియు పొందుపరిచిన విడ్జెట్‌లు గొప్ప స్వీయ-సేవ సాధనం.

మీ సైట్‌లో క్యాలెండ్లీని ఎలా పొందుపరచాలి

విచిత్రమేమిటంటే, మీరు వీటిలో పొందుపరిచిన వాటిపై మాత్రమే దిశలను కనుగొంటారు ఈవెంట్ పద్ధతి స్థాయి మరియు మీ Calendly ఖాతాలోని వాస్తవ ఈవెంట్ స్థాయి కాదు. మీరు ఎగువ కుడి వైపున ఈవెంట్ రకం సెట్టింగ్‌ల కోసం డ్రాప్‌డౌన్‌లో కోడ్‌ను కనుగొంటారు.

calendly పొందుపరచు

మీరు దాన్ని క్లిక్ చేసిన తర్వాత, మీరు పొందుపరిచే రకాల ఎంపికలను చూస్తారు:

పాప్అప్ వచనాన్ని పొందుపరచండి

మీరు కోడ్‌ని పట్టుకుని, మీ సైట్‌లో మీకు నచ్చిన చోట పొందుపరిచినట్లయితే, కొన్ని సమస్యలు ఉన్నాయి.

  • మీరు ఒకే పేజీలో రెండు విభిన్న విడ్జెట్‌లను కాల్ చేయాలనుకుంటే... బహుశా షెడ్యూలర్ (పాప్‌అప్ టెక్స్ట్) అలాగే ఫుటర్ బటన్ (పాప్‌అప్ విడ్జెట్)ని ప్రారంభించే బటన్‌ను కలిగి ఉండవచ్చు... మీరు స్టైల్‌షీట్‌ను జోడించి జంటను స్క్రిప్ట్ చేయబోతున్నారు. సార్లు. అది అనవసరం.
  • మీ సైట్‌లో బాహ్య స్క్రిప్ట్ మరియు స్టైల్‌షీట్ ఫైల్ ఇన్‌లైన్‌కి కాల్ చేయడం మీ సైట్‌కి సేవను జోడించడానికి అత్యంత అనుకూలమైన మార్గం కాదు.

మీ హెడర్‌లో స్టైల్‌షీట్ మరియు జావాస్క్రిప్ట్‌ను లోడ్ చేయడమే నా సిఫార్సు... ఆపై మీ సైట్‌లో అర్థమయ్యే ఇతర విడ్జెట్‌లను ఉపయోగించండి.

Calendly యొక్క విడ్జెట్‌లు ఎలా పని చేస్తాయి

Calendly మీ సైట్‌లో పొందుపరచడానికి అవసరమైన రెండు ఫైల్‌లను కలిగి ఉంది, స్టైల్‌షీట్ మరియు జావాస్క్రిప్ట్. మీరు వీటిని మీ సైట్‌లోకి చొప్పించబోతున్నట్లయితే, నేను మీ HTML యొక్క ప్రధాన విభాగంలో కింది వాటిని జోడిస్తాను:

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

అయితే, మీరు WordPressలో ఉన్నట్లయితే, మీని ఉపయోగించడం ఉత్తమ అభ్యాసం functions.php WordPress యొక్క ఉత్తమ అభ్యాసాలను ఉపయోగించి స్క్రిప్ట్‌లను ఇన్సర్ట్ చేయడానికి ఫైల్. కాబట్టి, నా చైల్డ్ థీమ్‌లో, స్టైల్‌షీట్ మరియు స్క్రిప్ట్‌ను లోడ్ చేయడానికి నేను క్రింది కోడ్ లైన్‌లను కలిగి ఉన్నాను:

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

ఇది నా సైట్ అంతటా వీటిని (మరియు వాటిని కాష్) లోడ్ చేయబోతోంది. ఇప్పుడు నేను విడ్జెట్‌లను నేను కోరుకున్న చోట ఉపయోగించగలను.

Calendly యొక్క ఫుటర్ బటన్

నేను నా సైట్‌లోని ఈవెంట్ రకానికి బదులుగా నిర్దిష్ట ఈవెంట్‌కు కాల్ చేయాలనుకుంటున్నాను, కాబట్టి నేను నా ఫుటర్‌లో క్రింది స్క్రిప్ట్‌ను లోడ్ చేస్తున్నాను:

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

మీరు చూస్తారు Calendly స్క్రిప్ట్ ఈ క్రింది విధంగా విచ్ఛిన్నమవుతుంది:

  • URL - నేను నా విడ్జెట్‌లో లోడ్ చేయాలనుకుంటున్న ఖచ్చితమైన ఈవెంట్.
  • టెక్స్ట్ – నేను బటన్‌ని కలిగి ఉండాలని కోరుకునే వచనం.
  • రంగు - బటన్ యొక్క నేపథ్య రంగు.
  • టెక్స్ట్ కలర్ - టెక్స్ట్ యొక్క రంగు.
  • బ్రాండింగ్ - Calendly బ్రాండింగ్‌ను తీసివేయడం.

Calendly యొక్క టెక్స్ట్ పాప్అప్

లింక్ లేదా బటన్‌ని ఉపయోగించి ఇది నా సైట్ అంతటా అందుబాటులో ఉండాలనుకుంటున్నాను. దీన్ని చేయడానికి, మీరు మీలో ఆన్‌క్లిక్ ఈవెంట్‌ను ఉపయోగించుకుంటారు Calendly యాంకర్ టెక్స్ట్. గని దానిని బటన్‌గా ప్రదర్శించడానికి అదనపు తరగతులను కలిగి ఉంది (దిగువ ఉదాహరణలో కనిపించదు):

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

ఒకే పేజీలో బహుళ ఆఫర్‌లను కలిగి ఉండటానికి ఈ సందేశాన్ని ఉపయోగించవచ్చు. బహుశా మీరు పొందుపరచాలనుకుంటున్న 3 రకాల ఈవెంట్‌లను కలిగి ఉండవచ్చు... తగిన గమ్యస్థానం కోసం URLని సవరించండి మరియు అది పని చేస్తుంది.

Calendly యొక్క ఇన్‌లైన్ పొందుపరిచిన పాప్అప్

ఇన్‌లైన్ పొందుపరచడం కొద్దిగా భిన్నంగా ఉంటుంది, ఇది ప్రత్యేకంగా తరగతి మరియు గమ్యస్థానం ద్వారా పిలువబడే ఒక divని ఉపయోగిస్తుంది.

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

మళ్ళీ, ఇది ఉపయోగకరంగా ఉంటుంది ఎందుకంటే మీరు ప్రతిదానితో బహుళ divలను కలిగి ఉండవచ్చు Calendly అదే పేజీలో షెడ్యూలర్.

సైడ్ నోట్: ఇది అమలు చేయబడిన విధానాన్ని Calendly సవరించాలని నేను కోరుకుంటున్నాను కాబట్టి ఇది సాంకేతికంగా ఉండవలసిన అవసరం లేదు. మీరు కేవలం ఒక తరగతిని కలిగి ఉండి, ఆపై విడ్జెట్‌ను లోడ్ చేయడానికి గమ్యం hrefని ఉపయోగించినట్లయితే ఇది చాలా బాగుంటుంది. దానికి కంటెంట్ మేనేజ్‌మెంట్ సిస్టమ్‌లలో తక్కువ డైరెక్ట్ కోడింగ్ అవసరం. కానీ... ఇది గొప్ప సాధనం (ప్రస్తుతానికి!). ఉదాహరణకు - షార్ట్‌కోడ్‌లతో కూడిన WordPress ప్లగ్ఇన్ WordPress వాతావరణానికి అనువైనది. మీకు ఆసక్తి ఉంటే, Calendly... నేను మీ కోసం దీన్ని సులభంగా నిర్మించగలను!

క్యాలెండ్లీతో ప్రారంభించండి

నిరాకరణ: నేను Calendly యొక్క వినియోగదారుని మరియు వారి సిస్టమ్‌కు అనుబంధ సంస్థను కూడా. ఈ కథనం వ్యాసం అంతటా అనుబంధ లింక్‌లను కలిగి ఉంది.