# CF Entegrasyonu

<figure><img src="https://1970365243-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkTpM8Bc8GIRKlQDusDr3%2Fuploads%2Fgp5WwV6tG5QNTZ7aNO5W%2FCheckoutForm_TR.png?alt=media&#x26;token=ee75192f-dfba-40ce-afcb-51487fbef7b9" alt=""><figcaption></figcaption></figure>

CF(Checkoutform) teknik olarak [PWI ](https://docs.iyzico.com/odeme-metotlari/iyzico-ile-ode)gibi 2(iki) temel adımdan oluşur;

* [CF Başlatma](https://docs.iyzico.com/odeme-metotlari/odeme-formu/cf-entegrasyonu/cf-baslatma)
* [CF Sorgulama](https://docs.iyzico.com/odeme-metotlari/odeme-formu/cf-entegrasyonu/cf-sorgulama)

**CF Başlatma**, ödeme sürecini başlattığımız yerdir.\
**CF Sorgulama** adımı ödeme sonucunu aldığımız yerdir.

### Adımlar

1. [Kullanım Tercihi](#cf-kullanim-tercihi)
2. [CF Başlatma](https://docs.iyzico.com/odeme-metotlari/odeme-formu/cf-entegrasyonu/cf-baslatma)
3. Yönlendirme
4. [CF Sorgulama](https://docs.iyzico.com/odeme-metotlari/odeme-formu/cf-entegrasyonu/cf-sorgulama)
5. [Webhook](https://docs.iyzico.com/ek-servisler/webhook)

### Genel İzlenim

* [ ] Kullanım tercihi; pop-up, responsive, iframe veya redirect formlarında bulunan ödeme formuna karar verme.
* [ ] CF Başlatma; iki adımlı CF işlemlerini yöneten ilk POST isteği.
* [ ] Yönlendirme; iyzico, tüketicilerin ödemelerini takip ederek verilen callbackUrl ile ilişkilendiren IPN'yi (Anında Ödeme Bildirimi) tetikler.
* [ ] CF Sorgulama; ödeme işlemi resmileştirmek için adım atın.
* [ ] Webhook; ilgili ödemenin gerçek zamanlı bildirimi.

### CF Kullanım Tercihi

CF(Ödeme Formu), tarayıcılarda birden çok form biçimi sunar;&#x20;

#### Responsive

```html
<div id="iyzipay-checkout-form" class="responsive"></div>
```

#### Pop-up

```html
<div id="iyzipay-checkout-form" class="popup"></div>
```

#### iFrame

* CF Başlatma isteğinden sonra dönen `paymentPageUrl` parametresine `&iframe=true` son ekinin eklenmesini gerektirir.

#### Redirect

* Uygulamada `paymentPageUrl`'in doğrudan yönlendirildiği en yaygın yöntem.