WP Mail SMTP Ayarları ve Form Oluşturma

'Chan

Uzman üye
1 Nis 2020
1,801
1,457
Shibuya
logo.png






WordPress'de Form Oluşturma ve Mail Ayarlarının Yapılması



WordPress altyapısıyla site kurduysanız, tema seçimini yaptıysanız, hakkımda gibi sayfaları oluşturduktan sonra sıra geliyor "iletişim" sayfasının oluşturulmasına. Diğer sayfaları oluşturmada herhangi bir problemi olmayan kişiler "iletişim" sayfasını oluşturmada takılabiliyor veya mail ayarlarını doğru yapmadığı için mail gelmeemsi gibi durumlar olabiliyor. Bu durum ticaret faaliyeti yürüten veya internetten müşteri bulmaya çalışan siteler için büyük bir sorun oluyor. Mesela benim geçmişde web sitelerini yaptığım nakliyat şirketleri mail gelmemesinden ötürü müşteri bulamıyor, iş yapamıyordu. Ayrıca iletişim formunun işlevsel olmamasından dolayı gelen müşterinin ne üzerine taşımacılık istediğini bilmiyorlardı. Ben de onlar için belirli eklentiler kullanarak iletişim formları oluşturuyordum. Örneğin aşağıdaki gibi.




kseqote.png





Çoğu kişi için iletişim formu oluşturma ve ayarlarını yapmak kolay gelse de her bir gün WordPress'e yeni başlayan en az 100 kişi olduğunu unutmayın. Bu nedenden dolayı bu konuyu açtım. Bu arada daha önce buna benzer bir konu daha açmıştım ama WP Forms eklentisinin güncellemenmesiyle berber bazı yenilikler gelmiş. Örneğin, Form gönderme için ayarlamalar yapılan kısıma daha kolay ayarlamalar yapmak için Google Cloud olayı yeni gelmiş.




5aE7rL.png





1. Adım: WordPress panelimize giriş yaptıktan sonra sol bölümden Eklentiler >>> Yeni Ekle kısmına geliyoruz. Sağ üst köşede yer alan arama kısmına ''WP Mail SMTP'' Yazıyoruz. Çıkan ilk eklentiyi şimdi kur butonuna bastıktan sonra etkinleştir diyerek etkinleştiriyoruz. Bulamayanlar buradan eklenti sayfasına erişebilir: Tıklayınız.




iu2wa3b.png





5aE7rL.png





2. Adım: Eklentimizi etkinleştiriyoruz ve özünüme eklentimizin sayfası geliyor "Let's Get Started" butonuna basıyoruz. Mesela daha önceki sürümlerinde eklenti sayfası yerine bunu direkt olarak eklenti ayarlarından yapıyorduk ama böyle bir sayfa gelmesi adım adım daha güzel olmuş. Konunun geri kalanına bakmayarak, eklentimizin bize söylediği adımları teker teker yaparak bile tamamlayabiliriz.




dyvmkhp.png





5aE7rL.png





3. Adım: Bu adımda ben Gmail'i seçiyorum ve devam ediyorum. Bu aşamada yapmanız gereken şey; İster bir ticaret siteniz olsun, ister kişisel blog. Gmail'i ona göre yeniden açınız. Kişisel sitenizin adı, hakanerdem.com'sa Gmail'iniz de [email protected] olsun. Tabii bu sizin tercihiniz. Ben bu şekilde yapıyorum..




oib2vlw.png





5aE7rL.png





4. Adım: Bizden bir adet Client İD, Client Secret ve Authorized Redirect URI istiyor. Bunu nasıl yapacağınızı burada anlatmayacağım. Neden? Çünkü eklenti bu aşamada koyu yazıyla buraya tıklarsan, nasıl yapacağını öğrenebilirsin şeklinde yazı bırakmış. Eğer ki bu kısımda bir sorun ile karşılaşırsanız konu altından belirtin lütfen, yardımcı olayım. Bu arada şunu da söyleyeyim; Gmail'i seçince eklentimiz bize uyarı yapıyor. Gmail çok sayıda posta göndermeye uygun değildir şeklinde. Sizin kitleniz çıksa Gmail seçeneği yerine diğerlerini tercih ediniz.




f89543c.png





5aE7rL.png





gsmvuha.png





5aE7rL.png






5. Adım: Bu aşamadaki işlemleri kendinize göre ayarlayınız. Bazı durumlarda e-posta adresinde veya Google Cloud üzerinde oluşturduğumuz projemizde sorunlar olabiliyor veya eklentide yapılan güncellemeler yeni sorunlara yol açabiliyor bu nedenle "E-posta hata takibi" kesinlikle seçili kalsın. Resmin sonunda gördüğünüz istatistik olayı ise size haftalık olarak veri sunuyor. Mesela benim siteye 300 adet mail geldiyse, bu hafta sitenize xx kadar mail geldi gibisinden mail gönderiyor. Bunlar dışında eklentinin daha güzel özellikleri mevcut ama pro sürümünde.




