क्यालेन्डली: तपाइँको वेबसाइट वा वर्डप्रेस साइट मा एक तालिका पपअप वा एम्बेडेड क्यालेन्डर कसरी एम्बेड गर्ने

क्यालेन्डली समय तालिका विजेट

केही हप्ता अघि, म एक साइटमा थिएँ र मैले उनीहरूसँग भेटघाटको समय तालिका बनाउन लिङ्क क्लिक गर्दा मलाई गन्तव्य साइटमा ल्याइएको थिएन, त्यहाँ एउटा विजेट थियो जुन प्रकाशित भयो। पात्रो रूपमा सिधै पपअप विन्डोमा अनुसूचक। यो एक उत्कृष्ट उपकरण हो... कसैलाई आफ्नो साइटमा राख्नु तिनीहरूलाई बाह्य पृष्ठमा फर्वार्ड गर्नु भन्दा धेरै राम्रो अनुभव हो।

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>

तपाईंले हेर्नुहुनेछ पात्रो रूपमा स्क्रिप्ट निम्नानुसार विभाजित हुन्छ:

  • URL - सही घटना म मेरो विजेटमा लोड गर्न चाहन्छु।
  • पाठ - पाठ जुन म बटनमा हुन चाहन्छु।
  • रंग - बटन को पृष्ठभूमि रंग।
  • पाठ रor्ग - पाठको रंग।
  • ब्रान्डिङ - क्यालेन्डली ब्रान्डिङ हटाउँदै।

क्यालेन्डलीको टेक्स्ट पपअप

म यो लिंक वा बटन प्रयोग गरेर मेरो साइटमा उपलब्ध गराउन चाहन्छु। यो गर्नको लागि, तपाइँ आफ्नो मा एक onClick घटना प्रयोग गर्नुहोस् पात्रो रूपमा लंगर पाठ। मेरोसँग बटनको रूपमा प्रदर्शन गर्न थप कक्षाहरू छन् (तलको उदाहरणमा देखाइएको छैन):

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

फेरि, यो उपयोगी छ किनकि तपाइँसँग प्रत्येकसँग धेरै divs हुन सक्छ पात्रो रूपमा एउटै पृष्ठमा अनुसूचक।

साइड नोट: म चाहान्छु कि क्यालेन्डलीले यसलाई लागू गर्ने तरिका परिमार्जन गर्यो त्यसैले यो यति प्राविधिक हुनुपर्दैन। यो राम्रो हुनेछ यदि तपाइँ भर्खर एउटा कक्षा लिन सक्नुहुन्छ र त्यसपछि विजेट लोड गर्न गन्तव्य href प्रयोग गर्नुभयो। यसले सामग्री व्यवस्थापन प्रणालीहरूमा कम प्रत्यक्ष कोडिङ आवश्यक पर्दछ। तर... यो एक महान उपकरण हो (अहिलेको लागि!)। उदाहरण को लागी - सर्टकोड संग एक WordPress प्लगइन एक WordPress वातावरण को लागी आदर्श हुनेछ। यदि तपाइँ इच्छुक हुनुहुन्छ भने, Calendly... म सजिलै तपाइँको लागि यो निर्माण गर्न सक्छु!

Calendly को साथ सुरू गर्नुहोस्

अस्वीकरण: म Calendly को प्रयोगकर्ता हुँ र तिनीहरूको प्रणालीको लागि एक सम्बद्ध पनि हुँ। यस लेखमा सम्पूर्ण लेखमा सम्बद्ध लिङ्कहरू छन्।