API

SkinsBack, kullanıcının web sitenizi terk etmeden bakiye yüklemesine olanak sağlar. Web sitenizde, SkinsBack arayüzünün bulunacağı bir iframe yerleştirmeniz ve bir olay işleyici uygulamanız gerekmektedir.

Etkileşim Şeması

1. API SkinsBack'ına bir istek yapın ve bir depozito oluşturun, widget=1 parametresini ileterek
2. Bir popup penceresi (popup) açın (sizin tarafınızdan uygulanmalıdır) ve içinde API ile alınan adresi içeren bir iframe html nesnesi oluşturun
3. SkinsBack bakiye yüklemesini tamamladığında/çalışmayı bitirdiğinde ('success' - başarılı ödeme, 'cancel' - bakiye yüklemesi başarısız oldu), JavaScript olay işleyiciyi kaydedin

Mobil sürümde skin yükleme işleminin doğru bir şekilde görüntülenmesi için iframe bloğunun genişliği ve yüksekliği değiştirilmelidir (yükseklik en az 970 piksel olmalıdır).

('success' veya 'cancel') olayı yakalandığında, açılır pencere kapatılmalıdır.

Kullanıcı başarılı bir şekilde bakiye yükledikten sonra, web sitenize ödeme bilgisiyle birlikte webhook gönderilecektir.

Aşağıda iframe ve işleyici örneği bulunmaktadır:

<!-- desktop -->
<iframe src="https://skinsback.com/_/pay/61caaa62956ba5b8bc4134acfc8cfefd"
	style="width: 850px; height: 600px; border: none;"></iframe>

<!-- mobile -->
<iframe src="https://skinsback.com/_/pay/61caaa62956ba5b8bc4134acfc8cfefd"
	style="width: 400px; height: 970px; border: none;"></iframe>

<script type="text/javascript">
	window.addEventListener('message', handleMessage, false);

	function handleMessage(event)
	{
		if (event.origin != "https://skinsback.com")
		{
			return;
		}

		if(typeof event.data.paymentStatus == 'undefined')
		{
			return;
		}

		if(event.data.paymentStatus == 'success') /* success payment */
		{
			// closePopup();
		}
		else if(event.data.paymentStatus == 'cancel') /* failed payment */
		{
			// closePopup();
		}
	}
</script>