Systeme.io blogunuza bir form veya açılır pencere nasıl ekleyebilirsiniz?

Bu makale, systeme.io blogunuzda bir hat içi form veya açılır form nasıl kuracağınızı öğretecektir.

Adım 1: Bir satır içi form oluşturun

Öncelikle, satış huninizden bir iletişim formu oluşturmanız gerekecek.

Bunu yapmak için Satış Huni bölümünüze gidin, yeni bir adım oluşturmak için Oluştur (1) adımına tıklayın, ardından Inline Form (2) seçeneğini seçin.

Seç (3) tuşuna tıklayarak istediğiniz şablonu seçin.

Form sayfası düzenleyicisine giderek Düzenle Sayfasına tıklayarak formunuzu özelleştirebilirsiniz (4).

Bir iletişim formunda en az bir form girdisi olmalı, ancak istediğiniz kadar form alanı ekleyebilirsiniz.

Form giriş öğesini seçin. Sonra, alanı yapılandırmak için Ayarlar (dişli) simgesine tıklayın. Açılır menüden toplamak istediğiniz Giriş türünü seçin.

Ayrıca düğme hareketini yapılandırmanız gerekiyor. Butonu seçin ve kullanıcı formu gönderdikten sonra ne olacağını seçin.

Editörün veya Inline formunuzdan ayrılmadan önce Değişiklikleri Kaydet seçeneğine tıklamayı unutmayın.

Adım 2: Bir açılır pencere formu oluşturun

Satış Huni bölümünüze gidin, yeni bir adım oluşturmak için Ekle (5) adımına tıklayın, ardından Popup Form (6) seçin.

Seç (7) seçeneğine tıklayarak istediğiniz şablonu seçin.

Açılır formunuzu özelleştirmek için Sayfayı Düzenle (8)'e tıklayarak form sayfası düzenleyicisine gidin.

Bir iletişim formunda en az bir form girişi olmalı, böylece istediğiniz kadar form alanı koyabilirsiniz.

Form giriş öğesini seçin. Sonra, alanı yapılandırmak için Ayarlar (dişli) simgesine tıklayın. Açılır menüden toplamak istediğiniz Giriş türünü seçin.

Ayrıca, toplanan eşyaya yapılan eylemi kaydedecek düğmeyi ayarlamak da gerekecek.

İletişim formunun blog sayfanızda görünme zamanı için bir gecikme süresi ayarlayabilirsiniz. Bu, editörde (saniye cinsinden) ayarlanabilir.

Editörün veya açılır formunuzdan çıkmadan önce Değişiklikleri Kaydet'e tıklamayı unutmayın.

Adım 3: Blogunuzda Inline formunu oluşturun

İletişim formunu blogunuza eklemek için onun senaryosunu kopyalayıp blog sayfanıza yapıştırmalısınız.

İlk adım, Inline formunuzun Step konfigürasyonuna geri dönmek, ardından Script'e tıklamanız gerekiyor.

Sayfa İçi Form sayfanıza bağlantı içeren bir açılır pencere gösterilecektir. Panoya Kopyala bağlantısına tıklayın.

Daha sonra menüden Düzenle seçeneğine tıklayarak veya doğrudan Inline formunu eklemek istediğiniz sayfanın adına tıklayarak blog sayfasının editörüne gitmeniz gerekir.

Sonra, blog sayfanıza bir Ham HTML öğesini sürükleyip bırakın.

Son olarak, Ham HTML öğenizin ayarlarına gitmeniz gerekecek.

Kod Düzenle seçeneğine tıklayın ve Inline Form sayfanızdan alınan bağlantının betiklerini oraya yapıştırın.

HTML kodunu kaydetmek için Kaydet'e tıkladığınızdan emin olun, editörün içinde değişiklikleri kaydet'e tıklayın ve blog sayfanızdan çıkmadan önce kaydet.

Blog sayfasını daha sonra önizlersek, aşağıda gösterildiği gibi formun gösterildiğini fark edeceğiz:

Adım 4: Blogunuzda açılır form oluşturmak:

İletişim formunu açılır bir pencere olarak kurarken, bunu blog sayfanızda göstermenin iki olası yolu vardır:

• Otomatik: Açılır pencere belirli bir zaman gecikmesinden sonra belirir.

• Tıklama Üzerine: Açılır pencere, kullanıcı belirli bir bağlantıya veya metne tıkladığında açılır.

Not: İlk seçenek için, yöntem blogda satır içi form eklediğinizde kullanılan yöntemle aynıdır, bu yüzden ikinci yöntemi ayrıntılı olarak açıklayacağız.

Bir metne tıkladıktan sonra açılır formu görüntülemek için önce Yapılandırma veya açılır formunuza geri dönmeniz gerekir, ardından Bağlantı Oluştur'a tıklamanız gerekir.

Bir metinden açılan açılan pencereyi açan bir bağlantıya tıklamanıza izin veren bir açılır pencere açılır:

1. Metnin içeriğine tıklanabilen seçeneğiniz var.

2. Panoya Kopyala' bağlantısına tıklamanız gerekiyor.

Linki eklemek istediğiniz blog sayfasının editörünü açın.

Sonra, blog sayfanıza bir Ham HTML öğesini eklemelisiniz.

Son olarak, Ham HTML öğenizin ayarlarına gitmeniz gerekecek.

Kod Düzenle seçeneğine tıklayın ve açılır bir form sayfası açan bağlantının betiklerini yapıştırın, ardından Kaydet'e tıklayın.

Blog sayfanızdan çıkmadan önce sayfanızı kaydetmek için düzenleyicide değişiklikleri kaydet'e tıklamayı unutmayın.

Blog sayfasını daha sonra önizlersek, metne tıkladığımızda açılır formun görüntülendiğini fark ederiz. Aşağıda gösterildiği gibi açılır açılır pencereyi açmak için buraya tıklayın: