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

:ما ستحتاجه

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Calendly الذي يوفره div إلى عنصرid أضف سمة

يمكنك استخدام أي قيمة، فقط تأكد من أنها مميزة للصفحة

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

انتقل إلى إعدادات الصفحة ، واضغط على تعديل رمز أسفل الصفحة ، والصق رمزًا مثل هذا

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

calendly-container استخدمها في هذا الرمز بدلًا من ،id إذا قررت استخدام قيمتك الخاصة بالنسبة لل

في نافذة 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>