Calendly: ඔබේ වෙබ් අඩවියේ හෝ වර්ඩ්ප්‍රෙස් අඩවියේ උපලේඛනගත උත්පතනයක් හෝ කාවැද්දූ දින දර්ශනයක් ඇතුළත් කරන්නේ කෙසේද?

Calendly Scheduling Widget

සති කිහිපයකට පෙර, මම වෙබ් අඩවියක සිටි අතර ඔවුන් සමඟ හමුවීමක් උපලේඛනගත කිරීමට සබැඳියක් ක්ලික් කළ විට මා ගමනාන්ත අඩවියකට ගෙන නොගිය බව දුටුවෙමි, එහි පළ කළ විජට් එකක් තිබේ. දින දර්ශනය උපලේඛනය කෙලින්ම උත්පතන කවුළුවක. මෙය විශිෂ්ට මෙවලමකි... යමෙකු බාහිර පිටුවකට යොමු කිරීමට වඩා ඔබේ වෙබ් අඩවියේ තබා ගැනීම වඩා හොඳ අත්දැකීමකි.

Calendly යනු කුමක්ද?

දින දර්ශනය ඔබේ සමඟ සෘජුවම ඒකාබද්ධ වේ ගූගල් වැඩපොළ හෝ අලංකාර සහ භාවිතයට පහසු කාලසටහන් ආකෘති ගොඩනැගීමට වෙනත් දින දර්ශන පද්ධතියක්. හොඳම දෙය නම්, ඔබේ දින දර්ශනයේ ඔබ සමඟ සම්බන්ධ වීමට යමෙකුට ඉඩ දෙන කාලය පවා ඔබට සීමා කළ හැකිය. උදාහරණයක් ලෙස, බාහිර රැස්වීම් සඳහා මට බොහෝ විට ඇත්තේ නිශ්චිත දිනවල පැය කිහිපයක් පමණි.

මෙවැනි උපලේඛකයක් භාවිතා කිරීම පෝරමයක් පිරවීමට වඩා හොඳ අත්දැකීමකි. මගේ සඳහා ඩිජිටල් පරිවර්තන උපදේශන සමාගම, නායකත්ව කණ්ඩායම රැස්වීමේ සිටින කණ්ඩායම් විකුණුම් සිදුවීම් අප සතුව ඇත. අපි අපගේ වෙබ් රැස්වීම් වේදිකාව Calendly වෙත ඒකාබද්ධ කරන්නෙමු, එවිට දින දර්ශන ආරාධනාවල සියලුම සබැඳි රැස්වීම් සබැඳි ඇතුළත් වේ.

Calendly විසින් විජට් ස්ක්‍රිප්ට් සහ මෝස්තර පත්‍රිකාවක් දියත් කර ඇති අතර එය උපලේඛන පෝරමය කෙලින්ම පිටුවකට කාවැද්දීමට, බොත්තමකින් විවෘත කිරීමට හෝ ඔබේ වෙබ් අඩවියේ පාදකයේ පාවෙන බොත්තමකින් පවා විශාල කාර්යයක් කරයි. Calendly සඳහා ස්ක්‍රිප්ට් එක හොඳින් ලියා ඇත, නමුත් එය ඔබේ වෙබ් අඩවියට ඒකාබද්ධ කිරීමට ලේඛනගත කිරීම කිසිසේත් හොඳ නැත. ඇත්ත වශයෙන්ම, Calendly හට තවමත් විවිධ වේදිකා සඳහා තමන්ගේම ප්ලගීන හෝ යෙදුම් ප්‍රකාශයට පත් නොකිරීම ගැන මම පුදුම වෙමි.

මෙය ඇදහිය නොහැකි තරම් ප්රයෝජනවත් වේ. ඔබ නිවෙස් සේවාවල සිටියත්, ඔබේ ගනුදෙනුකරුවන්ට ඔවුන්ගේ හමුවීම කාලසටහන්ගත කිරීමට මාධ්‍යයක් සැපයීමට අවශ්‍ය වුවත්, සුනඛ ඇවිදින්නෙකු, අමුත්තන්ට ආදර්ශනයක් උපලේඛනගත කිරීමට අවශ්‍ය SaaS සමාගමක් හෝ ඔබට පහසුවෙන් කාලසටහන්ගත කළ යුතු බහු සාමාජිකයින් සහිත විශාල සංස්ථාවක්... Calendly සහ embed widgets විශිෂ්ට ස්වයං සේවා මෙවලමකි.

ඔබේ වෙබ් අඩවියේ Calendly Embed කරන්නේ කෙසේද?

