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="//forms.brace.io/mailiniz@gmail.com" method="post"> <!-- Brace Forms kapandığı için alternatif olarak Formspree hizmetini kullanabilirsiniz. -->
<form action="https://formspree.io/mailiniz@gmail.com" method="post"> <!-- mailiniz@gmail.com yerine kendi mail adresimizi yazıyoruz. -->
    <p class="input-block">
        <label for="contact_author">
            <strong>Ad Soyad</strong> (gerekli)</label>
        <input type="text" name="contact_author" id="contact_author" required>
    </p>
    <p class="input-block">
        <label for="_replyto">
            <strong>E-Posta Adresi</strong> (gerekli)</label>
        <input type="email" name="_replyto" id="_replyto" required>
    </p>            
    <p class="input-block">
        <label for="contact_subject">
            <strong>İleti Konusu</strong> (gerekli)</label>
        <input type="text" name="contact_subject" id="contact_subject" required>
    </p>
    <p class="textarea-block">
        <label for="contact_content">
            <strong>İleti</strong> (gerekli)</label>
        <textarea name="contact_content" id="contact_content" required></textarea>
    </p>
    <input type="hidden" name="_next" value="//domainadresimiz.com/tesekkurler.html"> <!-- Form forms.brace.io adresine gönderildikten sonra tekrar sitenize dönüş yapılarak sitenizdeki tesekkurler.html dosyasının açılmasını 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.

