> ## Documentation Index
> Fetch the complete documentation index at: https://docs.iletisim.app/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 Paylaş sekmesinde bağlantı, QR, otomatik yükseklikli betik ve iframe kodları](https://mintcdn.com/iletisim/hidZxRbPXAl7U-jJ/images/panel/form-paylasim.webp?fit=max\&auto=format\&n=hidZxRbPXAl7U-jJ\&q=85\&s=84d31ec19a19bc076d05a5ed95efcd20)

Yerel panel · demo verisi

## 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ı sorgu bilgileriyle ö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 koda `data-name`, `data-phone`, `data-email`, `data-company`, `data-subject` veya `data-message` ekleyin:

```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 ve konu 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.app/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.app/api/formlar.md) belgesini kullanın.

Son güncelleme: 23 Ekim 2026.


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