JetEngine ile Kullanıcı Kayıt Formu Nasıl Oluşturulur

JetEngine, Elementor tasarımlarınıza (sayfalar veya şablonlar) dinamik içerik eklemenizi sağlayan bir Elementor eklentisidir. Elementor Pro, dinamik içerik ekleme özelliğine de sahiptir, ancak Elementor Pro tarafından desteklenen dinamik içerik türleri, blog gönderileri, sayfalar, kullanıcı profilleri, öne çıkan resimler vb. gibi WordPress varsayılan içerik türleriyle sınırlıdır. JetEngine, özel gönderi türü ve özel alanlar gibi özel içerik türleri oluşturmanıza ve bunları tasarımlarınıza eklemenize olanak tanır.

Ayrıca JetEngine, özel formlar oluşturmanıza da olanak tanır. Kullanıcı kayıt formu, ön uç gönderi formu, rezervasyon formu vb. gibi form türleri oluşturmak için JetEngine'i kullanabilirsiniz. Bu gönderide, JetEngine kullanarak Elementor'da nasıl kullanıcı kayıt formu oluşturacağınızı göstereceğiz.

JetEngine kullanarak Elementor'da bir kullanıcı kayıt formu nasıl oluşturulur

Başlamadan önce, WordPress sitenize JetEngine'i yüklediğinizden ve etkinleştirdiğinizden emin olun. JetEngine'in kendisi, yılda 26 ABD dolarına mal olan premium bir Elementor eklentisidir. Crocblock tarafından geliştirilmiştir. Crocoblock web sitesinde bulabilirsiniz.

JetEngine eklentisi yüklenip etkinleştirildikten sonra, WordPress panonuzda JetEngine -> JetEngine'e gidin ve Forms modülünün etkinleştirildiğinden emin olun.

WordPress sitenize yeni kaydolan bir kullanıcı için varsayılan rolü de ayarlamak isteyebilirsiniz. Bunu yapmak için Ayarlar -> Genel'e gidin. Yeni Kullanıcı Varsayılan Rolü bölümüne ilerleyin ve açılır menüden yeni bir kullanıcı için tercih ettiğiniz varsayılan rolü seçin.

Not: Yeni kullanıcı varsayılan rolünü Abone olarak ayarlarsanız, yeni kullanıcılarınız oturum açtıktan sonra WordPress panosuna erişemezler. WordPress panosuna erişmelerine izin vermek için varsayılan rolü Katkıda Bulunan olarak ayarlayabilirsiniz.

Kayıt formunun oluşturulması

JetEngine ile bir kullanıcı kayıt formu oluşturmak için en az 6 form alanına ihtiyacınız vardır:

• İlk adı
• Soyadı
• Kullanıcı adı
• E-posta
• Şifre
• Şifreyi Onayla

Formu oluşturmaya başlamak için JetEngine -> Forms'a gidin. Yeni bir form oluşturmak için Yeni Ekle düğmesini tıklayın.

Form alanlarını ayarlamaya başlamadan önce formunuza bir ad verin.

Belirtildiği gibi, en az 6 form alanına ihtiyacınız olacak. Varsayılan olarak, JetEngine yeni bir form için bir form alanı ve bir gönder düğmesi sağlar. Formu sıfırdan oluşturacağız, böylece varsayılan alanı silip gönder butonunu kolayca silebileceksiniz. Mevcut alanı/gönder düğmesini silmek için X simgesine tıklayabilirsiniz.

• Ad alanı

Ad alanını eklemek için Alan Ekle düğmesini tıklayın ve ayarları yapmak için kalem simgesini tıklayın.

Tür seçeneğini Metin ve Alan Türü seçeneğini de Metin olarak ayarlayın. Ayrıca alan adını ve alan etiketini ayarlayın. Değişiklikleri Uygula düğmesini tıklayın.

• Soyadı alanı

Soyadı alanını eklemek için Alan Ekle düğmesini tıklayın ve ayarları yapmak için kalem simgesini tıklayın.

Tür seçeneğini Metin ve Alan Türü seçeneğini de Metin olarak ayarlayın. Ayrıca alan adını ve alan etiketini ayarlayın. Değişiklikleri Uygula düğmesini tıklayın.

• Kullanıcı adı alanı

Kullanıcı adı alanını eklemek için Alan Ekle düğmesini tıklayın ve ayarları yapmak için kalem simgesini tıklayın.

Tür seçeneğini Metin ve Alan Türü seçeneğini de Metin olarak ayarlayın. Ayrıca alan adını ve alan etiketini ayarlayın. Kullanıcı adı zorunlu bir alan olduğundan, Zorunlu seçeneğinin işaretli olduğundan emin olun. Değişiklikleri Uygula düğmesini tıklayın.

• E-posta alanı

E-posta alanını eklemek için Alan Ekle düğmesini tıklayın ve ayarları yapmak için kalem simgesini tıklayın.

Tür seçeneğini Metin ve Alan Türü seçeneğini E-posta olarak ayarlayın. Ayrıca alan adını ve alan etiketini ayarlayın. E-posta zorunlu bir alan olduğundan, Gerekli seçeneğinin işaretli olduğundan emin olun. Değişiklikleri Uygula düğmesini tıklayın.