5fy3svx.png





5aE7rL.png






6. Adım: Eklentinin bize söylediği işlemi direkt atlayabilirsiniz. Eklenti bizden geliştirme falan için e-mail adresimizi istiyor ama kendinize göre ister verin, ister vermeyin. Ben vermiyorum.. ( Bu ayarı tam bilmiyorum ama sanırım sitemizin durumuna bakarak bize öneri sunuyor. Şunu böyle yap, bunu böyle yap vs. Gibisinden.)




mk1day8.png





5aE7rL.png






7. Adım: Veee eklentimizi başarılı bir şekilde kurduk. Eklenti kurulum işlemleri basit ama formunuzun nasıl olacağına karak verme olayı biraz sizi zorluyor. Bu aşaamda size önereceğim şey, müşteri kitlenizi düşünün. Bir kişisel blog üzerine web siteniz varsa iletişim formuna ad, soyad, neden benimle iletişim kurmak istiyorsun, bir iş teklifiniz varsa buraya yazınız gibisinden ayrı ayrı bölümler oluşturulabilir. Nakliyat üzerine web siteniz vasra konumun ilk başında vermiş olduğum görseldeki bilgileri, soruları kullanabilirsiniz. Ayrıca sizin sitenizle aynı kategoride yer alan diğer sitelerin nasıl iletişim formları oluşturduğuna göz atınız.




hjovxzz.png





5aE7rL.png






8. Adım: Şimdi WordPress panelimizin sol tarafında bulunan sayfalar kısmından yeni bir sayfa ekliyoruz ve sayfamızın ismini "iletişim" yapıyoruz. Neden? Kullanıcılar web sitemizin ana sayfasında bulunan menülere baktığında kolayca formumuzun bulunduğu sayfaları bulsunlar diye. Diğer sitelerde de bu hep böyledir. Ayrıca bazı siteler pop-up tarzı yan tarafta görünen iletişim sayfaları tasarlayabiliyor. Bunlar gibi yapmak için Google'da iletişim formunu pop-up şeklinde yapma vs. Gibisinden aramalar yapabilirsiniz. E-posta üzerinden müşteriler ile iletişim kurmak zor oluyorsa, iletişim formu oluşturmak yerine çoğu sitenin sağ alt köşesinde bulunan "whatsapp'dan" iletişime geçmeyi sağlayan eklentiler kullanabilirsiniz.




9d9iddb.png





5aE7rL.png





b83ytql.png





5aE7rL.png






9. Adım: Bir form eklememiz gerekiyor. Biz de bunun için yüklediğimiz eklentiyi yani wp forms'u kullanacağız. Artı butonuna basarak arama yerine wp forms yazıyoruz ve 3. Resimde gördüğünüz gibi formu ekliyoruz.




dozbjvj.png





5aE7rL.png





svo5sct.png





5aE7rL.png






10. Adım: Wp forms'u sayfamıza eklemiştik. Ondan da kısaca bahsetmek istiyorum. WordPress admin panelimizin sol tarafında "wp forms" sekmesi oluşuyor. Ona tıklayarak "add new" yazısına tıklıyoruz. Daha sonra bizi form seçme alanına yönlendiriyor. O alandan pro sürümünü kullananlar hazır şablon olarak form oluşturabiliyor. Wp forms'un bu konuda en güzel özelliği form oluştururken bileşen olarak ekleyebiliyor olmak. Örneğin, Ad, soyad bilgisi eklemek için direkt olarak "name" yazan bileşeni ekliyoruz. Geriye sadece Türkçeleştirme işlemi kalıyor. Bunun içinde bileşenin üstüne tıklayarak direkt olarak çeviriyi yapabiliyorsunuz. Bu sayede Loco çeviri gibi ek eklentilere ihtiyaç duymuyorsunuz. Şimdi formumuzu ekliyoruz ve işlemimiz bitiyor.




5moa0q7.png





5aE7rL.png





5cvcley.png





5aE7rL.png





63s5zue.png





5aE7rL.png





5406xy5.png




5aE7rL.png




ifhee7x.png




İyi forumlar dilerim.
 
Son düzenleme:

BÜRKÜT'

Basın&Medya Lider Yrd.
8 Kas 2021
2,960
3,900
Elinize, emeğinize sağlık hocamm. Her zamanki gibi tam anlamıyla müthiş bir konu 🤩
 

MuhammedTr768

Kıdemli Üye
7 Kas 2021
2,932
1,814
31
MyKrallife
logo.png






WordPress'de Form Oluşturma ve Mail Ayarlarının Yapılması



