HTML Form ile Mail Gönderme

Merhaba. Sizlere HTML form ile nasıl mail gönderileceğini anlatmaya çalışacağım. Statik sitelerin kullanımının artmasıyla birlikte bazı sorunlar da meydana geldi. Bunlardan biri de statik bir sayfada nasıl iletişim formu kullanıllacağı. İşte burada imdadımıza Brace Forms Formspree yetişiyor. Brace Forms Formspree sayesinde rahatlıkla statik bir form aracılığıyla mail gönderebilirsiniz. Bunun için ilk önce HTML form oluşturmanız gerekiyor. Daha sonra bir defaya mahsus formunuzu doldurup gönder diyerek sitenizin ve mail adresinizin onaylanması için gerekli işlemi gerçekleştirmiş oluyorsunuz. Mail adresinize onay maili geliyor ve bağlantıyı tılkladığınızda onay işlemi tamamlanıyor. Bu aşamadan sonra form her doldurulduğunda forma girilen bilgiler belirttiğiniz mail adresine geliyor. Görüldüğü gibi kullanımı gayet kolay bir uygulama. Aşağıdaki örnek HTML formunu kullanarak bir form oluşturabilirsiniz.

<form action="https://forms.brace.io/your@email.com" method="post"> <!-- Brace Forms kapandığı için alternatif olarak Formspree hizmetini kullanabilirsiniz. -->
<form action="https://formspree.io/your@email.com" method="post"> <!-- your@email.com yerine kendi mail adresimizi yazıyoruz. -->
    
<div class="input-block">
        
<label for="contact_author">
            
<strong>Ad Soyad</strong> (gerekli)</label>
        
<input type="text" name="contact_author" id="contact_author" required>
    
</div>
    
<div class="input-block">
        
<label for="_replyto">
            
<strong>E-Posta Adresi</strong> (gerekli)</label>
        
<input type="email" name="_replyto" id="_replyto" required>
    
</div>            
    
<div class="input-block">
        
<label for="contact_subject">
            
<strong>İleti Konusu</strong> (gerekli)</label>
        
<input type="text" name="contact_subject" id="contact_subject" required>
    
</div>
    
<div class="textarea-block">
        
<label for="contact_content">
            
<strong>İleti</strong> (gerekli)</label>
        
<textarea name="contact_content" id="contact_content" required></textarea>
    
</div>
    
<input type="hidden" name="_next" value="https://site.io/thanks.html"> <!-- Form formspree.io adresine gönderildikten sonra tekrar sitenize dönüş yapılarak sitenizdeki thanks.html dosyasının görüntülenmesini sağlıyor. -->
    
<input type="submit" value="GÖNDER">
</form>

PHP ile kodlanmış bir blog kullanmama karşılık neden statik bir sayfa ile mail göndermeyi araştırdığımı soracak olursanız cevabı: Jekyll. Jekyll statik site oluşturulmasını sağlayan Ruby ile yazılmış bir uygulama. Jekyll'nin ne olduğunu ve nasıl kullanılacağını daha sonra ayrı bir makalede anlatacağım. İyi günler.

Güncelleme: Brace Forms kapandığı için alternatif olarak Formspree hizmetini kullanabilirsiniz.

