📌 Ders 3 – Airtable ile Veritabanı

Bu derste Form Submission Node içindeki tüm ayarları ayrıntılı olarak inceleyecek, ardından form verilerinin Airtable’a nasıl kaydedildiğini ve bildirim e-postası gönderildiğini göreceğiz.

Form Submission Node Nedir?

  • Amaç: Kullanıcıdan web formu aracılığıyla bilgi toplamak ve bu bilgileri otomasyon sürecinde kullanmaktır.
  • Çalışma Mantığı: Form doldurulduğunda workflow tetiklenir ve sonraki adımlar (örneğin veritabanına kayıt, e-posta gönderimi) otomatik çalışır.

Form Submission Node Ayarları

1. Form Title

  • Formun başlığıdır (örnek: Sandviç Siparişi).
  • Kullanıcıya görünen ilk bilgilendirme yazısıdır.

2. Form Description

  • Formun kısa açıklamasıdır (örnek: “Buradan Sandviçinizi Sipariş Edebilirsiniz”).
  • Kullanıcıya formun ne işe yaradığını anlatır.

3. Form Path

  • Formun URL uzantısını belirler (örnek: /siparisver).
  • Dikkat: Burada Türkçe karakter kullanılmaz, yalnızca Latin alfabesi tercih edilmelidir.
  • Neden? Çünkü URL yapılarında Türkçe karakter sorun çıkarabilir ve sistem hatalarına yol açar.

4. Test URL / Production URL

  • Test URL: Deneme amaçlıdır, formun doğru çalışıp çalışmadığını görmek için kullanılır.
  • Production URL: Canlı ortamda müşterilerle paylaşılacak gerçek linktir.
  • Neden iki ayrı URL? Öğrenciler, test sırasında yanlış verileri canlı sisteme göndermemek için ayrı alanlarda çalışmalıdır.

Form Elements (Alanlar)

Formda kullanıcıdan bilgi almak için kullanılan alanlardır. Her alan için aşağıdaki ayarlar yapılabilir:

1. Field Name

  • Alan adı (örn. Adınız, Sandviçinizi Seçin, Hangi Boy Olsun).
  • Kullanım amacı: Kullanıcıdan hangi bilginin istendiğini belirtir.

2. Element Type

  • Alan türünü belirler:
    • Text: Serbest metin (örn. isim, adres).
    • Email: E-posta doğrulaması yapılacak alan.
    • Password: Gizli şifre alanı.
    • Date: Tarih seçimi.
    • Dropdown List: Kullanıcıya seçenek sunar.
  • Bu senaryoda “Dropdown List” seçildi (örnek: Sandviç Çeşidi, Boy Seçimi, Ödeme Şekli).

3. Field Options

  • Dropdown list içinde gösterilecek seçeneklerdir.
  • Örnekler:
    • Sandviç Çeşidi: Kaşarlı, Etli, Bol Malzeme
    • Boy Seçimi: Small, Medium, Large, X-Large
    • Ödeme Şekli: Kapıda Kredi Kartı, Kapıda Nakit

4. Placeholder

  • Alan içine yazılacak kısa yönerge (örn. “Adınızı giriniz”, “Sandviç seçiniz”).
  • Kullanım amacı: Kullanıcıya ne yapması gerektiğini hatırlatır.

5. Required Field

  • Bu kutu işaretlendiğinde alanın boş bırakılması engellenir.
  • Neden? Örneğin adres alanı boş bırakılırsa sipariş tamamlanamaz.

6. Add Form Elements

  • Yeni alan eklemek için kullanılır.
  • Formda istediğiniz kadar alan tanımlayabilirsiniz.

Node Üzerindeki Diğer İşlemler

  • 3 Nokta Menüsü → Copy: Node’un kopyasını oluşturur. Aynı ayarlarla yeni bir node üretmek için kullanılır.
  • Rename: Node’a anlamlı bir isim verilebilir (örn. Form Girişi Tetikleyicisi).

Formdan Gelen Verilerin İşlenmesi

  • Form doldurulduğunda veriler n8n tarafından JSON formatında yakalanır.
  • Bu JSON’daki alanlar Airtable’a aktarılır:
    • İsim → Adınız
    • Sandviç Çeşidi → Dropdown seçimi
    • Hangi Boy → Dropdown seçimi
    • Adres → Text alanı
    • Ödeme Şekli → Dropdown seçimi

Airtable Entegrasyonu

  • Formdan gelen tüm siparişler Airtable’da merkezi Tüm Siparişler tablosuna kaydedildi.
  • Switch Node ile ödeme şekline göre siparişler iki farklı tabloya ayrıldı:
    • Kapıda Kredi Kartı → Ayrı tabloya kaydedilir.
    • Kapıda Nakit → Ayrı tabloya kaydedilir.

E-posta Bildirimi

  • Sipariş geldiğinde Gmail node otomatik olarak bir e-posta gönderir.
  • E-posta içeriği:
    • Sipariş özeti (Sandviç çeşidi + boyut)
    • Müşteri adı ve adresi
    • Ödeme şekli
  • E-posta HTML formatında, şık bir şablonla hazırlanmıştır.

🎯 Bu Dersin Özeti

  • Form Submission Node içindeki tüm ayarları öğrendiniz.
  • Field Name, Placeholder, Required, Dropdown Options gibi özelliklerin mantığını kavradınız.
  • Form Path’in Latin alfabesiyle olması gerektiğini anladınız.
  • Formdan alınan verileri Airtable’a kaydetmeyi gördünüz.
  • Ödeme şekline göre siparişlerin ayrılmasını ve farklı tablolara yazılmasını öğrendiniz.
  • Yeni sipariş geldiğinde e-posta bildirimi göndermeyi uyguladınız.