• Şifre alanı

Parola alanını eklemek için Alan Ekle düğmesini tıklayın ve ayarları yapmak için kalem simgesini tıklayın.

Tür seçeneğini Metin ve Alan Türü seçeneğini Parola olarak ayarlayın. Ayrıca alan adını ve alan etiketini ayarlayın. Şifre zorunlu bir alan olduğundan, Gerekli seçeneğinin işaretli olduğundan emin olun. Değişiklikleri Uygula düğmesini tıklayın.

• Şifre alanını onaylayın

Parolayı onayla alanını eklemek için Alan Ekle düğmesini tıklayın ve ayarları yapmak için kalem simgesini tıklayın.

Parola onayla alanı için parola alanındaki ayarlarla aynı ayarları kullanabilirsiniz.

Form alanlarını ayarladıktan sonra, Gönder Düğmesi Ekle düğmesini tıklayarak yeni bir gönder düğmesi ekleyin. Düğmede temel özelleştirmeyi yapmak için kalem simgesini tıklayın.

Düğme etiketini ayarlayın ve Değişiklikleri Uygula düğmesini tıklayın.

Alanların sırasını değiştirmek isterseniz, alanları yukarı ve aşağı doğru sürükleyebilirsiniz.

Formunuzu reCAPTCHA ile korumak istiyorsanız, reCAPTCHA v3'ü etkinleştir seçeneğini işaretlemeniz ve site anahtarını ve gizli anahtarı girmeniz yeterlidir.

Form alanlarını ayarlamayı tamamladıktan sonra, form eylemini ayarlamak için Gönderim Sonrası Eylemler / Bildirim Ayarları bölümüne geçin. Varsayılan olarak, form eylemi E-posta Gönder olarak ayarlanmıştır. Değiştirmek için kalem simgesine tıklayabilirsiniz.

Eylem türünü Yeni Kullanıcı Kaydet olarak değiştirin ve alan haritasını daha önce belirlediğiniz alanlara göre ayarlayın. Başarılı hesap oluşturma işleminden sonra yeni kaydolan kullanıcıyı otomatik olarak giriş yapacak şekilde ayarlamak istiyorsanız, Kayıttan Sonra Kullanıcıya Giriş Yap seçeneğini işaretleyebilirsiniz. Ayarları uygulamak için Değişiklikleri Uygula düğmesini tıklayın.

Kullanıcıları başarıyla kaydolduktan sonra belirli bir sayfaya yönlendirmek istiyorsanız (örneğin, WordPress panosu), Bildirim Ekle düğmesini tıklayarak yeni bir form eylemi ekleyebilirsiniz. Ayarları yapmak için kalem simgesine tıklayın.

Eylem türünü Sayfaya Yönlendir olarak ayarlayın ve Yönlendirme sayfasını Yeniden Yönlendir seçeneğinde ayarlayın. Yeni kaydolan kullanıcılarınızı WordPress panosuna yönlendirmek istiyorsanız, URL'yi Yönlendirme URL'si: alanında etkialaniniz.com/wp-admin olarak ayarlayabilirsiniz. Değişiklikleri uygulamak için Değişiklikleri Uygula düğmesini tıklayın.

Özel mesajları ayarlamak için Mesaj Ayarları bölümüne geçebilirsiniz. Bitirdikten sonra, formunuzu yayınlamak için Yayınla düğmesini tıklayın.

Formunuz artık kullanıma hazır.

Kayıt formunu kayıt sayfasına ekleme

JetEngine ile kayıt formunu oluşturmayı tamamladığınızda, yeni oluşturulan formu kullanabilirsiniz. Bizim durumumuzda, bunu bir kullanıcı kayıt sayfasında kullanacağız. Bu nedenle, yeni bir sayfa oluşturun ( Pages -> Add New ) ve onu Elementor ile düzenleyin. Elementor düzenleyicide, LİSTE ELEMENTLERİ pencere öğesi bloğunda Form pencere öğesini arayın ve tuval alanına sürükleyin.

Sol panele gidin ve İçerik sekmesi altındaki Form seç açılır menüsünden oluşturduğunuz kayıt formunu seçin .

Diğer Elementor widget'larını şekillendirirken olduğu gibi forma stil vermek için Stil sekmesine gidebilirsiniz. Alan tipografisi, form etiketlerinin tipografisi, gönder düğmesinin tipografisi, arka plan rengi, kenarlık yarıçapı vb. gibi şeyleri ayarlayabilirsiniz. Formu şekillendirmeyi ve sayfayı düzenlemeyi tamamladığınızda Yayınla düğmesini tıklayın.

Bu kadar. Sayfa yayınlandıktan sonra formunuzu test edebilirsiniz. Hala bazı sorunlar varsa, formu düzenleyebilirsiniz (kayıt sayfasını düzenlemenize gerek yok, sadece kayıt formunu düzenleyin). Formu düzenlemek için JetEngine -> Forms'a gidin. Farenizi formun üzerine getirin ve Düzenle bağlantısını tıklayın.

Her yeni değişiklik yaptığınızda Güncelle düğmesini tıklayın.