FRAMEWORK

Angular formunuza bir backend ekleyin

Formstork, herhangi bir Angular formundan gelen gönderimleri alır, her birini size e-postayla iletir ve tüm mesajları aranabilir bir panelde saklar. Ayağa kaldıracak sunucu, yazacak backend kodu yok.

Nasıl çalışır

Bir Angular formu yalnızca alanları toplayan bir bileşendir; bunları tek başına hiçbir yere iletemez. Formstork, POST'u alan backend'dir. Bileşeniniz form verisini access key'inizle bir Formstork endpoint'ine gönderir; Formstork da her gönderimi size e-postayla iletir, ziyaretçinin e-postasını reply-to olarak ayarlar ve mesajı aranabilir bir panele kaydeder. İstek, bir HTTPS endpoint'ine yapılan sade bir fetch olduğu için bir bileşen metodunda, bir service'te ya da reactive form'da aynı şekilde çalışır; çalıştıracağınız kendi sunucunuz yoktur. Spam filtresini ya da Slack veya Google Sheets gibi bir entegrasyonu istediğinizde açarsınız.

import { Component } from "@angular/core";

@Component({
  selector: "app-contact",
  standalone: true,
  template: `
    <form (submit)="onSubmit($event)">
      <input name="email" type="email" required />
      <textarea name="message" required></textarea>
      <button [disabled]="sending">{{ sending ? "Sending..." : "Send" }}</button>
    </form>
  `,
})
export class ContactComponent {
  sending = false;
  async onSubmit(e: Event) {
    e.preventDefault();
    this.sending = true;
    const data = new FormData(e.target as HTMLFormElement);
    data.append("access_key", "YOUR_ACCESS_KEY");
    await fetch("https://api.formstork.com/submit", { method: "POST", body: data });
    this.sending = false;
  }
}

Kuracak bir API sunucusu yok

Angular uygulamanız frontend olarak kalır. POST'u Formstork alır; yalnızca bir formu karşılamak için kurup deploy edip ayakta tutacağınız bir API sunucusu, veritabanı ya da serverless function yoktur.

Her mesaj saklanır ve aranabilir

Formstork her gönderimi aranabilir, etiketlenebilir bir panelde saklar; filtreleyip CSV ya da JSON olarak dışa aktarabilirsiniz. Hiçbir şey yalnızca kaybedebileceğiniz ya da silebileceğiniz bir e-postada kalmaz.

Spam size ulaşmaz

Gizli bir honeypot, sunucu tarafında bir içerik filtresi ve isteğe bağlı Turnstile, hCaptcha ya da reCAPTCHA botları uzak tutar. İşaretlenen gönderimler panelinizde tutulur ve size e-posta olarak gelmez.

Kurulum

1Angular formunuzu her zamanki gibi oluşturun (template-driven form ya da reactive form), her alana bir name verin.
2Submit handler'ınızda form verisini, access key'inizi access_key alanı olarak ekleyerek https://api.formstork.com/submit adresine POST edin (ya da kısa /f/ACCESS_KEY URL'ini kullanın).
3Bir kez test amaçlı gönderin. Gönderim, ziyaretçinin e-postası reply-to olarak ayarlanmış şekilde hem gelen kutunuza hem Formstork panelinize düşer.
4İsteğe bağlı: Slack ya da Google Sheets gibi bir entegrasyonu bağlayın ve ücretli planlarda bir otomatik yanıt açın.

Sık sorulanlar

Angular formuma nasıl backend eklerim?

Submit handler'ınızda form verisini access key'inizle bir Formstork endpoint'ine POST edin. Backend budur: Formstork POST'u alır, gönderimi size e-postayla iletir ve panelinizde saklar. Kendiniz çalıştıracağınız sunucu ya da yazacağınız backend kodu yoktur.

Angular form gönderimleri için sunucu ya da API gerekir mi?

Hayır. Angular uygulamanız frontend olarak kalır ve doğrudan Formstork'a sade bir fetch atar. Her gönderimi alıp ileten barındırılan backend Formstork'tur, yani kendiniz ayağa kaldıracağınız hiçbir şey yoktur.

Ücretsiz mi?

Evet, ücretsiz plan tam panel ve 90 günlük saklama ile ayda 250 gönderim içerir. Ücretli planlar daha yüksek hacim, kalıcı saklama, otomatik yanıtlar ve dosya yükleme/ek desteği ekler.

Formstork'u ücretsiz dene

Tam panelle ayda 250 gönderim. Kredi kartı gerekmez.

Access key'ini al Dokümanları oku