Calendly៖ របៀបបង្កប់ការលេចឡើងតាមកាលវិភាគ ឬប្រតិទិនដែលបានបង្កប់នៅក្នុងគេហទំព័រ ឬគេហទំព័រ WordPress របស់អ្នក

ធាតុក្រាហ្វិកកាលវិភាគប្រតិទិន

កាលពីប៉ុន្មានសប្តាហ៍មុន ខ្ញុំបាននៅលើគេហទំព័រមួយ ហើយបានកត់សម្គាល់ឃើញនៅពេលដែលខ្ញុំចុចតំណដើម្បីកំណត់ការណាត់ជួបជាមួយពួកគេ ដែលខ្ញុំមិនត្រូវបាននាំទៅគេហទំព័រគោលដៅនោះទេ មានធាតុក្រាហ្វិកដែលបានបោះពុម្ពផ្សាយ។ ប្រតិទិន កម្មវិធីកំណត់ពេលដោយផ្ទាល់នៅក្នុងបង្អួចលេចឡើង។ នេះគឺជាឧបករណ៍ដ៏ល្អមួយ… ការរក្សានរណាម្នាក់នៅលើគេហទំព័ររបស់អ្នកគឺជាបទពិសោធន៍ប្រសើរជាងការបញ្ជូនពួកគេទៅកាន់ទំព័រខាងក្រៅ។

តើ Calendly ជាអ្វី?

ប្រតិទិន រួមបញ្ចូលដោយផ្ទាល់ជាមួយរបស់អ្នក។ Google កន្លែងធ្វើការ ឬប្រព័ន្ធប្រតិទិនផ្សេងទៀតដើម្បីបង្កើតទម្រង់កាលវិភាគដែលមានទាំងភាពស្រស់ស្អាត និងងាយស្រួលប្រើ។ ល្អបំផុត អ្នកថែមទាំងអាចកំណត់ពេលវេលាដែលអ្នកអនុញ្ញាតឱ្យនរណាម្នាក់ភ្ជាប់ជាមួយអ្នកនៅលើប្រតិទិនរបស់អ្នក។ ជាឧទាហរណ៍ ជារឿយៗខ្ញុំមានពេលតែពីរបីម៉ោងប៉ុណ្ណោះដែលអាចរកបាននៅថ្ងៃជាក់លាក់សម្រាប់ការប្រជុំខាងក្រៅ។

ការប្រើប្រាស់កម្មវិធីកំណត់ពេលដូចនេះក៏ជាបទពិសោធន៍ដ៏ល្អប្រសើរជាងការបំពេញទម្រង់បែបបទផងដែរ។ សម្រាប់ខ្ញុំ ក្រុមហ៊ុនប្រឹក្សាការបំប្លែងឌីជីថលយើងមានព្រឹត្តិការណ៍លក់ជាក្រុម ដែលក្រុមអ្នកដឹកនាំកំពុងប្រជុំ។ យើងក៏រួមបញ្ចូលវេទិកាប្រជុំតាមគេហទំព័ររបស់យើងទៅ Calendly ដូច្នេះការអញ្ជើញប្រតិទិនរួមបញ្ចូលនូវតំណភ្ជាប់កិច្ចប្រជុំតាមអ៊ីនធឺណិតទាំងអស់។

Calendly បានដាក់ឱ្យដំណើរការនូវស្គ្រីបធាតុក្រាហ្វិក និងសន្លឹករចនាប័ទ្មដែលធ្វើការងារដ៏អស្ចារ្យក្នុងការបង្កប់ទម្រង់កាលវិភាគដោយផ្ទាល់នៅក្នុងទំព័រ បើកពីប៊ូតុង ឬសូម្បីតែពីប៊ូតុងអណ្តែតនៅក្នុងបាតកថាគេហទំព័ររបស់អ្នក។ ស្គ្រីបសម្រាប់ Calendly ត្រូវបានសរសេរយ៉ាងល្អ ប៉ុន្តែឯកសារសម្រាប់បញ្ចូលវាទៅក្នុងគេហទំព័ររបស់អ្នកគឺមិនល្អទាល់តែសោះ។ តាមពិតទៅ ខ្ញុំភ្ញាក់ផ្អើលដែល Calendly មិនទាន់បោះផ្សាយកម្មវិធីជំនួយ ឬកម្មវិធីផ្ទាល់ខ្លួនសម្រាប់វេទិកាផ្សេងៗ។

