Bu sayfa size randevu planlama yazılımını systeme.io'ya nasıl entegre edeceğinizi öğretecektir.

İhtiyacınız olan şeyler:

Bir systeme.io hesabı
Bir satış hunisi sayfası
Calendly, TidyCal veya YouCanBook.me hesabı

Aşağıdaki yöntem Calendly, TidyCal & YouCanBook.me ile uygulanabilir

_Örnek olarak Calendly'yi kullanacağız._

Calendly hesabınızda:

Randevu planlamanızın HTML kodunu oluşturun ve kopyalayın



systeme.io hesabınızda :

"HTML Kodu" öğesini sayfanıza ekleyin



Takvim yazılımınız tarafından sağlanan kodu eklediğiniz HTML kodunun üzerine yerleştirin, ardından kodu ve sayfanızı kaydedin.



Son olarak, sayfanızı önizlediğinizde Calendly takvimini göreceksiniz.



Not: Bu özellik çok kullanışlıdır çünkü Facebook pixel'i randevu planlamanıza eklemenize izin verir, bu da bazı randevu planlama yazılımlarıyla her zaman doğrudan mümkün değildir.

Calendly bir açılır pencereye nasıl entegre edilir

Önceki tüm adımları izleyin ve bundan sonra

Açılır pencere özel kodunuzda

Calendly tarafından sağlanan div  öğesine bir id  niteliği ekleyin. Herhangi bir değer kullanabilirsiniz, ancak sayfa için benzersiz olduğundan emin olun.



Ana editör sayfasında

Ayarlar  sayfasına gidin, Altbilgi kodunu düzenle 'ye tıklayın ve kodu aşağıdaki gibi yapıştırın

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

If you chose an id  name other than calendly-container  , make sure you replace it after pasting the code.

TidyCal bir açılır pencereye nasıl entegre edilir

Anlaşılır olması için bunu bir örnekle açıklayacağız:

Entegrasyon için TidyCal tarafından aşağıdaki gibi bir kod sağlanmıştır:

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

Yapmanız gereken ilk şey, takviminizi eklemek istediğiniz açılır pencereye bir HTML öğesi eklemek, ardından bu satırı <div class="tidycal-embed" data-path="YOUR_DATA_PATH"></div> kopyalamak ve HTML öğenize yapıştırmaktır.



Ardından, sayfa ayarlarına gidin ve "Altbilgi Kodunu Düzenle "ye tıklayın. TidyCal tarafından sağlanan kodun geri kalanını <script src="https://asset-tidycal.b-cdn.net/js/embed.js"></script>  yapıştırmanız ve aşağıdaki parçacığı eklemeniz gerekir

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

Tarihinde güncellendi: 22/05/2025