Kalendly: Qanday qilib rejalashtirish qalqib chiquvchi oynasi yoki o'rnatilgan kalendarni veb-saytingizga yoki WordPress saytingizga joylashtirishingiz mumkin

Kalendly rejalashtirish vidjeti

Bir necha hafta oldin, men bir saytda edim va ular bilan uchrashuv tayinlash uchun havolani bosganimda, men belgilangan saytga olib kelmaganimni payqadim, u erda vidjet e'lon qilingan. Kalendar rejalashtiruvchi to'g'ridan-to'g'ri qalqib chiquvchi oynada. Bu ajoyib vosita… biror kishini saytingizda ushlab turish, uni tashqi sahifaga yo'naltirishdan ko'ra ancha yaxshi tajriba.

Calendly nima?

Kalendar bilan bevosita integratsiya Google ish maydoni yoki boshqa taqvim tizimi chiroyli va ishlatish uchun qulay jadval shakllarini yaratish uchun. Eng muhimi, siz hatto taqvimingizda kimdir siz bilan bog'lanishga ruxsat berish vaqtini cheklashingiz mumkin. Misol tariqasida, menda ko'pincha tashqi uchrashuvlar uchun ma'lum kunlarda bir necha soat vaqtim bor.

Bunday rejalashtiruvchidan foydalanish shunchaki anketani to'ldirishdan ko'ra ancha yaxshi tajribadir. Mening uchun raqamli transformatsiya bo'yicha konsalting kompaniyasi, bizda etakchilik jamoasi yig'ilishda bo'lgan guruh savdo tadbirlari mavjud. Shuningdek, biz veb-uchrashuv platformamizni Calendly bilan birlashtiramiz, shunda kalendar taklifnomalari barcha onlayn uchrashuv havolalarini o'z ichiga oladi.

Calendly vidjet skripti va uslublar jadvalini ishga tushirdi, u rejalashtirish shaklini to'g'ridan-to'g'ri sahifaga, tugmachadan ochilgan yoki hatto saytingizning pastki qismidagi suzuvchi tugmachaga joylashtirishda juda yaxshi ishlaydi. Calendly uchun skript yaxshi yozilgan, lekin uni saytingizga integratsiyalash uchun hujjatlar umuman yaxshi emas. Darhaqiqat, men Calendly turli platformalar uchun o'z plaginlari yoki ilovalarini nashr etmaganiga hayronman.

Bu aql bovar qilmaydigan darajada foydali. Siz uy xizmatlarida bo'lasizmi va mijozlaringizga uchrashuvlarini rejalashtirish uchun vositani taqdim qilmoqchimisiz, it sayr qiluvchi, tashrif buyuruvchilar demo rejalashtirishni xohlaydigan SaaS kompaniyasi yoki bir nechta a'zolari bo'lgan yirik korporatsiya sizga osonlik bilan rejalashtirishingiz kerak ... Kalendly va o'rnatish vidjetlari o'z-o'ziga xizmat ko'rsatishning ajoyib vositasidir.

Qanday qilib Kalendlyni saytingizga joylashtirishingiz mumkin

Ajablanarlisi shundaki, siz faqat ushbu o'rnatishda yo'nalishlarni topasiz Voqealar turi darajasi va Calendly hisobingizdagi haqiqiy voqea darajasi emas. Kodni yuqori o'ng tarafdagi hodisa turi sozlamalari uchun ochiladigan menyuda topasiz.

kalendly kiritish

Uni bosganingizdan so'ng siz o'rnatish turlari uchun variantlarni ko'rasiz:

qalqib chiquvchi matnni joylashtirish

Agar siz kodni olib, saytingizning istalgan joyiga joylashtirsangiz, bir nechta muammolar paydo bo'ladi.

  • Agar siz bitta sahifada bir nechta turli vidjetlarga qo‘ng‘iroq qilmoqchi bo‘lsangiz… ehtimol rejalashtiruvchini ishga tushiruvchi tugma (Qalqib chiquvchi matn) va pastki qism tugmasi (Qalqib chiquvchi vidjet) bo‘lishi mumkin… siz uslublar jadvalini qo‘shishingiz va bir nechta skript yozishingiz kerak. marta. Bu keraksiz.
  • Saytingizda tashqi skript va uslublar jadvali fayliga qo'ng'iroq qilish xizmatni saytingizga qo'shishning eng maqbul usuli emas.