WordPress altyapısıyla site kurduysanız, tema seçimini yaptıysanız, hakkımda gibi sayfaları oluşturduktan sonra sıra geliyor "iletişim" sayfasının oluşturulmasına. Diğer sayfaları oluşturmada herhangi bir problemi olmayan kişiler "iletişim" sayfasını oluşturmada takılabiliyor veya mail ayarlarını doğru yapmadığı için mail gelmeemsi gibi durumlar olabiliyor. Bu durum ticaret faaliyeti yürüten veya internetten müşteri bulmaya çalışan siteler için büyük bir sorun oluyor. Mesela benim geçmişde web sitelerini yaptığım nakliyat şirketleri mail gelmemesinden ötürü müşteri bulamıyor, iş yapamıyordu. Ayrıca iletişim formunun işlevsel olmamasından dolayı gelen müşterinin ne üzerine taşımacılık istediğini bilmiyorlardı. Ben de onlar için belirli eklentiler kullanarak iletişim formları oluşturuyordum. Örneğin aşağıdaki gibi.




kseqote.png





Çoğu kişi için iletişim formu oluşturma ve ayarlarını yapmak kolay gelse de her bir gün WordPress'e yeni başlayan en az 100 kişi olduğunu unutmayın. Bu nedenden dolayı bu konuyu açtım.




5aE7rL.png





1. Adım: WordPress panelimize giriş yaptıktan sonra sol bölümden Eklentiler >>> Yeni Ekle kısmına geliyoruz. Sağ üst köşede yer alan arama kısmına ''WP Mail SMTP'' Yazıyoruz. Çıkan ilk eklentiyi şimdi kur butonuna bastıktan sonra etkinleştir diyerek etkinleştiriyoruz. Bulamayanlar buradan eklenti sayfasına erişebilir: Tıklayınız.




iu2wa3b.png





5aE7rL.png





2. Adım: Eklentimizi etkinleştiriyoruz ve özünüme eklentimizin sayfası geliyor "Let's Get Started" butonuna basıyoruz.




dyvmkhp.png





5aE7rL.png





3. Adım: Bu adımda ben Gmail'i seçiyorum ve devam ediyorum. Bu aşamada yapmanız gereken şey; İster bir ticaret siteniz olsun, ister kişisel blog. Gmail'i ona göre yeniden açınız. Kişisel sitenizin adı, hakanerdem.com'sa Gmail'iniz de [email protected] olsun. Tabii bu sizin tercihiniz. Ben bu şekilde yapıyorum..




oib2vlw.png





5aE7rL.png





4. Adım: Bizden bir adet Client İD, Client Secret ve Authorized Redirect URI istiyor. Bunu nasıl yapacağınızı burada anlatmayacağım. Neden? Çünkü eklenti bu aşamada koyu yazıyla buraya tıklarsan, nasıl yapacağını öğrenebilirsin şeklinde yazı bırakmış. Eğer ki bu kısımda bir sorun ile karşılaşırsanız konu altından belirtin lütfen, yardımcı olayım. Bu arada şunu da söyleyeyim; Gmail'i seçince eklentimiz bize uyarı yapıyor. Gmail çok sayıda posta göndermeye uygun değildir şeklinde. Sizin kitleniz çıksa Gmail seçeneği yerine diğerlerini tercih ediniz.




f89543c.png





5aE7rL.png





gsmvuha.png





5aE7rL.png






5. Adım: Bu aşamadaki işlemleri kendinize göre ayarlayınız.




5fy3svx.png





5aE7rL.png






6. Adım: Eklentinin bize söylediği işlemi direkt atlayabilirsiniz.




5fy3svx.png





5aE7rL.png






7. Adım: Eklenti bizden geliştirme falan için e-mail adresimizi istiyor ama kendinize göre ister verin, ister vermeyin. Ben vermiyorum..




mk1day8.png





5aE7rL.png






8. Adım: Veee eklentimizi başarılı bir şekilde kurduk.




hjovxzz.png





5aE7rL.png






9. Adım: Şimdi WordPress panelimizin sol tarafında bulunan sayfalar kısmından yeni bir sayfa ekliyoruz ve sayfamızın ismini "iletişim" yapıyoruz.




9d9iddb.png





5aE7rL.png





b83ytql.png





5aE7rL.png






10. Adım: Bir form eklememiz gerekiyor. Biz de bunun için yüklediğimiz eklentiyi yani wp forms'u kullanacağız. Artı butonuna basarak arama yerine wp forms yazıyoruz ve 3. Resimde gördüğünüz gibi formu ekliyoruz.




dozbjvj.png





5aE7rL.png





svo5sct.png





5aE7rL.png






11. Adım: Wp forms'u sayfamıza eklemiştik. Şimdi formumuzu ekliyoruz ve işlemimiz bitiyor.




5moa0q7.png





5aE7rL.png





5cvcley.png





5aE7rL.png





63s5zue.png





5aE7rL.png








İyi forumlar dilerim.
Ellerinize sağlık hocam güzel konu
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.