كيفية إدماج برنامج لجدولة المواعيد مثل Calendly أو TidyCal أو Youcanbookme

ستعلمك هذه الصفحة كيفية إدماج برنامج جدولة المواعيد على منصتنا.

ما ستحتاجه:

ـ حساب في منصتنا

ـ صفحة مسار المبيعات

ـ حساب على YouCanBook.me, Calendly أو TidyCal

يمكن تطبيق الطريقة التالية مع Calendly و TidyCal و YouCanBook.me

(كمثال سنستخدم Calendly)

أ. على حسابك في :Calendly

قم بإنشاء ونسخ رمز HTML لجدولة مواعيدك



ب. على حسابك في منصتنا:

أضف عنصر كود " HTML " إلى صفحتك



الذي أضفته ضع الرمز الذي يوفره برنامج الرزنامة الخاص بك على كود HTML ثم احفظ الكود وصفحتك



أخيرًا، عند معاينة صفحتك، سترى رزنامة Calendly



ملاحظة: هذه الميزة مفيدة للغاية لأنها تسمح لك بإضافة فيسبوك بيكسل إلى جدول مواعيدك، وهو أمر غير ممكن دائمًا بشكل مباشر مع بعض برامج جدولة المواعيد.

كيفية إدماج Calendly في نافذة

اتبع جميع الخطوات السابقة وبعد ذلك:

أ. في الرمز المخصّص للنافذة

أضف سمة id إلى عنصر div الذي يوفره Calendly. يمكنك استخدام أي قيمة، ومع ذلك، تأكد من أنها فريدة للصفحة.



ب. في صفحة المحرر الرئيسية

انتقل إلى صفحة " الإعدادات "، وانقر على " تعديل رمز أسفل الصفحة " والصق الكود كالتالي:

<script>
  document.addEventListener('open_popup', function() {
    Calendly.initInlineWidget({
      url: 'https://calendly.com/YOUR_CALENDLY_LINK',
      parentElement: document.getElementById('calendly-container')
    })
  })
</script>

إذا اخترت اسم id آخر غير calendly-container، تأكد من استبداله بعد لصق الرمز.

كيفية إدماج TidyCal في نافذة

للتوضيح، سوف نعرض مثالاً على ذلك:

أ. تم توفير رمز مثل الرمز أدناه من قبل TidyCal للإدماج:

<div class="tidycal-embed" data-path="YOUR_DATA_PATH"></div>
<script src="https://asset-tidycal.b-cdn.net/js/embed.js"></script>

أول خطوة تحتاج إلى القيام بها هي إضافة عنصر HTML إلى النافذة في المكان الذي تريد إدراج الرزنامة فيه، ثم نسخ هذا السطر:

<div class="tidycal-embed" data-path="YOUR_DATA_PATH"></div>

ولصقه داخل عنصر الـ HTML



ج. بعد ذلك، انتقل إلى إعدادات الصفحة واضغط على ” تعديل رمز أسفل الصفحة “. تحتاج إلى لصق بقية الكود

<script src="https://asset-tidycal.b-cdn.net/js/embed.js"></script>

بالإضافة إلى إضافة المقطع أدناه المقدم من TidyCal

<script>
  document.addEventListener('open_popup', function(){
    const embedTarget = document.querySelector('div.tidycal-embed')
    window.TidyCal?.init(embedTarget) 
  })
</script>

تحديث في: 27/05/2025