WordPress web sitesinde veya blogunda özel bir form nasıl oluşturulur
Ayrıca, bu iletişim formu doğrudan kitlenize bağlanmanıza ve pazarlamanızı da kolaylaştırmanıza izin verecektir. Video öğretici
Sorun, varsayılan kişi formlarının ve hatta eklentilerin çoğunun aynı stereotip formatında gelmesidir, bu yüzden WordPress’teki kendi iletişim formunuzun satır ayarları boyunca daha spesifik olarak bir şey seçmek isteyebilirsiniz. PHP’de oldukça uzman iseniz, o zaman kolayca yapabilmelisiniz, bu yüzden makalenin geri kalanını okumanız önemlidir, böylece kullanıcı kullanımınız için kendi özel formunuzu ayarlayabilirsiniz, sizinle bağlantı kurabilirsiniz. .
1. Form tasarımı: Bunun için WordPress sayfanızda ayrı bir sayfa şablonu oluşturabilir veya bazı HTML kodu yazabilirsiniz ve aynı şekilde seçmek çok daha basit, daha makul olacağı için. Aşağıda listelenen adımları izleyerek WordPress’te özel bir form oluşturabilirsiniz. Ve her zamanki gibi, başlamadan önce bilgilerinizi ayırmayı unutmayın. Sayfayı açın -> WordPress kontrol panelinizin altına verilen yeni bir seçenek ekleyin. ‘Müşteri bilgileri’ veya ‘Müşteri Ayrıntısı’ gibi istediğiniz sayfa başlığını verin.
Şimdi HTML kodu yazmak için ‘HTML’ sekmesine gidin.
İstediğiniz WordPress’te özel bir form oluşturun.
“Gönderi” yöntemini ekleyin, “Customer_Details” adını ekleyin
Daha sonra bazı JavaScript doğrulaması eklemek ve işlem yapmak için “Form_validation” işlevini Onsubmit özelliğine ekleyin.
Eylem, form gönderildiğinde yürütülecek bir PHP dosyasıdır.
Bu noktada, isimler, e -postalar, cinsiyet, yaş vb. Gibi formlara birkaç alan eklemek ve formu kapatmak isteyebilirsiniz.
Son kod böyle görünecek
Adınız:
E -postanız:
Cinsiyet: Erkek Kadın
Yaşınız:
2. Doğrulama: Şimdi bir form tasarladıktan sonra, şimdi aynı şeyi doğrulama zamanı. Kullanıcı verilerine asla güvenmeyin ‘olduğu gibi’ ve her zaman aynı verileri veritabanınıza girmeden önce daima doğrulayın. Bazı hızlı doğrulama için aşağıda listelenen kodu izleyin ve işe yarayacaktır. Bu doğrulama kodunu yazın ve sonunda kapatın.
form_validation () işlevi {
/* Boş nakliye için müşterinin adını kontrol edin*/var name_pelas = document.forms [“detay_payan”] [“customer_name”]. Değer;
if (customer_name == “” || customer_name == null) {
Alert (“sütunun adı doldurulmalıdır.”);
yanlış geri;
}/ * Geçersiz format için müşteri e -postasını kontrol edin */
var customer_email = document.forms [“customer_details”] [“customer_email”]. değeri;
var at_position = customer_email.indexof (“@”);
var dot_position = customer_email.lastindexof (“.”);
if (at_position & lt; 1 || dot_position = customer_email.length) {
Uyarısı (“Verilen e -posta adresi geçersiz.”);
yanlış geri;
}
}
Bu, müşteri adlarını ve e -posta adreslerini kontrol eder ve doğrular. Bu kodu sonra ekleyin. Yani, WordPress’teki tam kod gibi görünecek
Adınız:
E -postanız:
Cinsiyet: Erkek Kadın
Yaşınız:
form_validation () işlevi {
/* Boş teslimat için müşterinin adını kontrol edin*/
Var nama_pelasan = document.forms [“detay_peliban”] [“name_peper”]. Değer;
if (customer_name == “” || customer_name == null) {
Alert (“sütunun adı doldurulmalıdır.”);
yanlış geri;
}
/ * Geçersiz bir format için müşteri e -postasını kontrol edin */
var customer_email = document.forms [“customer_details”] [“customer_email”]. değeri;
var at_position = customer_email.indexof (“@”);
var dot_position = customer_email.lastindexof (“.”);
if (at_position & lt; 1 || dot_position = customer_email.length) {
Uyarısı (“Verilen e -posta adresi geçersiz.”);
yanlış geri;
}
}
Şimdi, yapmanız gereken bir sayfa yayınlamak ve işe yarayacaktır.
3. Sunucu Yan Komut Dosyası: “Müşteri Details.php” den bahsettiğimiz kısmı hatırlıyor musunuz? O bölüme de dikkat etmenin zamanı geldi. En sevdiğiniz not defterini veya düzenleyicinizi açın ve aşağıda açıklanan kodu yazın ve dosyayı masaüstünüzde müşteri-detaylı.php olarak kaydedin. İlk olarak, $ customer_name, $ customer_email, $ customer_sex, $ customer_age adlı çeşitli değişkenleri bildirin ve html formu tarafından gönderilen her alana değeri ayarlayın. Örneğin $ customer_name = $ _Post [“customer_name”], HTML formunun değerini posta yöntemiyle yakalayacak ve $ customer_name değişkenine ayarlayacaktır. Şimdi, diğer değerlerle de aynı şeyi yapmanız gerekir. Artık MySQLI_CONNECT kullanarak PHP dosyalarını veritabanlarıyla bağlamanız gerekiyor. Veritabanı yapılandırmasını hatırlamıyorsanız, bu ayarı WordPress kurulumunuzdan bulabilirsiniz. FileZilla gibi en sevdiğiniz FTP istemcisini kullanarak WordPress kurulumunuzdan WordPress kurulumunuzdan masaüstüne indirin. Not Defteri gibi en sevdiğiniz metin düzenleyiciyi kullanarak wp-config.php’i açın ve gerekli veritabanı ayarlarını bulacaksınız. Veritabanı bağlantısından sonra, MySQLI_QUERY kullanarak formdan WordPress veritabanına toplanan verileri girin.
Bu PHP kodunda isteğe bağlı adımlar vardır. Formu gönderdikten sonra kullanıcıya birkaç mesaj görüntülemek veya kullanıcıyı başka bir sayfaya yönlendirmek istiyorsanız, koda bir başlık (“konum:”) ekleyebilirsiniz. Bunun için daha sonra bir başarı sayfası oluşturmalısınız. Yani, tam müşteri ayrıntılarını tamamlayın. PHP gibi görünecek
// veri al
$ Nama_peper = $ _post [“name_perbanan”];
$ customer_email = $ _post [“e -posta_perior”];
$ customer_sex = $ _post [“customer_sex”]; $ customer_age = $ _post [“custom_age”]; // veritabanı bağlantısı
$ conn = mysqli_connect (“veritabanı ana bilgisayar”, “veritabanı kullanıcı adı”, “dedi veritabanı şifresi”, “veritabanı adı”);
İf (! $ Connection) {
Die (‘veritabanı bağlantısında sorun:’ .mysql_error ());
}
// Veritabanına verileri ekleme
$ query = “‘Veritabanı Adı’ içine ekleyin.
mysqli_query ($ connection, $ istek);
// Başarılı bir sayfaya aktarın
Başlık (“konum:”);
En sevdiğiniz FTP istemcisini kullanarak bu Customer-Details.php dosyasını tema klasörüne yükleyin.
4. Başarı: Başarı sayfası, bir formu ayrıntılı olarak gönderdikten sonra kullanıcı tarafından görülebilen bir sayfadır; Bu sayfayı “Ayrıntılarınız başarıyla gönderildi” veya benzeri özel mesajlar görüntüleyecek şekilde ayarlayabilirsiniz. Mesele şu ki, kendi başarı sayfanızı özel mesajlarla tamamlamak için aşağıda yayınlanan kodu kullanabilirsiniz. Bir WordPress sayfası oluşturun, “Başarı Sayfası” gibi bir başlık verin, sayfa sümüğünü bir ‘başarı sayfası’ veya başlıkta verdiğiniz her şeyle eşleştirdiğinizden emin olun (“Konum”). Şimdi “İşbirliğiniz için teşekkür ederim” ya da bunun gibi bir şey gibi bir mesaj yazın ve hazır olmalısınız.
İletişim formunun gerektiği gibi çalışıp çalışmadığını kontrol etmek ve görmek için sitenizi her zaman yükleyebilirsiniz ve hemen hemen her durumda düzgün çalışacaktır. Ancak, bazı sorunlar yaşarsanız, her zaman çevrimiçi olarak kontrol edebilir veya uzmanlardan özel formlarınızı hazırlamalarını isteyebilirsiniz. İletişim formunuzun bu durumda çok agresif veya rahatsız edici görünmemesi önemlidir, böylece dönüşüm seviyesini artırmaya yardımcı olabilir. Dahası, bu özel formu, müşterileriniz hakkında pazarlama kampanyanızı kolaylaştırmak için kullanabileceğiniz veri ve bilgileri toplamak için de kullanabilirsiniz. Bu, formların, özellikle iletişim formlarının tüm bloglar ve daha fazlası için çok önemli olmasının ana nedenlerinden biridir. Önemli olarak, burada listelenen kodlamayı sadece WordPress’te özel formlar oluşturmak için değil, aynı zamanda farklı parametrelerle her türlü iletişim formunu yapmak için kullanabilirsiniz. Daha önce önerildiği gibi, çekirdek dosyalarınızla uğraşmadan önce tam rezerv yapmak her zaman iyi bir fikirdir. Form etkin ve çalıştıktan sonra, formun veritabanınıza girmeden önce verileri programladığı şekilde doğrulayıp doğrulmadığını kontrol edebilmeniz gerekir. Genel olarak, iletişim formu bloglar ve web siteleri için çok önemlidir, çünkü müşterilerin size ulaşmasına yardımcı olur ve uzun vadede daha iyi bir dönüşüm seviyesi üretebilir. Bu nedenle, yukarıda listelenen adımları denediğinizden emin olun ve özel iletişim formunuz düzgün çalışacaktır.