YORUMLAR (140)

  1. EMRE ŞAŞKIN
    EMRE ŞAŞKIN
    İlaç gibi geldi çok saol.
  2. tamer soydan
    tamer soydan
    iletişim formu için
  3. nazmi şahin
    nazmi şahin
    çok faydalı oldu. teşekkür ederim.
  4. TUĞÇE PARLAK
    TUĞÇE PARLAK
    uygulamalı olarak anlattığınız bir video vs birşey var mı ?
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Videolu anlatım yok maalesef. Sadece formun action'ına brace forms'un adresini vereceksiniz. Onun haricinde formumuz normal bir formla aynı. Yukarıdaki örnekte anlamadığınız nokta varsa sorunuzu belirtebilirsiniz. Bildiğim kadarıyla yardımcı olmaya çalışırım.
  5. Fikret Kavak
    Fikret Kavak
    Hocam güzel paylaşmışsın ama çalışmıyor. Yönlendirmeye yönlendiriyor ama maile form düşmüyor ayrıca brace.io sitesine gidiyor ama varsaydığımız sayfaya geri dönmüyor.
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Merhaba Fikret bey. Bildiriniz üzerine forms.brace.io sitesine girdiğimde artık kapandıklarını ve hizmet vermeyeceklerini okudum. Sitelerini ziyaret ederek siz de bilgilendirmeyi okuyabilirsiniz. Bu durumda alternatif servisler aramak durumundasınız. İyi çalışmalar.
  6. özgür güçlüoğlu
    özgür güçlüoğlu
    brance forms kapandığı için alternatif bir site vermeniz mümkün müdür acaba ?
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Alternatif olarak Formspree'yi önerebilirim.
      • özgür güçlüoğlu
        özgür güçlüoğlu

        Tesekkur ederim bu kadar hizli bir sekilde donus yaptiginiz icin formspree yi

        <form action="https://formspree.io/your@email.com">

        seklinde mi yazcam?

        • Mehmet YAYLACI
          Mehmet YAYLACI
          Evet aynen o şekilde olacak Özgür bey.
          • özgür güçlüoğlu
            özgür güçlüoğlu
            Cok tesekkur ederim ilginiz icin deneyecegim
  7. serhat halil
    serhat halil
    Formspree ile yapabildim. teşekkürler.
  8. yusuf satılmıs
    yusuf satılmıs
    Formspree gibi araçları kullanmadan direk maili nasıl gönderebiliriz
  9. Ozan Yamak
    Ozan Yamak
    Gerçekten harika anlatmışsınız bizide bilgilendirdiğiniz için çok teşekkür ederiz.
  10. Melih Metin
    Melih Metin
    üstad ben başarılı olamıyorum ya bi türlü, file://formspree.io/xxxx.xxx@gmail.com adresine yönlendiriyo bu sayfa bulunamadı diyo, mail adresime bakıyorum ancak doldurulan formlar gönderilmemiş (o xxx ler de mail adresimin tamamı yazılı)
    • Mehmet YAYLACI
      Mehmet YAYLACI

      Form etiketi şu şekilde olacak:

      <form action="https://formspree.io/your@email.com" method="post">

      Lütfen HTML kodunuzu tekrar gözden geçiriniz.

  11. Fevzi Savaş
    Fevzi Savaş
    Gönder Butonuna Basınca E tablolara Kaydetme Gibi Bir Şey Varmı
    • Mehmet YAYLACI
      Mehmet YAYLACI
      O konu hakkında bilgim yok maalesef.
  12. mehmet aslan
    mehmet aslan
    slm herkese. maili kullanamıyorum yardımcı olurmusunuz şimdiden herkese teşekkür ediyorum.
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Sorununuzu daha açık bir anlatımla ifade edebilir misiniz? Hata mı alıyorsunuz? Hata alıyorsanız hata mesajını yazabilir misiniz? Yazının sonundaki Güncelleme kısmında verilen bilgiye dikkat ettiniz mi?
  13. tunahan ulusoy
    tunahan ulusoy
    merhaba ben dediğiniz yöntemi dennedim oldu fakat ben bunu kendi projemdeki tablodaki verileri aktarmayı dennedim fakat hata aldım formspree den form action gereken yerlere yapıştırdım fakat sonuç vermedi
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Formspree ile yapmaya çalıştığınız şeyin başarılı olacağını sanmıyorum. Çünkü Formspree sadece formdan gelen verileri size e-posta olarak gönderen bir sistem.
  14. kadir oturakçı
    kadir oturakçı
    usta formspree email dogrulama maili atıyor. benim istediğim ebültenimize üye olacak ziyaretçilerin sadece emailini yazıp gönder deyince benim mailime gelsin onların mail adres bilgileri. onay maili felan gitmesin. varmı böyle birsey acaba
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Doğrulama mailini bir defaya mahsus istiyor. Yazıdaki formdan örnek alarak kişilerin sadece mail adresini isteyebilirsiniz.
  15. Ogün ALİCAN
    Ogün ALİCAN
    Dosyanız bulunamadı

    Taşınmış veya silinmiş olabilir.
    ERR_FILE_NOT_FOUND
    Ayrıntıları gizle


    hocam bu uyarıyı alıyorum ?
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Merhaba. Muhtemelen dosya adını yanlış yazdınız veya olmayan bir dosyayı hedef gösteriyorsunuz.
  16. kemal görmenoğlu
    kemal görmenoğlu
    çok teşekkür ederim gerçekten çok faydalı oldu allah razı olsun...
  17. Doğukan Çelik
    Doğukan Çelik
    site neden açılmıyor? yardıım
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Site açılıyor. Yazıyı sonuna kadar okudunuz mu?
      • Doğukan Çelik
        Doğukan Çelik
        Hee tmm tesekkurler
  18. Betül Aslan
    Betül Aslan

    Merhaba, burdaki gibi denemeye çalıştım.

    <form action="//formspree.io/your@email.com" method="post">

    yaptım fakat formu çalıştırdığımda file://formspree.io/your@email.com dosyanız bulunamadı hatası veriyor. Yardımcı olabilir misiniz ?

    • Mehmet YAYLACI
      Mehmet YAYLACI
      <form action="https://formspree.io/your@email.com" method="post">

      şeklinde deneyebilir misiniz? Yani "//formspree.io" yerine "https://formspree.io" yazıp deneyebilir misiniz?

      • Betül Aslan
        Betül Aslan
        Öyle de denedim. Fakat şundan olabilir mi: kodlar bilgisayarımda herhangi bir sitede yüklü değil. Şu hatayı alıyorum da artık Make sure you open this page through a web server, Formspree will not work in pages browsed as HTML files.
        • Mehmet YAYLACI
          Mehmet YAYLACI
          Evet hata mesajı ondan kaynaklı olduğunu söylüyor. Bir web sunucusunda (Apache, Nginx, IIS vb. gibi) çalışılması gerektiğini belirtiyor.
          • Betül Aslan
            Betül Aslan

            Evet ondanmış deneme amaçlı hosting alınca oldu. Çok teşekkürler. Yalnız şimdi de

            <input type="hidden" name="_next" value="https://site.io/thanks.html">

            şu kısma dönmüyor. Ben thanks.html diye bişey ayarlamadım tekrar domain adresimi yazdım fakat yüklenmiyor site tekrar. Neden olabilir?

            • Mehmet YAYLACI
              Mehmet YAYLACI
              Belki de domainin ana sayfasına yönlendirdiğiniz için çalışmıyor olabilir. tesekkurler.html tarzı bir dosyaya yönlendirip deneyebilirsiniz. O konuda net birşey söyleyemeyeceğim.
  19. fikret koçer
    fikret koçer
    Hocam cok tesekkurler..
  20. yunus sorgut
    yunus sorgut
    hotmail adresime göre ayarladığımda oldu fakat hosting firmasının mail adresine göre ayarladığımda olmuyor acaba hostingle ilgili ayarlar mı yapmam lazım?
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Hotmail'de çalıştığına göre kodlarınızda sorun yok. Hosting mailinde spam filtresine takılmış olabilir. Formspree tarafında başka bir ayarlama mevcut değil zaten. Hosting firmanızla iletişime geçip maillerin neden alınmadığını sorabilirsiniz.
  21. merve şahinoğlu
    merve şahinoğlu

    ben işlemleri yaptım ama mail adresime mail geliyor ama mailin içinde formdan gelen bilgiler yok

    <form action="https://formspree.io/your@email.com" method="post" >
        
    <input type="text" class="form-control" placeholder="İsim" id="contact_author" required>
        
    <input type="email" class="form-control" placeholder="Email" id="form-control" required>
        
    <textarea class="form-control" id="contact_content" rows="7" required></textarea>
        
    <input type="hidden" name="_next" value="//https://site.io/thanks.html">
        
    <input type="submit" class="form-control" value="Gönder">
    </form>
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Formdan datalarını almak istediğiniz inputlara name etiketi ile isim vermeniz gerekiyor. name="cevap" gibi.
  22. tarık
    tarık
    Hocam bende olmadı.Aradığınız siteye ulaşılamıyor diyor.Ne yapacağım
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Site çalışıyor. Belki anlık bir kesinti olmuştur. İyi çalışmalar.
  23. Necati ÖZTAŞ
    Necati ÖZTAŞ
    hocam bende şöyle bir hata alıyorum

    Unable to submit form

    Make sure you open this page through a web server, Formspree will not work in pages browsed as HTML files. Also make sure that you're posting to https://formspree.io/your@email.com.

    For geeks: could not find the "Referrer" header.

    Nedir sorun ?
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Bir web sunucusunda (Apache, Nginx, IIS vb. gibi) çalışılması gerektiğini belirtiyor. Html dosyanızı masaüstünde vb. yerlerde değilde web sunucusu içerisinde çalıştırırsanız hata vermez.
  24. Boran
    Boran
    hocam benim ki çalışıyor yalnız gönderdikten sonra robot değilim geliyor ya spamı engellemek için.onu istemiyorum nasıl kaldırabilirim.acil yardım lazım
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Doğrulama mailini kastediyorsanız onu bir defaya mahsus gönderiyor. Ya da yeni bir güvenlik önlemi getirdiler. Her halükarda kaldırılamaz. Çünkü bunlar güvenlik için yapılan işlemlerdir.
      • Boran
        Boran
        yok hocam.Hani robot değilim sayfası geliyor ya o sayfayı kaldırmak istiyoırum
        • Mehmet YAYLACI
          Mehmet YAYLACI
          reCAPTCHA uygulamasını yeni getirmişler. Devre dışı bırakmak için Gold üyelik gerekiyormuş. Yani ücretli üyelik gerektiği yazıyor. Üzgünüm.
          • Boran
            Boran
            Hocam,maili pdf formatında nasıl düşürebiliriz ?
            • Mehmet YAYLACI
              Mehmet YAYLACI
              Merhaba. Mail Formspree tarafından gönderiliyor ve seçenekler arasında pdf formatı bulunmuyor maalesef.
  25. Mahmure Elibol
    Mahmure Elibol
    Mükemmel bişey ne zamandır böyle bir şey arıyordum sayenizde çok faydalı bir konuyu öğrenmiş oldum teşekkürler.
  26. onur bozkurt
    onur bozkurt
    hocam formspreeden mail gelmiyor farklı yol varmı
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Formspree'nin çalışmadığına dair başka geribildirim almadım. Acaba HTML kodunuzda hata olabilir mi? Veya mail gereksize düşüyor olabilir mi?
      • onur bozkurt
        onur bozkurt
        hocam bir sayfaya yönlendiriyor mail adresinizi onaylayın diye ama mailime düşmüyor hiç bir şekilde. spam vs kontrol edildi.
        • Mehmet YAYLACI
          Mehmet YAYLACI
          Mail sunucunuzda sorun olabilir ya da anlık olarak Formspree'den kaynaklı sorun olabilir. Aynı formu tekrar kullanın. Tekrar doğrulama maili talep edin.
  27. Mustafa Mertek
    Mustafa Mertek
    S.a hocam benim bir sorum olacak. Bu kodlarla iletişim sayfası mı oluyor? Mesela ben bununla başkaları text kutusuna yazı yazınca bana anında mail olarak gelir mi? Şimdiden teşekkürler.
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Evet iletişim formu oluyor. Forma girilen bilgiler size mail olarak gönderiliyor.
      • Mustafa Mertek
        Mustafa Mertek

        Abi ben formspreenin kendi kodlarını kullandım olmadı neden acaba.? Şu kodları kullandım.. your@email.com yerinide kendi emailim yaptım olmadı..

        <form action="https://formspree.io/your@email.com" method="POST">
            
        <input type="text" name="name">
            
        <input type="email" name="_replyto">
            
        <input type="submit" value="Send">
        </form>

        Nedeni nedir.? Şimdiden teşekkürler..

        • Mehmet YAYLACI
          Mehmet YAYLACI
          Bu kodları nerede çalıştırıyorsunuz? Kodların çalışabilmesi için bir web sunucusu (Apache, Nginx, IIS vb.) üzerinden çalıştırılması gereklidir.
          • Mustafa Mertek
            Mustafa Mertek
            Bu kodları sitede nasıl çalıştırırım .tk'lı sitede..
            • Mehmet YAYLACI
              Mehmet YAYLACI
              Hosting yönetim panelinizden kodlarınızın bulunduğu dosyayı sitenize yükleyebilirsiniz.
              • Mustafa Mertek
                Mustafa Mertek
                Ben bu siteyi freenom ile yapıyorum siteye direkt olarak dosyasız html kodlarını yapıştırsam olmaz mı.? Abi senide yoruyorum ama önemli bir şey üzerinde çalışıyorum..
                • Mehmet YAYLACI
                  Mehmet YAYLACI
                  Anladığım kadarıyla sadece alan adınız var ve bu durumda html form ile mail gönderemezsiniz. İlk önce bir hosting hizmetinizin bulunması gereklidir. Ücretsiz hosting saglayan firmalar var. Arama motorunda arayabilirsiniz. Ya da ücreti karşılığında hosting hizmeti satın alabilirsiniz. Bu konuda karar size ait. Daha sonra alan adınızın DNS adresini hosting hizmetinize yönlendirmeniz gereklidir. Son olarak önceki yorumumda bahsettiğim gibi hosting yönetim panelinizden kodlarınızın bulunduğu dosyayı sitenize yüklemelisiniz ya da önceden var olan dosyanızın içine kodlarınızı yapıştırmalısınız. Kolay gelsin.
  28. murat
    murat
    Merhaba dediğinizi yaptım çalışıyor ama bilgileri girince onaylama sayfasına atıyor onaylama ekranı gelmeden yollayamıyoruz.Birsürü resimle v.s uğraşıyoruz bir çözümü yokmudur ?
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Tek çözümü Gold üyelik almak. Ücretsiz kullanımda güvenlik doğrulamasını kaldıramıyorsunuz.
  29. Hayri Çölaşan
    Hayri Çölaşan

    Çok teşekkürler süper çalışıyor. Büyük bir yükten kurtardınız. Tek problemim Türkçe karakter

    <input type="hidden" name="_language" value="tr" />
    kodunu tam olarak nereye girmeliyim. Teşekkürler.
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Input tipi hidden yani gizli olduğundan form içinde herhangi bir yere kodu yazabilirsiniz. Bu kod ziyaretçilere görünmeyecektir. Sadece reCaptcha dilini Türkçe yapmak için yazılmış koddur.
      • Hayri Çölaşan
        Hayri Çölaşan
        Şimdi anladım, Ben robot değilim Türkçe oluyormuş, onu yapmışım. Ben yanlış anlatmışım problemi. Deneme amaçlı form oluşturdum, çalışıyor. Formu doldurup göndere basınca benim mailime gelen mesajda Türkçe karakterler bozuk.
        • Mehmet YAYLACI
          Mehmet YAYLACI

          Head kısmına

          <meta charset="UTF-8">
          kodunu ekleyerek deneyebilir misiniz?
  30. Ömer
    Ömer
    bende hata veriyor bu= Unable to submit form
    Make sure you open this page through a web server, Formspree will not work in pages browsed as HTML files. Also make sure that you're posting to https://formspree.io/your@email.com.

    For geeks: could not find the "Referrer" header.
    • Mehmet YAYLACI
      Mehmet YAYLACI
      HTML dosyanızı bir web sunucusunda (Apache, Nginx, IIS vb. gibi) çalıştırmanız gerektiğini belirtiyor. Yani HTML dosyasını masaüstünüze kaydedip o şekilde mail gönderemezsiniz. HTML dosyanızı bir web sunucusu üzerinden çalıştırmalısınız.
      • Ömer
        Ömer
        Oldu ama bu seferde dogrulama e-postası gelmiyor.
        • Mehmet YAYLACI
          Mehmet YAYLACI
          Gereksiz klasörünü kontrol ettiniz mi? Eğer e-postanın gelmediğinden eminseniz formu doldurarak tekrar gönderiniz ve orada çıkan "Resend confirmation" linkine tıklayarak doğrulama e-postasını tekrar talep ediniz.
          • Ömer
            Ömer
            Herşeyi kontrol ettim fakat gene e-postama posta gelmiyor.
            • Mehmet YAYLACI
              Mehmet YAYLACI
              Eğer tüm işlemleri doğru yaptığınızdan eminseniz Formspree kaynaklı geçici bir sorun olabilir. Bir süre sonra tekrar deneyebilirsiniz.
              • Ömer
                Ömer
                Teşekkürler.
                • Ömer
                  Ömer
                  Son birşey daha bu formspree ücretsiz ve sınırsızmı?
                  • Mehmet YAYLACI
                    Mehmet YAYLACI
                    Hayır tamamen ücretsiz değil. Örneğin aylık 50 adet form gönderme limitiniz var. Aylık 50'den fazla form göndermek isterseniz Gold hesap satın almanız gerekiyor. Ayrıntılar için sitesini inceleyebilirsiniz. https://formspree.io/#features
                    • Ömer
                      Ömer
                      Şimdi siteyi yayınladığım zaman kullanıcılar mail gönderebiliyor mu gold üyelik almadığım için?
                      • Mehmet YAYLACI
                        Mehmet YAYLACI
                        Evet aylık 50 adet mail alabilirsiniz. 50'den fazla mail almak istiyorsanız o zaman Gold üyelik almanız gerekmektedir.
  31. İslam Fatih Koçak
    İslam Fatih Koçak

    Sunucuya yüklediğim halde bu hatayı alıyorum.

    Unable to submit form
    Make sure you open this page through a web server, Formspree will not work in pages browsed as HTML files. Also make sure that you're posting to https://formspree.io/your@email.com.

    For geeks: could not find the "Referer" header.

    • Mehmet YAYLACI
      Mehmet YAYLACI

      Bu kodları nerede çalıştırıyorsunuz? Kodların çalışabilmesi için bir web sunucusu (Apache, Nginx, IIS vb.) üzerinden çalıştırılması gereklidir.

      Eğer bir web sunucusuna yüklediğinizden eminseniz formunuzun bulunduğu sayfanın <head> kısmına

      <meta name="referrer" content="origin">
      etiketini ekleyip deneyebilir misiniz?
  32. halil Tufan
    halil Tufan

    kodu az birşey değiştirdim
    yalnız mesajları almak istiyorsanız önce test olarak kodları kullanarak mesaj yollayın sonra mesajlar rahatlıkla gelecektir

    <form method="POST" action="https://formspree.io/your@email.com">
        
    <div class="input-block">
            
    <label for="contact_author">
                
    <strong>Ad Soyad</strong> (gerekli)
            
    </label>
            
    <input type="text" name="contact_author" id="contact_author" required>
        
    </div>
        
    <input type="email" name="email" placeholder="E-postanız">
        
    <textarea name="message" placeholder="Mesajınız"></textarea>
        
    <button type="submit">Gönder</button>
    </form>
  33. Muhammet Pekdemir
    Muhammet Pekdemir
    Form formspree.io adresine gönderildikten sonra tekrar sitenize dönüş yapılarak sitenizdeki thanks.html dosyasının görüntülenmesini sağlıyor.

    Burda tam olarak ne anlatmak istediniz acaba. Ne yapmalıyız tam olarak anlayamadımda.
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Ziyaretçi formu doldurduktan sonra web site sahibinin hazırladığı thanks.html dosyasına yönlendirilerek o sayfanın görüntülenmesi sağlanıyor. Örnek olarak o sayfada "Yorumunuz başarıyla gönderilmiştir. En kısa sürede cevap verilecektir." benzeri bir yazı görüntülenmesini sağlayabilirsiniz.
      • Muhammet Pekdemir
        Muhammet Pekdemir
        Teşekkürler. Bu kadar hızlı cevapladığınız için de ayrıyeten teşekkür ediyorum.
  34. Yusuf Kerman
    Yusuf Kerman
    Abi ben herşeyi yaptım ama mailime onay gelmiyor ne yapıcam
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Gereksiz klasörünü kontrol ettiniz mi? Eğer gelmediyse biraz gecikmeli gelebilir. Ya da mail sunucusunda anlık hata oluşmuş olabilir. Son olarak mail adresiniz Formspree tarafından bloke edilmiş olabilir. Bu durumda https://formspree.io/unblock/<your@email.com> (kendi mail adresinizi yazmayı unutmayınız) adresini ziyaret ederek blokeyi kaldırabilirsiniz.
      • Yusuf Kerman
        Yusuf Kerman

        Abi spama baktım o block şeyinide yaptım hala olmuyor gelmiyor

        <center><form class ="eposta" action="https://formspree.io/email@domain.tld" method="post"> <!-- Brace Forms kapandığı için alternatif olarak Formspree hizmetini kullanabilirsiniz. -->
        <form action="https://formspree.io/***@gmail.com" method="post"> <!-- your@email.com yerine kendi mail adresimizi yazıyoruz. -->
        ...
        kodlar bunlar ben css ile düzenledim sayfayı acaba burda mı bir sorun var diye düşündüm cevaplarsınız sevinirim
        • Mehmet YAYLACI
          Mehmet YAYLACI

          Formunuzda hata var. İlk olarak iki adet action var. Bir tane olmalı. En yukarıdaki

          <form class ="eposta" action="https://formspree.io/email@domain.tld" method="post"> <!-- Brace Forms kapandığı için alternatif olarak Formspree hizmetini kullanabilirsiniz. -->
          satırını kaldırınız. Sadece kendi mail adresinizin yazdığı action etiketi kalsın.
          • Yusuf Kerman
            Yusuf Kerman

            Gene yaptım ama gene olmadı kesin birşeyi gene yanlış yaptım

            <center>
            <form class ="eposta" action="https://formspree.io/***@gmail.com" method="post">
            ...
            • Yusuf Kerman
              Yusuf Kerman
              Pardon hatayı yazmadım bu sefer oldu dedi onaylandı ama bu seferde mesajı gönderiyom gene onaylama yeri çıkıyo karşıma neden ?
              • Yusuf Kerman
                Yusuf Kerman
                Teşekkürler anladım gönderdiğinde mecbur o sayfa çıkıyormuş tekrardan teşekkürler yardım ettiğin için biraz uğraştırdım ama ...
                • Mehmet YAYLACI
                  Mehmet YAYLACI
                  Sorunu çözdüğünüze sevindim. reCAPTCHA uygulamasından bahsediyorsunuz sanırım. Ücretsiz hesapta reCAPTCHA'yı devre dışı bırakamıyorsunuz maalesef.
  35. Mustafa GÜL
    Mustafa GÜL
    Gelen formmailde türkçe karakterler sorununu çözebiliyor muyuz ?
    • Mehmet YAYLACI
      Mehmet YAYLACI

      HTML dosyanızın head kısmına

      <meta charset="UTF-8">
      kodunu ekleyerek deneyebilir misiniz?
  36. Bahattin A
    Bahattin A
    Reis vallaha helal olsun. 21 Nisan 2014 tarihinden bu yana yaklaşık 5 senedir herkesin sorusunu cevaplamaya çalışmısın konuyu öldürmemişsin ne desem az gelir. Umarım emeğinin karşılığını sonuna kadar alırsın. Benimde ufak bir isteğim var html form kullanarak php ile smtp aracılığıyla iletişim formu yapmak istiyorum yardımcı olabilirsen çok mutlu olurum
  37. batuhan
    batuhan
    Merhabalar yazınız çok faydalı olmuş. Sormak istediğim birşey var mail gönderme işleminden sonra formspree sitesinden gelen teşekkür mesajını direkt olarak sitem üzerinde görüntülemek istiyorum iframe kullanarak birkaç kez denedim başaramadım. sitem üzerinden çıkış yapmadan sonuç alınsın istiyorum. Bir fikriniz var mı?
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Merhaba. İlk başlarda teşekkür sayfası ücretsiz sürümde de vardı. Ancak şimdi kontrol ettiğimde ücretsiz sürümden o özelliği kaldırmışlar maalesef.
  38. ersin koray gonce
    ersin koray gonce
    Merhaba; Ben form oluşturma ile ilgili değil de gönderme şekli ile ilgili bir soru soracağım. bir müşterim iş başvuru formu yapmamı istedi. yaptım ancak formun kendisine pdf olarak gelmesini istedi. daha doğrusu şöyle izah edeyim. baskıya hazır halde gelmesini istedi. belli bir şablonda bilgisayarda doldurmuşsunuz da yazdıracakmışsınız gibi yani. Burada tıkandım açıkçası. sitenin bir veri tabanı yok. düz html bootstrap olarak yapıldı. bu formu dolduran kişi göndere bastığında bu verileri bir html şablon olacak gönderebilirmiyiz. baskıya hazır şekilde. normal bir cv gibi.
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Merhaba. Mail Formspree tarafından gönderiliyor ve maalesef seçenekler arasında pdf formatı bulunmuyor. Form'dan gelen veriyi şekillendirmek için de ücretli sürümü istiyor. İstediğiniz işlem için sanıyorum sadece HTML yetmez. PHP ile formdan gelen veriyi istediğiniz formata dönüştürebilir veya belli bir şablona dökebilirsiniz. Daha sonra herhangi bir transactional mail servisi kullanarak (Mailgun, Mailjet, SendGrid vb.) veriyi mail olarak gönderebilirsiniz. Eğer Mailgun ile mail göndermek isterseniz PHP ile Mailgun API Kullanarak Mail Gönderme yazısına göz atabilirsiniz.
      • ersin koray gonce
        ersin koray gonce
        php ile formdan gelen veriyi nasıl işlerim.? başka formata nasıl dökerim? bununla ilgili bir örnek var mı?
        • Mehmet YAYLACI
          Mehmet YAYLACI
          Sitede maalesef bu şekilde bir örnek yok.
  39. Erol SAROĞLU
    Erol SAROĞLU
    Merhabalar, yazınız için teşekkürler çok açıklayıcı olmuş. Benim sorum formu gönder tıklandığında formspree ye yönleniyor site ve o sayfadan return to original website tıklanması gerekiyor kendi sayfamamıza dönmemiz için, bunu direkt kendi sitemize yönlenecek şekilde ayarlamamız mümkün müdür acaba? Teşekkürler.
    • Mehmet YAYLACI
      Mehmet YAYLACI

      Merhaba. Ajax form kullanarak sayfanızdan yönlendirme olmadan formu gönderebilirsiniz. Formunuzun class'ını

      <form action="https://formspree.io/your@email.com" method="post" class="contact-form">

      şeklinde yaparsanız veya class ismini kendi class'ınıza göre değiştirirseniz aşağıdaki jQuery kodu çalışacaktır.

      $(document).ready(function() {

          var $form = $('.contact-form');

          $form.submit(function(e) {

              $.ajax({
              url: "https://formspree.io/your@email.com",
              method: "POST",
              data: $form.serialize(),
              dataType: "json"
              });

              e.preventDefault();

          });

      });
      • Erol SAROĞLU
        Erol SAROĞLU

        Formun son hali şu şekilde (mail adresi doğru girildi ancak kodda belirtilmedi)

        <form action="https://formspree.io/email@email.com" method="post" class="contact-form">
            <div class="form-group">
                <label for="username">Ad Soyad :</label>
                <input type="text" class="form-control" id="uname" placeholder="Ad ve soyad giriniz" name="username" required>
                <div class="valid-feedback"></div>
                <div class="invalid-feedback">Lütfen alanı doldurunuz.</div>
            </div>
            <div class="form-group">
                <label for="telefon">Telefon No :</label>
                <input type="text" class="form-control" id="telefon" placeholder="Lütfen telefon numaranızı giriniz" name="telefon" required>
                <div class="valid-feedback"></div>
                <div class="invalid-feedback">Lütfen alanı doldurunuz.</div>
            </div>

            <button type="submit" class="btn btn-primary">Gönder</button>
        </form>

        Jquery kodunu da aynı şekilde aldım <script> tagi içinde sayfanın alt kısmına ekledim ve mail kısmına dikkat ettim. Ancak F12 ile consoledan kontrol ettiğimde "gönder" tıklandığında gelen hata şu şekilde;

        => POST https://formspree.io/email@email.com 403
        • Mehmet YAYLACI
          Mehmet YAYLACI
          Sanırım ajax isteğinde reCaptcha doğrulaması yapılmadığı için 403 cevabı veriyor. Ücretsiz sürümde thankyou sayfası özelleştirilemediği için klasik post ile devam etmeniz gerekiyor.
          • Erol SAROĞLU
            Erol SAROĞLU
            Çok teşekkür ederim. Alternatif olabilecek servis ve yöntemler için takipçinizim.
            • Mehmet YAYLACI
              Mehmet YAYLACI

              Formspree sitesine üye olup mail adresinizi doğrulayın. Daha sonra ayarlarda Integration sekmesinde AJAX seçeneğini seçtiğinizde aşağıdaki resimde görüldüğü gibi AJAX form için reCAPTCHA'nın devre dışı bırakılması gerektiğini söylüyor.

              Aşağıdaki resimde de görüldüğü gibi Settings sekmesinden reCAPTCHA'yı devre dışı bırakınız.

              Devre dışı bıraktıktan sonra tekrar Integration sekmesine geldiğinizde AJAX seçeneği aktif oluyor ve orada örnek form mevcut. Örnek forma göre formunuzu düzenleyebilirsiniz.
  40. hasan tek
    hasan tek

    hocam selamlar, form çalışıyor fakat

    <input type="hidden" name="_next" value="https://site.io/tesekkurler.html"> <!-- Form formspree.io adresine gönderildikten sonra tekrar sitenize dönüş yapılarak sitenizdeki thanks.html dosyasının görüntülenmesini sağlıyor. -->
    <input type="submit" value="GÖNDER">
    bu kısımda göndere basınca tesekkurler.html sayfama dönmüyor.
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Merhaba. Maalesef otomatik olarak teşekkürler sayfasına dönme işlemini ücretsiz plandan kaldırdılar. Formspree sitesinde Plans sayfasından sürümler arasındaki farklara göz atabilirsiniz.
      • Hasan
        Hasan
        Teşekkürler
  41. Murat
    Murat
    Merhaba, kaç senedir verdiğiniz uğraş ve ilginiz için size teşekkür ederim. Benim sorumda diğerleri gibi aslında ama bir türlü yapamadım. Kodlarımın hepsi doğru olduğundan eminim. Formspree sitesine falan da üye oldum. Sorun sadece This form needs Activation. We've sent you an email containing an 'Activate Form' link. Just click it and your form will be activated! Bu olarak gözüküyor ama mailimden 1 kere doğrulama yaptım daha sonrasında bişey gelmedi sayfayı yenileyince de Unable to submit form Sorry. Hatası alıyorum yapamadım bir türlü..
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Merhaba.
      1. Eğer sitenizde birden fazla sayfada form kullanıyorsanız hepsi için ayrı ayrı doğrulama yapmanız gerekiyor. Örneğin iletişim sayfasında bir form ve yorumlarda bir form kullanıyorsanız ikisi için ayrı ayrı doğrulama isteniyor.
      2. Mailinizde gereksiz klasörünü kontrol ettiniz mi? Doğrulama maili gereksize düşmüş olabilir.
      3. Eğer iki seçenekte sorunu çözmediyse https://formspree.io/unblock/<your@email.com> (kendi mail adresinizi yazmayı unutmayınız) adresini ziyaret ediniz ve mail adresinizde bir bloklama varsa kaldırınız veya yeniden doğrulamasını sağlayınız.
  42. Engin Yirci
    Engin Yirci
    html kodu ile iletişim formu yazdım ardından sizin belirttiğiniz siteye üyelik girip bahsettiğiniz <form ... etiketini girdim hesabı e-posta üzerinden onayladım formu e-posta üzerinden onayladım etiketi defalarca kontrol ettim içinde kendi e-postamda net bir şekilde yazıyor etiketin konumlandırılmasında da bir hata yok ancak yinede iletişim formuna bilgi girdiğimde e-postama mail gelmiyor hocam
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Merhaba. Forma bilgileri girip GÖNDER butonuna bastığınızda Formspree sayfası açılıp

      Thanks!
      The form was submitted successfully.

      yazısını görüyor musunuz? Eğer görmüyorsanız formunuzda bir hata var demektir. Eğer bu yazıyı gördüğünüz halde bilgiler mailinize gelmiyor ise (mail hiç gelmiyor ise) ücretsiz hesaptaki aylık 50 mail alma limitini doldurmuş olabilirsiniz.
      Eğer mail boş olarak geliyorsa formunuzdaki inputlara name ile isimlendirme yapmamış olabilirsiniz.
      • Engin Yirci
        Engin Yirci
        Merhabalar hocam hızlı yanıtınız için çok teşekkür ederim

        Thanks!
        The form was submitted successfully.

        Yazısını gönder butonuna bastığımda site içinde almıyorum direk iletisim.html in başına tekrar atıyor. html in form bölümündeki kodları burdan yada size mail yoluyla atsam bana yardımcı olabilir misiniz hocam. Bu işi halletmem gerekiyor çünkü ay sonuna üniversite bitirme projemin sunumu var...
        • Mehmet YAYLACI
          Mehmet YAYLACI
          Forma ait kodlarınızı yorumunuza ekleyin. Elimden geldiğince yardımcı olmaya çalışırım.
          • Engin Yirci
            Engin Yirci
            <!-- FORM BÖLÜMÜ -->
                    
                <section id="iletisim" class="section-area">
                    <div class="iletisim-top">
                        <h2 class="section-header">İletişim</h2>
                        <p>Aşağıdaki formdan bize istek ve dileklerinizi iletebilirsiniz.</p>
                    </div>
                    <div class="iletisim-body">
                        <div class="container">
                            <div class="qaz">
                                <form class="iletisim-form">
                                    <form action="https://formspree.io/your@email.com" method="post">
                                    <div class="form-item">
                                        <span class="form-shape"><i class="fa fa-user fa-2x"></i></span>
                                        <input class="form-field" type="text" placeholder="Ad-Soyad" required>
                                    </div>
                                    <div class="form-item">
                                        <span class="form-shape"><i class="fa fa-envelope fa-2x"></i></span>
                                        <input class="form-field" type="email" placeholder="E-Mail" required>
                                    </div>
                                    <div class="form-item">
                                        <span class="form-shape"><i class="fa fa-mobile-phone fa-2x"></i></span>
                                        <input class="form-field" type="text" placeholder="Telefon Numarası" required>
                                    </div>
                                        <div class="form-item">
                                        <span class="form-shape"><i class="fa fa-comment fa-2x"></i></span>
                                        <textarea class="form-field" rows="8" placeholder="Mesaj"></textarea>
                                    </div>
                                    <div class="form-item">
                                        <input class="form-buton" type="submit" value="Gönder">
                                    </div>
                                    </form>
                                </form>
                            </div>
                        </div>
                    </div>
                </section>
            bunlara ek olarak css kodları da var ama onların maille bir alakası olduğunu düşünmüyorum
            • Mehmet YAYLACI
              Mehmet YAYLACI

              Formunuzda hiçbir input elemanına isim vermemişsiniz. Örnek olarak

              <input class="form-field" type="text" placeholder="Ad-Soyad" required>

              yerine

              <input name="adsoyad" class="form-field" type="text" placeholder="Ad-Soyad" required>
              şeklinde name="input_ismi" şeklinde form elemanlarına isim vermeniz gerekiyor. Çünkü Formspree form elemanlarının değerlerini name belirtecine göre okuyup size gönderiyor.
              • Engin Yirci
                Engin Yirci
                hocam hepsine tek tek isim verdim ancak hala mail gelmiyor acaba mail gelme süre aralığı uzun mu yoksa hemen geliyor mu normalde ?
                • Mehmet YAYLACI
                  Mehmet YAYLACI

                  Sorunu buldum. Formunuzda

                  <form class="iletisim-form">
                  <form action="https://formspree.io/your@email.com" method="post">

                  şeklinde iki adet form etiketi kullanıyorsunuz ve bu nedenle form onaylanmıyor. Lütfen

                  <form class="iletisim-form">

                  etiketini kaldırıp tekrar deneyebilir misiniz? Tabii formun sonunda form etiketini

                  </form></form>
                  şeklinde iki kez kapatmış oluyorsunuz. Bunlardan birini de kaldırınız.
                  Ben formunuzu anlattığım şekilde denediğimde sorunsuz olarak çalıştı.
                  • Engin Yirci
                    Engin Yirci
                    Hocam classlardan gelen isimlerle css kodlarını düzenliyordum class etiketlerini kaldırırsam sitenin görünümü de otamatik olarak değişir değil mi? istiyorsanız iletişim bölümündeki css kodlarını da atabilirim
                    • Mehmet YAYLACI
                      Mehmet YAYLACI

                      Etiketleri şu şekilde birleştirebilirsiniz.

                      <form class="iletisim-form" action="https://formspree.io/your@email.com" method="post">
                      • Engin Yirci
                        Engin Yirci
                        Hocam yardımlarınız sayesinde çok daha güzel bir siteye sahip olmuş oldum gerçekten çok ama çok teşekkür ederim

                        Dipnot: hocam bu konu ve başlıkla alakası yok ama sorabileceğim kimse yok çevremde ve bu konuda bilgili olduğunuz için size sormak istiyorum bunu yanıtlamanız benim için elzem. Siteye ek olarak rezervasyon eklemek istiyorum rezervasyona girilen bilgiler programdaki database e aktarılmalı database imiz filan hazır ancak bunu html kod diliyle yapmak mümkünmü yani siteden girilen rezervasyon bilgilerini programa ait olan microsoft sql express servera bağlayabilir miyim bağlanabiliyorsa nasıl bağlayacağım. Çok araştırdım ve hiç bir forumda bulamadım... Şimdiden ve tekrardan yardımlarınız için çok teşekkür ederim.
                        • Mehmet YAYLACI
                          Mehmet YAYLACI
                          Sorunu çözdüğünüze sevindim. Veritabanına veri kaydetme işlemini sadece HTML ile yapamazsınız. Bunun için ASP.NET veya PHP gibi bir yazılım dili kullanmanız gerekmektedir. Kolay gelsin. Başarılar.
  43. mehmet keskin
    mehmet keskin
    Selam ,
    Hosting hizmeti veren firmalar aynı zamanda e mail hizmeti de veriyor diye biliyorum. Böyle bir hizmet aldığımızda ,yukarıda vermiş kodda ,olacaksa nasıl bir değişiklik olacak. örnek: "form action="https://info@siteminadı.com" method="post" mı? olacak.

    Saygılar
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Merhaba. Hayır o şekilde olmayacak. Eğer hosting hizmetinin mail servisini kullanacaksanız SMTP üzerinden mail göndermeniz gerekmektedir.
  44. Emre
    Emre
    Yaptım oldu ama karşı tarafın gönderdiği mesaj okunmuyor yani mailde bunu bana göndermiyor neden olabilir?
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Karşı taraf size maili Formspree aracılığı ile mı gönderiyor? Mail size geliyor ancak karakterler mi bozuk görünüyor? Yoksa mail size gelmiyor mu?
  45. Ercan Özcan
    Ercan Özcan
    Dostum, selam herşeyi başarılı ile yaptım fakat iletiyi gönderdiğiniz için teşekkürler diyip farklı bir sekme açıyor ya bunu kapatma şansımız varmıdır..
  46. ibrahim YAVUZ
    ibrahim YAVUZ
    Merhaba, Ben tüm işlemleri yaptığımda Formspree adresinde iletileri görüyorum. Fakat benim mail adresim " CC " den tüm mailleri alsın diye yazmama rağmen iletilememiştir diyor. hatanın kaynağı ne olabilir. Sizin verdiğiniz komut ile eğer kendi mail adresimi yazar isem olmuyor. Şu hatayı alıyorum.
    "This form isn't set up yet
    Do you own this website?If so, please login and create a form. Then update your HTML or JavaScript with the new form endpoint. More information here."
    Formspree bir kod veriyor bu kodu kullandığım taktirde mail başarılı bir şekilde form mesajları içine düşüyor ( kendi sayfası içinde) bana mail olarak düşmüyor.
    _status
    mail@gmail.com: Could not send email " diyor. durum kısmında ama form sayfasına kadar düşüyor bu bilgi.
    • Mehmet YAYLACI
      Mehmet YAYLACI
      Gereksiz klasörünü kontrol ettiniz mi? Eğer gelmediyse biraz gecikmeli gelebilir. Ya da mail adresiniz Formspree tarafından bloke edilmiş olabilir. Bu durumda https://formspree.io/unblock/<your@email.com> (kendi mail adresinizi yazmayı unutmayınız) adresini ziyaret ederek blokeyi kaldırabilirsiniz.
      • İbrahim Yavuz
        İbrahim Yavuz
        Sorun çözüldü hocam. Muhtemelen engel yemiş ama düzeldi dediğinizi yaptım. Çook çok teşekkür ederim. Allah razı olsun.
  47. ORHAN
    ORHAN
    This form isn't set up yet
    Do you own this website?

    If so, please login and create a form. Then update your HTML or JavaScript with the new form endpoint. More information here.

    Bu hatayı neden alıyoruz üye mi olmalıyız
    • Mehmet YAYLACI
      Mehmet YAYLACI

      Formunuzda action parametresini aşağıdaki şekilde kullandınız mı? (Kendi mail adresinizi yazarak.)

      <form action="https://formspree.io/your@email.com" method="post">

YORUM FORMU

Cevap verilen yorum:
  • selin arpacı
    selin arpacı
    çok güzel anlatılmış çok beğendim faydalı bilgiler içeren bu tür siteler örnek alınmalı diye düşünüyorum...