کیلنډلي: ستاسو په ویب پا orه یا ورډپریس سایټ کې د مهالویش پاپ اپ یا ایمبیډ شوي تقویم څنګه ځای په ځای کړئ

د مهال ویش ویجټ

څو اونۍ دمخه، زه په سایټ کې وم او ما ولیدل کله چې ما د دوی سره د لیدنې مهالویش کولو لپاره لینک کلیک کړ چې زه د منزل سایټ ته نه یم راوړل شوی، هلته یو ویجټ و چې خپور یې کړ. کلینډ مهالویش مستقیم په پاپ اپ کړکۍ کې. دا یو عالي وسیله ده… ستاسو په سایټ کې د یو چا ساتل د بهرنۍ پاڼې ته د لیږلو په پرتله خورا ښه تجربه ده.

Calendly څه شی دی؟

کلینډ مستقیم ستاسو سره یوځای کیږي د ګوګل کاري ځای یا د مهالویش فارمونو جوړولو لپاره نور کیلنڈرینګ سیسټم چې دواړه ښکلي او کارول اسانه دي. تر ټولو غوره، تاسو حتی کولی شئ هغه وخت محدود کړئ چې تاسو اجازه ورکړئ یو څوک ستاسو سره ستاسو په کیلنڈر کې اړیکه ونیسي. د مثال په توګه، زه ډیری وختونه د بهرنیو غونډو لپاره په ځانګړو ورځو کې یوازې څو ساعته شتون لرم.

د دې په څیر د مهالویش کارول هم یوازې د فارم ډکولو په پرتله خورا ښه تجربه ده. زما لپاره د ډیجیټل بدلون مشورتي شرکت، موږ د ګروپ پلور پیښې لرو چیرې چې د مشرتابه ټیم په ناسته کې وي. موږ زموږ د ویب ناستې پلیټ فارم په Calendly کې مدغم کوو ترڅو د کیلنڈر بلنې کې د آنلاین ناستې ټولې لینکونه شامل وي.

Calendly د ویجټ سکریپټ او سټایل شیټ په لاره اچولی دی چې په مستقیم ډول په یوه پاڼه کې د مهالویش فورمه ځای پرځای کولو کې خورا ښه دنده ترسره کوي، د تڼۍ څخه پرانیستل کیږي، یا حتی ستاسو د سایټ په فوټر کې د تیر شوي تڼۍ څخه. د Calendly لپاره سکریپټ ښه لیکل شوی، مګر ستاسو په سایټ کې د مدغم کولو اسناد بالکل ښه ندي. په حقیقت کې، زه حیران یم چې Calendly لا تر اوسه د مختلف پلیټ فارمونو لپاره خپل پلگ ان یا ایپسونه خپاره کړي.

دا د حیرانتیا وړ ګټور دی. که تاسو د کور خدماتو کې یاست او غواړئ خپلو پیرودونکو ته د دوی د لیدنې مهالویش مهالویش لپاره وسیله چمتو کړئ ، د سپي واکر ، د SaaS شرکت چې لیدونکي غواړي د ډیمو مهالویش تنظیم کړي ، یا یو لوی کارپوریشن چې ډیری غړو سره تاسو اړتیا لرئ په اسانۍ سره مهالویش وکړئ… او ایمبیډ ویجټونه د ځان خدمت عالي وسیله ده.

ستاسو په سایټ کې د کلینډي ایمبیډ کولو څرنګوالی

په حیرانتیا سره، تاسو به یوازې په دې ایمبیډ کې لارښوونې ومومئ د پیښو ډول کچه او نه ستاسو د 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>

په هرصورت، که تاسو په ورڈپریس کې یاست، غوره تمرین به ستاسو د کارولو لپاره وي functions.php د ورڈپریس غوره عملونو په کارولو سره سکریپټونو دننه کولو لپاره فایل. نو، زما د ماشوم په موضوع کې، زه د سټایل شیټ او سکریپټ پورته کولو لپاره د کوډ لاندې لینونه لرم:

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 د متن پاپ اپ

زه دا هم غواړم چې دا زما په سایټ کې د لینک یا تڼۍ په کارولو سره شتون ولري. د دې کولو لپاره ، تاسو په خپل کې د onClick پیښه وکاروئ کلینډ لنگر متن. زما د تڼۍ په توګه د ښودلو لپاره اضافي ټولګي لري (په لاندې مثال کې نه لیدل کیږي):

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

دا پیغام په یوه پاڼه کې د ډیری وړاندیزونو لپاره کارول کیدی شي. شاید تاسو 3 ډوله پیښې ولرئ چې تاسو یې ځای پرځای کول غواړئ… یوازې د مناسب منزل لپاره URL بدل کړئ او دا به کار وکړي.

د کلینډلي انلاین امبیډ پاپ اپ

انلاین ایمبیډ یو څه توپیر لري چې دا یو div کاروي چې په ځانګړي ډول د ټولګي او منزل لخوا ویل کیږي.

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

بیا بیا، دا ګټور دی ځکه چې تاسو کولی شئ د هر یو سره ډیری ډیویونه ولرئ کلینډ مهالویش په ورته پاڼه کې.

اړخ یادښت: زه هیله لرم چې کیلنډلي هغه طریقه بدله کړي چې دا پلي شوي نو دا باید دومره تخنیکي نه وي. دا به ښه وي که تاسو یوازې یو ټولګي ولرئ او بیا د ویجټ بارولو لپاره د منزل href وکاروئ. دا به د مینځپانګې مدیریت سیسټمونو کې لږ مستقیم کوډ کولو ته اړتیا ولري. مګر ... دا یو عالي وسیله ده (د اوس لپاره!). د مثال په توګه - د شارټ کوډونو سره د ورڈپریس پلگ ان به د ورڈپریس چاپیریال لپاره غوره وي. که تاسو لیوالتیا لرئ، Calendly… زه کولی شم دا ستاسو لپاره په اسانۍ سره جوړ کړم!

د Calendly سره پیل کړئ

اعلان: زه د Calendly کارونکی یم او د دوی سیسټم لپاره وابسته هم یم. دا مقاله په ټوله مقاله کې وابسته اړیکې لري.