នេះមានប្រយោជន៍មិនគួរឱ្យជឿ។ មិនថាអ្នកស្ថិតនៅក្នុងសេវាកម្មផ្ទះ ហើយចង់ផ្តល់មធ្យោបាយសម្រាប់អតិថិជនរបស់អ្នកក្នុងការកំណត់ពេលណាត់ជួបរបស់ពួកគេ អ្នកដើរឆ្កែ ក្រុមហ៊ុន SaaS ដែលចង់ឱ្យអ្នកទស្សនាកំណត់ពេលបង្ហាញម៉ូដ ឬសាជីវកម្មធំដែលមានសមាជិកច្រើន អ្នកត្រូវកំណត់ពេលយ៉ាងងាយស្រួល... Calendly ហើយធាតុក្រាហ្វិកបង្កប់គឺជាឧបករណ៍បម្រើខ្លួនឯងដ៏អស្ចារ្យ។

របៀបបង្កប់ Calendly នៅលើគេហទំព័ររបស់អ្នក។

ចម្លែកណាស់ អ្នកនឹងឃើញតែទិសដៅនៅលើបង្កប់នៅ ប្រភេទព្រឹត្តិការណ៍ កម្រិត និងមិនមែនជាកម្រិតព្រឹត្តិការណ៍ជាក់ស្តែងនៅក្នុងគណនី Calendly របស់អ្នក។ អ្នកនឹងឃើញលេខកូដនៅក្នុងបញ្ជីទម្លាក់ចុះសម្រាប់ការកំណត់ប្រភេទព្រឹត្តិការណ៍នៅខាងស្តាំខាងលើ។

បង្កប់ដោយភាពរីករាយ

នៅពេលអ្នកចុចលើវា អ្នកនឹងឃើញជម្រើសសម្រាប់ប្រភេទនៃការបង្កប់៖

បង្កប់អត្ថបទលេចឡើង

ប្រសិនបើអ្នកចាប់យកកូដ ហើយបង្កប់វានៅកន្លែងណាដែលអ្នកចង់បាននៅលើគេហទំព័ររបស់អ្នក មានបញ្ហាមួយចំនួន។

  • ប្រសិនបើអ្នកចង់ហៅទៅធាតុក្រាហ្វិកផ្សេងគ្នាពីរបីនៅលើទំព័រតែមួយ… ប្រហែលជាមានប៊ូតុងដែលចាប់ផ្តើមកម្មវិធីកំណត់ពេល (អត្ថបទលេចឡើង) ក៏ដូចជាប៊ូតុងបាតកថា (ធាតុក្រាហ្វិកលេចឡើង)… អ្នកនឹងបន្ថែមសន្លឹករចនាប័ទ្ម និងស្គ្រីបពីរបី។ នៃដង។ នោះ​ជា​ការ​មិន​ចាំបាច់។
  • ការហៅឯកសារស្គ្រីបខាងក្រៅ និងសន្លឹករចនាប័ទ្មក្នុងជួរក្នុងគេហទំព័ររបស់អ្នក មិនមែនជាមធ្យោបាយដ៏ល្អបំផុតក្នុងការបន្ថែមសេវាកម្មទៅគេហទំព័ររបស់អ្នកនោះទេ។

ការណែនាំរបស់ខ្ញុំគឺត្រូវផ្ទុកសន្លឹករចនាប័ទ្ម និង Javascript នៅក្នុងបឋមកថារបស់អ្នក... បន្ទាប់មកប្រើធាតុក្រាហ្វិកផ្សេងទៀតដែលពួកគេយល់បានទូទាំងគេហទំព័ររបស់អ្នក។

របៀបដែលធាតុក្រាហ្វិករបស់ Calendly ដំណើរការ

