> ## Documentation Index
> Fetch the complete documentation index at: https://docs.iletisim.pro/llms.txt
> Use this file to discover all available pages before exploring further.

# Formu sitenize ekleme

> Form bağlantısını ve QR kodunu paylaşın; iframe veya otomatik yükseklikli betikle sitenize yerleştirin.

## Formu paylaşmaya hazırlayın

1. **Formlar → Formlar** görünümünden ilgili formu açın.
2. **Paylaş** sekmesine geçin.
3. Form taslaksa **Yayınla**'yı seçin. Yayındaki formda bekleyen değişiklik varsa **Değişiklikleri yayınla**'yı kullanın.
4. Formu yalnızca belirli sitelerde göstermek istiyorsanız önce **Davranış → İzinli alan adları**'na bu sitelerin alan adlarını ekleyip yeniden yayınlayın.

![Formun Bağlantı ve QR kartında paylaşım bağlantısı ve QR kodu](https://mintcdn.com/iletisim/Ww1DUA1YWNLXK5hA/images/panel/form-paylasim.webp?fit=max\&auto=format\&n=Ww1DUA1YWNLXK5hA\&q=85\&s=5930fb9f85ce2e879d24dcd96df1a41c)

## Bağlantı veya QR kullanın

**Bağlantı ve QR** bölümünde:

* **Bağlantıyı kopyala** ile formu mesaj, e-posta, sosyal medya veya sitenizdeki bir düğmeyle paylaşın.
* **Formu aç** ile ziyaretçinin göreceği yayımlanmış sürümü denetleyin.
* **QR'ı indir** ile kodu servis fişi, mağaza afişi, masa kartı veya basılı teklif gibi bir malzemeye ekleyin.

Form bağlantısındaki alanları **Adres parametresi** veya alan kimliğiyle önceden doldurabilirsiniz. Örneğin `?name=Ayşe%20Yılmaz&email=ayse%40ornek.com` adı ve e-postayı hazır getirir; ziyaretçi göndermeden önce değerleri değiştirebilir.

## Otomatik yükseklikli betikle yerleştirin

**Sitenize yerleştirin → Otomatik yükseklikli betik (önerilen)** kodunu kopyalayın ve formun görünmesini istediğiniz HTML alanına yapıştırın.

```html theme={"system"}
<script src="https://forms.iletisim.app/embed.js" data-form="FORM_ANAHTARI" async></script>
```

Betik formu bir iframe içinde ekler, yüksekliği içeriğe göre ayarlar ve sayfa adresi, yönlendiren sayfa ile UTM bilgilerini gönderime taşır. Form bir yönlendirme adresi kullanıyorsa ziyaretçinin açık sayfası o adrese gider.

Alanları önceden doldurmak için **Alan ayarları → Adres parametresi** değerine karşılık gelen `data-…` niteliğini ekleyin; parametre ayarlanmadıysa alan kimliği kullanılır. Aşağıdaki örnek `subject` ve `email` kimliklerini kullanan bir form içindir:

```html theme={"system"}
<script
  src="https://forms.iletisim.app/embed.js"
  data-form="FORM_ANAHTARI"
  data-subject="Randevu"
  data-email="ayse@ornek.com"
  async
></script>
```

## iframe kullanın

Siteniz betik çalıştırmaya izin vermiyorsa **Yalnızca iframe (sabit yükseklik)** kodunu kopyalayın. Bu seçenek formun yüksekliğini kendiliğinden değiştirmez; form kesiliyorsa `height` değerini artırın.

```html theme={"system"}
<iframe
  src="https://forms.iletisim.app/f/FORM_ANAHTARI?embed=1"
  title="İletişim formu"
  width="100%"
  height="640"
  style="border:0;max-width:640px"
  loading="lazy"
></iframe>
```

## Site kurucusuna ekleyin

WordPress, Wix, Webflow ve benzeri araçlarda sayfayı düzenleyip **HTML**, **Özel HTML**, **Embed** veya **Kod ekle** adlı bloğu bulun. İletişim'den kopyaladığınız `embed.js` kodunu bu bloğa yapıştırın, sayfayı önizleyin ve yayımlayın. Araç yalnızca iframe kabul ediyorsa iframe kodunu kullanın.

Kodu sitenin genel başlık alanına değil, formun görünmesini istediğiniz sayfa bölümüne koyun. Önbellek kullanan bir site kurucuda değişiklik hemen görünmezse sayfayı yeniden yayımlayın veya önbelleği temizleyin.

## Yerleştirmeyi sınayın

1. Yayımlanmış siteyi izinli alan adlarından biriyle açın.
2. Zorunlu alanların, koşulların, adımların, dosya kurallarının ve seçim seçeneklerinin doğru göründüğünü kontrol edin.
3. Bir demo gönderimi yapın ve **Formlar → Gönderimler**'de oluştuğunu doğrulayın.
4. Teşekkür mesajını veya yönlendirme adresini sınayın.

Form görünmüyorsa alan adını protokol ve yol olmadan yazdığınızı kontrol edin: `www.ornek.com` doğru, `https://www.ornek.com/iletisim` yanlıştır. Form arşivlendiyse bağlantı ve kodlar gönderim kabul etmez.

Kod yazmadan sitenizin görünümüne uyarlamak için [Yapay zekâ ile oluşturma](https://docs.iletisim.pro/kilavuz/formlar/yapay-zeka-ile-olusturma.md) sayfasına bakın. Tam denetimli kendi formunuzu bağlamak için [Kendi formunuzla gönderim](https://docs.iletisim.pro/api/formlar.md) belgesini kullanın.

Son güncelleme: 24 Ekim 2026.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.