පුදුමයට කරුණක් නම්, ඔබ මෙම කාවැද්දීම මත පමණක් දිශාවන් සොයා ගනු ඇත සිදුවීම් වර්ගය මට්ටම මිස ඔබේ Calendly ගිණුමේ සැබෑ සිදුවීම් මට්ටම නොවේ. ඉහළ දකුණේ ඇති සිදුවීම් ආකාරයේ සැකසීම් සඳහා පතන තුළ ඔබට කේතය සොයාගත හැකිය.

calendly embed

ඔබ එය ක්ලික් කළ පසු, ඔබ කාවැද්දීම් වර්ග සඳහා විකල්ප දකිනු ඇත:

උත්පතන පෙළ ඇතුළත් කරන්න

ඔබ කේතය ග්‍රහණය කර ඔබේ අඩවියේ ඔබ කැමති ඕනෑම තැනක එය කාවැද්දුවහොත්, ගැටලු කිහිපයක් තිබේ.

  • ඔබට තනි පිටුවක විවිධ විජට් කිහිපයක් ඇමතීමට අවශ්‍ය නම්... සමහරවිට උපලේඛනය (Popup Text) මෙන්ම පාදක බොත්තම (Popup Widget) දියත් කරන බොත්තමක් තිබිය හැක... ඔබ මෝස්තර පත්‍රිකාව එකතු කර යුවලක් ස්ක්‍රිප්ට් කිරීමට යන්නේ ය. වාර ගණන. ඒක අනවශ්‍යයි.
  • ඔබගේ වෙබ් අඩවියේ බාහිර ස්ක්‍රිප්ට් සහ ස්ටයිල් ෂීට් ගොනු පේළිගතව ඇමතීම ඔබගේ වෙබ් අඩවියට සේවාව එක් කිරීමට වඩාත්ම ප්‍රශස්ත මාධ්‍ය නොවේ.

මගේ නිර්දේශය වනුයේ මෝස්තර පත්‍රිකාව සහ ජාවාස්ක්‍රිප්ට් ඔබේ ශීර්ෂකය තුළ පැටවීමයි... ඉන්පසු ඔබේ වෙබ් අඩවිය පුරා අර්ථවත් වන අනෙකුත් විජට් භාවිත කරන්න.

Calendly's Widgets ක්‍රියා කරන ආකාරය

දින දර්ශනය ඔබේ වෙබ් අඩවියට කාවැද්දීමට අවශ්‍ය ගොනු දෙකක් තිබේ, මෝස්තර පත්‍රිකාවක් සහ ජාවාස්ක්‍රිප්ට් එකක්. ඔබ මේවා ඔබේ අඩවියට ඇතුළු කිරීමට යන්නේ නම්, මම ඔබේ 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>

කෙසේ වෙතත්, ඔබ වර්ඩ්ප්‍රෙස් හි සිටී නම්, හොඳම භාවිතය වනුයේ ඔබගේ භාවිතා කිරීමයි 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's Text Popup

සබැඳියක් හෝ බොත්තමක් භාවිතයෙන් මෙය මගේ වෙබ් අඩවිය පුරා ලබා ගැනීමට ද මට අවශ්‍යය. මෙය සිදු කිරීම සඳහා, ඔබ ඔබේ 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>

නැවතත්, මෙය ප්‍රයෝජනවත් වන්නේ ඔබට එක් එක් සමඟ බහු බෙදීම් තිබිය හැකි බැවිනි දින දර්ශනය එම පිටුවේම කාලසටහන් කරන්නා.

අතුරු සටහන: මම කැමතියි Calendly මෙය ක්‍රියාත්මක කළ ආකාරය වෙනස් කළා නම් එය එතරම් තාක්‍ෂණික විය යුතු නැත. ඔබට නිකම්ම පන්තියක් තබා විජට් එක පූරණය කිරීමට ගමනාන්තය href භාවිතා කළ හැකි නම් එය ඉතා හොඳයි. ඒ සඳහා අන්තර්ගත කළමනාකරණ පද්ධති හරහා අඩු සෘජු කේතීකරණයක් අවශ්‍ය වේ. නමුත්... එය විශිෂ්ට මෙවලමක් (දැනට!). උදාහරණයක් ලෙස - කෙටි කේත සහිත WordPress ප්ලගිනයක් WordPress පරිසරයක් සඳහා වඩාත් සුදුසු වේ. ඔබ කැමති නම්, Calendly... මට ඔබ වෙනුවෙන් මෙය පහසුවෙන් ගොඩනගා ගත හැක!

Calendly සමඟ ආරම්භ කරන්න

වියාචනය: මම Calendly හි පරිශීලකයෙක් සහ ඔවුන්ගේ පද්ධතිය සඳහා අනුබද්ධිතයෙක්. මෙම ලිපියේ ලිපිය පුරා අනුබද්ධ සබැඳි ඇත.