Rehberler

Embed butonu

Kod yazmadan, mevcut sayfana bir satın al butonu ekle. Buton, alıcıyı ürünün güvenli ödeme sayfasına götürür.

Kurulum

index.html

<script src="https://odecik.com/embed.js" async></script>
<div data-odecik-product="magaza-slug/urun-slug"></div>

data-odecik-product değeri magaza-slug/urun-slug biçimindedir. Ürünün ödeme adresi https://odecik.com/pay/magaza-slug/urun-slug ile aynı yola karşılık gelir.

Seçenekler

Öznitelik	Varsayılan	Açıklama
`data-label`	Satın Al	Buton yazısı.
`data-color`	#0f766e	Buton rengi (6 haneli hex).
`data-badge`	true	`false` verilirse butonun altındaki küçük Ödecik bağlantısı gizlenir.
`data-mode`	panel ayarı	`popup` (küçük pencere) veya `tab` (yeni sekme). Verilmezse satıcı panelindeki Ödeme penceresi ayarı kullanılır; kodu değiştirmeden panelden değişir.
`data-success-url`	—	Ödeme tamamlanınca alıcının götürüleceği sayfa (https). Adrese `?order=SIPARIS_NO` eklenir.

text

<div
  data-odecik-product="ayse/premium-sablon-paketi"
  data-label="Şimdi indir"
  data-color="#1d4ed8"
></div>

Ne yapar, ne yapmaz

Buton, ödeme sayfasını panelde seçtiğin şekilde açar: yeni sekme ya da sitenin üstünde küçük pencere. Ödeme senin sayfanda değil Ödecik'in güvenli sayfasında yapılır; kart bilgileri sitene hiç gelmez.
Küçük pencerede ödeme bitince pencere kendiliğinden kapanır ve butonda odecik:paid olayı oluşur (event.detail.orderNo). Telefonlarda pencere yeni sekme gibi açılır.
Kesin onay için sunucu tarafında webhook kullan; tarayıcıdaki olay yalnızca arayüzü güncellemek içindir.
Özel bir ödeme akışı (kendi formun, kendi tasarımın) için ödeme oturumu API'sini kullan.