Systeme.io blogunuza bir form veya açılır pencere nasıl ekleyebilirsiniz?
Bu makale size systeme.io blogunuzda satır içi form veya açılır form oluşturmayı öğretecek.
Adım 1: Satır içi form oluşturma
Öncelikle, satış huninizden bir iletişim formu oluşturmanız gerekir.
Bunu yapmak için “Satış Hunisi‘ne gidin, yeni bir adım oluşturmak için ’Adım ekle‘ye tıklayın (görseldeki 1 numara), ardından ’Satır İçi Form”u seçin (görseldeki 2 numara)
“Seçme“ye tıklayarak istediğiniz şablonu seçin (resimde 3 numara)
Formunuzu özelleştirmek için “Sayfayı Düzenle”ye tıklayarak form sayfası düzenleyicisine gidin (resimde 4 numara)
Bir iletişim formunda en az bir (1) “Form girişi” bulunmalıdır, fakat istediğiniz kadar form alanı ekleyebilirsiniz.
Lütfen “Form girişi” öğesini seçin, ardından aşağı doğru kaydırarak açılan listeden bir öğe seçerek almak istediğiniz “Giriş tipini” seçerek söz konusu alanı ayarlayın.
Toplanan öğe ile yapılacak eylemi kaydedecek düğmenin de önceden belirlenmesi gerekecektir.
Düzenleyiciden veya “Satır içi formunuzdan” ayrılmadan önce “Değişiklikleri kaydet” seçeneğine tıklamayı unutmayın
Adım 2: Bir açılır form oluşturun
“Satış Hunisi” bölümünüze gidin, yeni bir adım oluşturmak için “Adım ekle‘ye tıklayın (görselde 5 numara), ardından ’Açılır Form”u seçin (görselde 6 numara)
“Seçme“ye tıklayarak istediğiniz şablonu seçin (resimde 7 numara)
Açılır formunuzu özelleştirmek için “Sayfayı Düzenle”ye tıklayarak form sayfası düzenleyicisine gidin (resimde 8 numara)
Bir iletişim formunda en az bir (1) “Form girişi” olmalıdır, ancak dilediğiniz kadar form alanı koyabilirsiniz.
Lütfen “Form girişi” öğesini seçin, ardından kaydırma tekerleği ile açılır listeden bir öğe seçerek toplamak istediğiniz bir “Giriş türü” seçerek söz konusu alanı ayarlayın.
Toplanan öğe ile yapılacak eylemi kaydedecek düğmeyi de ayarlamak gerekecektir.
İletişim formunun blog sayfanızda görüneceği bir süre seçebilirsiniz, bu süre Editör kullanılarak ayarlanabilir.
Belirtilecek süre saniye cinsindendir.
Editörden veya “ Açılır formunuzdan” ayrılmadan önce “Değişiklikleri kaydet” seçeneğine tıklamayı unutmayın
Adım 3: Blogunuzda Satır İçi formunu ayarlayın
İletişim formunu blogunuzda kurmak için “Senaryo”sunu alıp blog sayfanıza yapıştırmanız gerekir.
İlk adım, “Satır içi formunuzun” “Adım konfigürasyonu‘na dönmektir, ardından ’Senaryo'ya tıklamanız gerekir.
“Satır İçi Form” sayfanıza bağlı ''Senaryo''nuzun kodunu içeren bir açılır pencere görüntülenecektir, ''Bağlantıyı panoya kopyala''ya tıklayın.
Daha sonra Satır İçi formunu eklemek istediğiniz blog sayfasının editörüne gitmeniz gerekecektir.
Ardından, blog sayfanızda bir HTML öğesi oluşturmanız gerekir.
Son olarak, HTML öğenizin ayarlarına gitmeniz gerekecektir.
“Kodu düzenle‘ye tıklayın ve Satır İçi Form sayfanızdan alınan ’Script” kodunu buraya yapıştırın.
HTML kodunu kaydetmek için “Kaydet‘e tıkladığınızdan emin olun ve blog sayfanızdan çıkmadan önce editördeki ’Değişiklikleri kaydet”e tıklayıp kaydedin.
Daha sonra blog sayfasının önizlemesini yaparsak, formun aşağıda görüldüğü gibi görüntülendiğini göreceğiz:
Adım 4: Blogunuzda açılır formun ayarlanması :
Bir iletişim formunu açılır pencere olarak ayarlarken, bunu blog sayfanızda görüntülemenin iki olası yolu vardır :
- Görünme zaman ayarına göre görüntülenen bir Açılır Pencere olarak.
- Tıklanabilir ve açılır pencereyi açacak şekilde yapılandırılmış bir metinden.
İlk seçenek için yöntem bir bloga satır içi form eklediğinizdeki ile aynıdır, bu nedenle ikinci yöntemi ayrıntılı olarak açıklayacağız.
Bir metne tıkladıktan sonra “Açılır form‘u görüntülemek için, önce ’Açılır form‘unuzun adım yapılandırmasına geri dönmeniz, ardından ’Bağlantı Oluştur”a tıklamanız gerekir.
Bir metinden açılır pencereyi açan bir bağlantıya tıklamanızı sağlayacak bir açılır pencere görünecektir:
- Tıklanabilir olacak metnin içeriğini seçmelisiniz.
- “Bağlantıyı panoya kopyala” seçeneğine tıklamanız gerekir.
Bunu yapmak için, blogunuzu yayınlamak istediğiniz blog sayfasının düzenleyicisine gitmeniz gerekiyor
Ardından, blog sayfanızda bir HTML öğesi ayarlamanız gerekir.
Son olarak, HTML öğenizin ayarlarına gitmeniz gerekecektir.
“Kodu düzenle“ye tıklayın ve açılır form sayfası açan bağlantıların ‘Script’ini buraya yapıştırın
HTML kodunu kaydetmek için “Kaydet‘e tıkladığınızdan emin olun ve blog sayfanızdan çıkmadan önce sayfanızı kaydetmek için editördeki ’Değişiklikleri kaydet”e tıklayın.
Daha sonra blog sayfasının önizlemesini yaparsak, aşağıda gösterildiği gibi “Açılır formu açmak için buraya tıklayın” metnine tıkladığımızda açılır formunun görüntülendiğini fark edeceğiz:
Yararlı makaleler :