Mehmet YAYLACI
YORUMLAR (68)
  1. EMRE ŞAŞKIN
    EMRE ŞAŞKIN

    28 Ağustos 2014 - 15:29

    İlaç gibi geldi çok saol.

  2. tamer soydan
    tamer soydan

    09 Şubat 2015 - 03:16

    iletişim formu için

  3. nazmi şahin
    nazmi şahin

    11 Şubat 2015 - 15:24

    çok faydalı oldu. teşekkür ederim.

  4. TUĞÇE PARLAK
    TUĞÇE PARLAK

    19 Şubat 2015 - 20:50

    uygulamalı olarak anlattığınız bir video vs birşey var mı ?

    • Mehmet YAYLACI
      Mehmet YAYLACI

      19 Şubat 2015 - 21:10

      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

    06 Mart 2015 - 15:14

    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

      06 Mart 2015 - 15:41

      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

    13 Mart 2015 - 14:33

    brance forms kapandığı için alternatif bir site vermeniz mümkün müdür acaba ?

      • özgür güçlüoğlu
        özgür güçlüoğlu

        13 Mart 2015 - 18:09

        Tesekkur ederim bu kadar hizli bir sekilde donus yaptiginiz icin formspree yi <form action="//formspree.io/eeempusa@gmail.com" seklinde mi yazcam?

  7. serhat halil
    serhat halil

    16 Haziran 2015 - 09:15

    Formspree ile yapabildim. teşekkürler.

  8. yusuf satılmıs
    yusuf satılmıs

    23 Temmuz 2015 - 09:41

    Formspree gibi araçları kullanmadan direk maili nasıl gönderebiliriz

  9. Ozan Yamak
    Ozan Yamak

    12 Kasım 2015 - 14:13

    Gerçekten harika anlatmışsınız bizide bilgilendirdiğiniz için çok teşekkür ederiz.

  10. Melih Metin
    Melih Metin

    01 Aralık 2015 - 18:10

    üstad ben başarılı olamıyorum ya bi türlü, file://formspree.io/xxxx.xxx@gmail.comadresine 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

      01 Aralık 2015 - 21:34

      Form etiketi şu şekilde olacak:

      <form action="https://formspree.io/mailiniz@gmail.com" method="post">
      Lütfen HTML kodunuzu tekrar gözden geçiriniz.

  11. Fevzi Savaş
    Fevzi Savaş

    20 Ocak 2016 - 22:45

    Gönder Butonuna Basınca E tablolara Kaydetme Gibi Bir Şey Varmı

    • Mehmet YAYLACI
      Mehmet YAYLACI

      21 Ocak 2016 - 18:05

      O konu hakkında bilgim yok maalesef.

  12. mehmet aslan
    mehmet aslan

    21 Mart 2016 - 13:13

    slm herkese. maili kullanamıyorum yardımcı olurmusunuz şimdiden herkese teşekkür ediyorum.

    • Mehmet YAYLACI
      Mehmet YAYLACI

      21 Mart 2016 - 13:19

      Sorununuzu daha açık bir anlatımla ifade edebilir misiniz? Hata mı alıyorsunuz? Hata alıyorsanız hata mesajını yazabilir misiniz? Makale sonundaki Güncelleme kısmında verilen bilgiye dikkat ettiniz mi?

  13. tunahan ulusoy
    tunahan ulusoy

    11 Mayıs 2016 - 18:27

    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

      11 Mayıs 2016 - 18:50

      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çı

    21 Mayıs 2016 - 16:33

    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

      23 Mayıs 2016 - 09:14

      Doğrulama mailini bir defaya mahsus istiyor. Makaledeki formdan örnek alarak kişilerin sadece mail adresini isteyebilirsiniz.

  15. Ogün ALİCAN
    Ogün ALİCAN

    25 Mayıs 2016 - 12:14

    Dosyanız bulunamadıTaşınmış veya silinmiş olabilir.ERR_FILE_NOT_FOUNDAyrıntıları gizlehocam bu uyarıyı alıyorum ?

    • Mehmet YAYLACI
      Mehmet YAYLACI

      26 Mayıs 2016 - 08:26

      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

    07 Haziran 2016 - 14:51

    çok teşekkür ederim gerçekten çok faydalı oldu allah razı olsun...

  17. Doğukan Çelik
    Doğukan Çelik

    28 Temmuz 2016 - 17:03

    site neden açılmıyor? yardıım

    • Mehmet YAYLACI
      Mehmet YAYLACI

      29 Temmuz 2016 - 16:16

      Site açılıyor. Makaleyi sonuna kadar okudunuz mu?

      • Doğukan Çelik
        Doğukan Çelik

        31 Temmuz 2016 - 09:11

        Hee tmm tesekkurler

  18. Betül Aslan
    Betül Aslan

    01 Ağustos 2016 - 16:16

    Merhaba, burdaki gibi denemeye çalıştım.
    <form action="//formspree.io/betula...@hotmail.com" method="post" >
    yaptım fakat formu çalıştırdığımda file://formspree.io/betulaslan94@hotmail.com dosyanız bulunamadı hatası veriyor. Yardımcı olabilir misiniz ?

    • Mehmet YAYLACI
      Mehmet YAYLACI

      01 Ağustos 2016 - 18:13

      <form action="https://formspree.io/mailiniz@gmail.com" method="post">
      şeklinde deneyebilir misiniz? Yani "//formspree.io" yerine "https://formspree.io" yazıp deneyebilir misiniz?

      • Betül Aslan
        Betül Aslan

        01 Ağustos 2016 - 19:35

        Öyle de denedim. Fakat şundan olabilir mi: kodlar bilgisayarımda herhangi bir sitede yüklü değil. Şu hatayı alıyorum da artıkMake sure you open this page through a web server, Formspree will not work in pages browsed as HTML files.

        • Mehmet YAYLACI
          Mehmet YAYLACI

          01 Ağustos 2016 - 19:47

          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

            01 Ağustos 2016 - 21:43

            Evet ondanmış deneme amaçlı hosting alınca oldu. Çok teşekkürler. Yalnız şimdi de <input type="hidden" name="_next" value="//domainadresimiz.com/tesekkurler.html"> şu kısma dönmüyor. Ben tesekkürler.html diye bişey ayarlamadım tekrar domain adresimi yazdım fakat yüklenmiyor site tekrar. Neden olabilir?

            • Mehmet YAYLACI
              Mehmet YAYLACI

              01 Ağustos 2016 - 22:34

              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

    11 Ağustos 2016 - 16:10

    Hocam cok tesekkurler..

  20. yunus sorgut
    yunus sorgut

    27 Ağustos 2016 - 00:23

    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

      27 Ağustos 2016 - 05:57

      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

    08 Mart 2017 - 14:24

    ben işlemleri yaptım ama mail adresime mail geliyor ama mailin içinde formdan gelen bilgiler yok <form action="https://formspree.io/diyetisyenoznurtogun@gmail.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="//domainadresimiz.com/tesekkurler.html"><input type="submit" class="form-control" value="Gönder"></form>

    • Mehmet YAYLACI
      Mehmet YAYLACI

      08 Mart 2017 - 17:46

      Formdan datalarını almak istediğiniz inputlara name etiketi ile isim vermeniz gerekiyor. name="cevap" gibi.

  22. tarık
    tarık

    25 Mart 2017 - 21:12

    Hocam bende olmadı.Aradığınız siteye ulaşılamıyor diyor.Ne yapacağım

    • Mehmet YAYLACI
      Mehmet YAYLACI

      25 Mart 2017 - 21:17

      Site çalışıyor. Belki anlık bir kesinti olmuştur. İyi çalışmalar.

  23. Necati ÖZTAŞ
    Necati ÖZTAŞ

    29 Nisan 2017 - 14:31

    hocam bende şöyle bir hata alıyorumUnable to submit formMake 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/necati.nct.42@gmail.com.For geeks: could not find the "Referrer" header.Nedir sorun ?

    • Mehmet YAYLACI
      Mehmet YAYLACI

      30 Nisan 2017 - 18:22

      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

    28 Haziran 2017 - 09:55

    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

      28 Haziran 2017 - 10:17

      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

        28 Haziran 2017 - 10:25

        yok hocam.Hani robot değilim sayfası geliyor ya o sayfayı kaldırmak istiyoırum

        • Mehmet YAYLACI
          Mehmet YAYLACI

          28 Haziran 2017 - 12:47

          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.

  25. Boran
    Boran

    24 Temmuz 2017 - 13:50

    Hocam,maili pdf formatında nasıl düşürebiliriz ?

    • Mehmet YAYLACI
      Mehmet YAYLACI

      24 Temmuz 2017 - 23:47

      Merhaba. Mail Formspree tarafından gönderiliyor ve seçenekler arasında pdf formatı bulunmuyor maalesef.

  26. Mahmure Elibol
    Mahmure Elibol

    10 Kasım 2017 - 20:04

    Mükemmel bişey ne zamandır böyle bir şey arıyordum sayenizde çok faydalı bir konuyu öğrenmiş oldum teşekkürler.

  27. onur bozkurt
    onur bozkurt

    10 Ocak 2018 - 03:05

    hocam formspreeden mail gelmiyor farklı yol varmı

    • Mehmet YAYLACI
      Mehmet YAYLACI

      10 Ocak 2018 - 11:38

      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

        11 Ocak 2018 - 11:43

        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

          11 Ocak 2018 - 15:45

          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.

  28. Mustafa Mertek
    Mustafa Mertek

    28 Şubat 2018 - 20:19

    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

      28 Şubat 2018 - 21:00

      Evet iletişim formu oluyor. Forma girilen bilgiler size mail olarak gönderiliyor.

      • Mustafa Mertek
        Mustafa Mertek

        01 Mart 2018 - 08:17

        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

          01 Mart 2018 - 11:48

          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

            02 Mart 2018 - 14:15

            Bu kodları sitede nasıl çalıştırırım .tk'lı sitede..

            • Mehmet YAYLACI
              Mehmet YAYLACI

              02 Mart 2018 - 19:25

              Hosting yönetim panelinizden kodlarınızın bulunduğu dosyayı sitenize yükleyebilirsiniz.

              • Mustafa Mertek
                Mustafa Mertek

                02 Mart 2018 - 20:11

                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

                  02 Mart 2018 - 22:35

                  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.

  29. murat
    murat

    25 Mart 2018 - 16:49

    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

      25 Mart 2018 - 16:55

      Tek çözümü Gold üyelik almak. Ücretsiz kullanımda güvenlik doğrulamasını kaldıramıyorsunuz.

YORUM YAPIN