ប្រតិទិន មានឯកសារពីរដែលត្រូវការដើម្បីបញ្ចូលទៅក្នុងគេហទំព័ររបស់អ្នក សន្លឹករចនាប័ទ្ម និង javascript ។ ប្រសិនបើអ្នកនឹងបញ្ចូលវាទៅក្នុងគេហទំព័ររបស់អ្នក ខ្ញុំនឹងបន្ថែមដូចខាងក្រោមទៅក្នុងផ្នែកក្បាលនៃ 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 ដែល - ព្រឹត្តិការណ៍ពិតប្រាកដដែលខ្ញុំចង់ផ្ទុកនៅក្នុងធាតុក្រាហ្វិករបស់ខ្ញុំ។
  • អត្ថបទ - អត្ថបទដែលខ្ញុំចង់ឱ្យប៊ូតុងមាន។
  • ពណ៌ - ពណ៌ផ្ទៃខាងក្រោយនៃប៊ូតុង។
  • ពណ៌អត្ថបទ - ពណ៌នៃអត្ថបទ។
  • ស្លាកសញ្ញា - ការដកម៉ាកយីហោ Calendly ចេញ។

ការលេចឡើងអត្ថបទរបស់ Calendly

ខ្ញុំ​ក៏​ចង់​ឱ្យ​វា​មាន​នៅ​ទូទាំង​គេហទំព័រ​របស់​ខ្ញុំ​ដោយ​ប្រើ​តំណ ឬ​ប៊ូតុង។ ដើម្បីធ្វើដូច្នេះ អ្នកអាចប្រើព្រឹត្តិការណ៍ onClick នៅក្នុងរបស់អ្នក។ ប្រតិទិន យុថ្កាអត្ថបទ។ មីនមានថ្នាក់បន្ថែមដើម្បីបង្ហាញវាជាប៊ូតុង (មិនឃើញក្នុងឧទាហរណ៍ខាងក្រោម)៖

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

សារនេះអាចត្រូវបានប្រើដើម្បីឱ្យមានការផ្តល់ជូនច្រើននៅលើទំព័រតែមួយ។ ប្រហែលជាអ្នកមានព្រឹត្តិការណ៍ 3 ប្រភេទដែលអ្នកចង់បង្កប់... គ្រាន់តែកែប្រែ URL សម្រាប់ទិសដៅសមស្រប នោះវានឹងដំណើរការ

Calendly's Inline Embed Popup

ការ​បង្កប់​ក្នុង​ជួរ​គឺ​ខុស​គ្នា​បន្តិច​ត្រង់​ថា​វា​ប្រើ​ div ដែល​ត្រូវ​បាន​ហៅ​ជា​ពិសេស​តាម​ថ្នាក់​ និង​ទិសដៅ។

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

ជាថ្មីម្តងទៀត វាមានប្រយោជន៍ព្រោះអ្នកអាចមាន divs ច្រើនជាមួយនីមួយៗ ប្រតិទិន កម្មវិធីកំណត់ពេលក្នុងទំព័រដូចគ្នា។

ចំណាំចំហៀង៖ ខ្ញុំសូមជូនពរ Calendly កែប្រែវិធីនេះត្រូវបានអនុវត្ត ដូច្នេះវាមិនចាំបាច់មានបច្ចេកទេសដូច្នេះទេ។ វានឹងល្អប្រសិនបើអ្នកគ្រាន់តែមានថ្នាក់មួយ ហើយបន្ទាប់មកប្រើ href ទិសដៅដើម្បីផ្ទុកធាតុក្រាហ្វិក។ វានឹងតម្រូវឱ្យមានការសរសេរកូដដោយផ្ទាល់តិចជាងនៅលើប្រព័ន្ធគ្រប់គ្រងមាតិកា។ ប៉ុន្តែ… វាជាឧបករណ៍ដ៏ល្អមួយ (សម្រាប់ពេលនេះ!) ឧទាហរណ៍ - កម្មវិធីជំនួយ WordPress ដែលមានលេខកូដខ្លីនឹងល្អសម្រាប់បរិស្ថាន WordPress ។ ប្រសិនបើអ្នកចាប់អារម្មណ៍ Calendly... ខ្ញុំអាចបង្កើតវាបានយ៉ាងងាយស្រួលសម្រាប់អ្នក!

ចាប់ផ្តើមជាមួយប្រតិទិន

ការបដិសេធ៖ ខ្ញុំជាអ្នកប្រើប្រាស់ Calendly ហើយក៏ជាសាខាសម្រាប់ប្រព័ន្ធរបស់ពួកគេផងដែរ។ អត្ថបទនេះមានតំណភ្ជាប់នៅទូទាំងអត្ថបទ។