Mening tavsiyam sarlavhangizga uslublar jadvali va Javascriptni yuklash boʻlardi… soʻngra saytingiz davomida mantiqiy boʻlgan boshqa vidjetlardan foydalaning.

Kalendli vidjetlari qanday ishlaydi

Kalendar saytingizga joylashtirish uchun zarur bo'lgan ikkita fayl, uslublar jadvali va JavaScript mavjud. Agar siz ularni saytingizga kiritmoqchi bo'lsangiz, HTML-ning bosh qismiga quyidagilarni qo'shaman:

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

Biroq, agar siz WordPress-da bo'lsangiz, eng yaxshi amaliyot sizning Functions.php WordPressning eng yaxshi amaliyotlaridan foydalangan holda skriptlarni kiritish uchun fayl. Shunday qilib, mening bolalar mavzusimda uslublar jadvali va skriptni yuklash uchun quyidagi kod qatorlari mavjud:

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

Bu mening saytim bo'ylab ularni yuklaydi (va ularni keshlaydi). Endi men vidjetlarni xohlagan joyda ishlatishim mumkin.

Kalendlining pastki qismi tugmasi

Men saytimdagi hodisa turini emas, balki aniq voqeani chaqirishni xohlayman, shuning uchun men quyidagi skriptni altbilgiga yuklayapman:

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

Siz buni ko'rasiz Kalendar skript quyidagicha bo'linadi:

  • URL - vidjetimga yuklamoqchi bo'lgan aniq voqea.
  • matn - tugma bo'lishini xohlagan matn.
  • rang – tugmaning fon rangi.
  • matn rangi - matnning rangi.
  • brending – Calendly brendini olib tashlash.

Kalendlining matn qalqib chiquvchi oynasi

Bundan tashqari, bu havola yoki tugma yordamida butun saytimda bo'lishini xohlayman. Buning uchun siz o'zingizning onClick hodisasidan foydalanasiz Kalendar langar matn. Menda uni tugma sifatida ko'rsatish uchun qo'shimcha sinflar mavjud (quyidagi misolda ko'rinmaydi):

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

Ushbu xabar bitta sahifada bir nechta takliflarga ega bo'lishi uchun ishlatilishi mumkin. Balki sizda joylashtirmoqchi boʻlgan 3 turdagi hodisa bordir... shunchaki tegishli manzil uchun URL manzilini oʻzgartiring va u ishlaydi.

Calendly-ning Inline o'rnatish qalqib chiquvchi oynasi

Inline o'rnatish biroz farq qiladi, chunki u sinf va maqsad bo'yicha maxsus chaqirilgan div dan foydalanadi.

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

Shunga qaramay, bu foydali, chunki siz har birida bir nechta divlarga ega bo'lishingiz mumkin Kalendar xuddi shu sahifada rejalashtiruvchi.

Yon eslatma: Men Kalendlining buni amalga oshirish usulini o'zgartirishini xohlayman, shuning uchun u juda texnik bo'lishi shart emas. Agar siz shunchaki sinfga ega bo'lsangiz va keyin vidjetni yuklash uchun maqsad href dan foydalansangiz yaxshi bo'lardi. Bu kontentni boshqarish tizimlarida kamroq to'g'ridan-to'g'ri kodlashni talab qiladi. Lekin... bu ajoyib vosita (hozircha!). Misol uchun - qisqa kodli WordPress plagini WordPress muhiti uchun ideal bo'ladi. Agar sizni qiziqtirsa, Kalendli... Men buni siz uchun osongina qurishim mumkin!

Calendly bilan ishlashni boshlang

Rad etish: Men Calendly foydalanuvchisiman, shuningdek, ularning tizimiga sherikman. Ushbu maqolada maqola bo'ylab sheriklik havolalari mavjud.