Web sitenize ödeme bileşeni nasıl eklenir: kart, kripto ve banka hesabıyla gömülü ödeme

Zaten bir web siteniz var. Framer ya da Webflow ile hazırlanmış bir açılış sayfası, bir dokümantasyon sitesi, bir WordPress blogu veya tek bir HTML dosyası olabilir. Sırf ödeme alabilmek için sitenizi bir mağazanın etrafında baştan kurmak istemezsiniz; alıcıyı tam ödeme yapmaya karar verdiği anda başka bir siteye göndermek de istemezsiniz. İstediğiniz şey, web sitenize bir ödeme bileşeni eklemek ve geri kalan her şeyi olduğu gibi bırakmak.

Bu rehberde gömülü ödemenin ne olduğunu, barındırılan mağaza ve ödeme bağlantılarıyla nasıl kıyaslandığını, perde arkasında nasıl çalıştığını ve PapelShip ile ilk üründen ilk test siparişine kadar nasıl kurulacağını anlatıyoruz. Son bölümde ise alıcının satın almayı gerçekten tamamlayıp tamamlamayacağını belirleyen ayrıntılara değiniyoruz.

Gömülü ödeme bileşeni nedir?

Ödeme bileşeni, ziyaretçinin o an okuduğu sayfanın üzerinde açılan bir ödeme penceresidir. Ziyaretçi Satın al butonuna tıklar, ödeme yöntemini seçer, öder ve satın aldığı ürünü alır; hepsi bu pencerenin içinde olur. Pencere kapandığında hâlâ sizin sayfanızda, aynı yerde ve sizin tasarımınızın içindedir.

Pencerenin arkasında, normalde siteniz için ayrı bir backend gerektirecek işleri ödeme platformu üstlenir: fiyatları ve ödeme yöntemlerini göstermek, ödemeyi işlemek, siparişi oluşturmak ve ürünü teslim etmek. Web siteniz yalnızca butonu barındırır. Kart numaralarına ya da cüzdan adreslerine hiç dokunmaz; tek bir ürün satmak için ayrı bir mağaza işletmeniz de gerekmez.

PapelShip E-ticaret, gömülü ödemeyi 3.1 sürümünde Web-API ile birlikte yayınladı. Fikir basit: Satış yapmak için müşterilerinizi artık başka bir platforma yönlendirmezsiniz. Ödeme akışının tamamı kendi sitenizde çalışır, tek satır kodla entegre olur ve alıcıyı sizin tasarımınızın içinde tutar. Arka planda ise sayfanızla ödeme servisi arasında kısa bir iletişim gerçekleşir.

Burada iki ayrıntı önemli. Birincisi, sipariş bir PapelShip mağazasıyla aynı sistemde oluşturulur; bu yüzden panelinizde, Müşteriler sayfanızda ve gelir rakamlarınızda diğer tüm satışlar gibi görünür. Ayrıca mutabakat yapmanız gereken ikinci bir sistem yoktur.

İkincisi, teslimat sizin ayrıca kurmanız gereken bir adım değil, ödeme sürecinin bir parçasıdır. Ödenen sipariş lisans anahtarını, dosyayı ya da aboneliği hemen teslim eder. Bir üründe anahtar biterse sipariş bekler; sonradan eklediğiniz anahtarlar hâlâ bekleyen siparişlere otomatik olarak teslim edilir.

Gömülü ödeme mi, barındırılan mağaza mı, ödeme bağlantısı mı?

Gömülü bileşen, dijital bir ürün için ödeme almanın üç yaygın yolundan biridir. Her biri farklı bir sorunu çözer ve çoğu satıcı sonunda birden fazlasını kullanır.

Pazarlama siteniz işini zaten iyi yapıyorsa ve size yalnızca bir ödeme yolu gerekiyorsa bileşeni seçin. İnsanların gezinip filtreleyeceği ve karşılaştıracağı kadar çok ürününüz varsa online mağazayı tercih edin; Ship gibi bir tema ödeme ekranını sayfanın içinde açar, böylece küçük bir mağaza da açılış sayfası gibi davranır. Tek seferlik anlaşmalar, özel teklifler ve Discord ya da Telegram sohbetinde başlayan satışlar için ödeme bağlantılarını kullanın.

Üçü de aynı ürünleri, fiyatları ve teslimat kurallarını kullandığı için bir kez seçip o seçime mahkûm kalmazsınız. Tipik bir kurulumda göz atmak için bir online mağaza, ürün sitenizin fiyatlandırma sayfasında bileşen ve özel siparişler için ödeme bağlantıları bulunur. Sıfırdan başlıyorsanız dijital ürünleri internette satma rehberimiz önce mağaza seçimini adım adım anlatıyor.

Web sitenize ödeme bileşeni ekleme: adım adım

Ürünleriniz hazırsa bileşeni kurmak birkaç dakika sürer. Aşağıdaki sıra, en sık yapılan hatayı önler: arkasındaki ürün teslimata hazır olmadan butonu sayfaya yerleştirmek.

1. 01

   Ürünü ve teslimatını oluşturun

   Ürünü, varyantlarını (örneğin aylık ve ömür boyu) ve alıcının ne alacağını ekleyin: lisans anahtarı, dosya indirme veya abonelik. Sayfaya herhangi bir şey yerleştirmeden önce teslimat ayarlarını kontrol edin.

2. 02

   Ödeme yöntemlerinizi etkinleştirin

   Bir kart ödeme altyapısı bağlayın, kripto cüzdanınızı ayarlayın ve banka hesabı gibi özel yöntemleri ekleyin. Bileşen, mağazanın sunduğu her yöntemi sunar; alıcının ne göreceğine burada karar verirsiniz.

3. 03

   Kodu gömme aracından kopyalayın

   PapelShip panelinizdeki gömme aracı, mağaza ve ürün kimlikleriniz doldurulmuş hâlde her ürün için tam kodu üretir; böylece bunları hiçbir zaman elle yazmazsınız.

4. 04

   Script'i her sayfada bir kez yükleyin

   Script etiketini kapanış body etiketinin hemen önüne ya da site oluşturucunuzun özel kod alanına yapıştırın. defer ile yüklendiği için sayfanızın geri kalanını bekletmez.

5. 05

   Satın al butonlarınızı işaretleyin

   Herhangi bir butona veya bağlantıya, satacağı ürünle birlikte data-papelship-checkout özniteliğini ekleyin. Tıklandığında bileşen o ürün için açılır.

6. 06

   Masaüstünde ve telefonda test edin

   Sunduğunuz her ödeme yöntemiyle, dizüstü bilgisayarın yanı sıra gerçek bir telefonda da ucuz bir ürün satın alın; anahtarın veya dosyanın hem ekrana hem de e-postaya ulaştığını kontrol edin.

<!-- 1. Load the widget once, near the end of <body> -->
<script src="https://YOUR-WIDGET-SCRIPT-URL" defer></script>

<!-- 2. Turn any button into a checkout -->
<button
  data-papelship-checkout
  data-store="your-store-id"
  data-product="your-product-id">
  Buy Pro for €49
</button>

Fiyatlandırma sayfaları, ürün aileleri ve diller için ödeme butonlarını yapılandırma

Her buton kendi ayarlarını data özniteliklerinde taşır; böylece tek bir sayfa birden fazla ürünü farklı şekillerde satabilir. Tek bir kod parçacığını esnek bir ödeme çözümüne dönüştüren de budur. Çoğu site için birkaç kalıp yeterlidir:

• –Fiyatlandırma sayfaları. Her plan için ayrı bir buton kullanın ve her birini farklı bir ürüne ya da varyanta bağlayın; böylece “Aylık” ve “Ömür boyu” doğru fiyatla açılır.
• –Ürün aileleri. Sayfanızda ayrı bir seçici oluşturmak yerine butonu bir ürün grubuna bağlayın ve seçimi alıcının bileşenin içinde yapmasına izin verin.
• –Yerelleştirilmiş sayfalar. Ödeme ekranının sayfanın diliyle eşleşmesi için dil ayarını belirleyin. Alıcılar ödeme ekranındaki dil seçiciden de dili değiştirebilir.
• –Odaklı ödeme ekranları. Bir ürüne uymayan ödeme yöntemlerini gizleyin; örneğin inceleme süresine değmeyecek kadar ucuz bir üründe manuel yöntemleri.

Butonun ötesinde, ödeme ekranının ve ardından gelen faturanın görünümü panelden ayarlanır. Fatura oluşturucu; bölüm sırasını, ödeme süresi sayacını, yazı tiplerini, logo stilini, sosyal medya bağlantılarını ve hangi ödeme yöntemlerinin görüneceğini kontrol eder. Fatura e-postaları, PDF'ler ve fatura sayfaları mağazanızın özel alan adını kullanır, e-posta şablonları da özelleştirilebilir. Böylece satın alma sürecinin tamamı, ilk tıklamadan makbuza kadar markanızı taşır.

Bileşende hangi ödeme yöntemleri kullanılabilir?

Bileşen, başka bir ödeme sayfasına yönlendirme değil, eksiksiz bir ödeme ekranıdır. Mağazanız için neleri etkinleştirdiğinize bağlı olarak alıcılar şu yöntemlerle ödeyebilir:

• –Kart, mağazanıza bağlı Stripe, PayTR veya iyzico gibi bir ödeme altyapısı üzerinden.
• –Kripto, BTC, ETH, LTC, SOL, USDT ve USDC dahil, doğrudan kendi cüzdanınıza. Kripto ödeme kartı QR kodu, kopyalama butonlarını ve canlı ödeme durumunu gösterir; stablecoin'ler için ağ seçimi de sunar.
• –Banka hesabı ve diğer özel yöntemler, kendi talimatlarınız, her sipariş için bir referans numarası ve isteğe bağlı ödeme kanıtıyla. Ayrıntılar için banka hesabı ve hediye kartıyla ödeme alma rehberine bakın.

Tek bir pencerede birden fazla yöntem sunmak, uluslararası bir kitleye satış yapmanın en basit yollarından biridir. Kartı yurt dışı alışverişte reddedilen ya da stablecoin ile ödemeyi tercih eden bir alıcı, sayfadan ayrılmak yerine aynı ödeme ekranında işlemi başka bir yolla tamamlayabilir. Artılarını ve eksilerini kart ve kripto ödemeleri tek ödeme ekranında yazısında ele alıyoruz.

Ödemeden sonra ne olur: teslimat, faturalar ve Web-API

Bileşen, PapelShip mağazasıyla aynı sipariş sistemi üzerinde çalıştığı için ödeme ve teslimat zaten birbirine bağlıdır. Başarılı bir ödemenin ardından:

1. 1.Ödeme onaylanır. Kart ödemeleri anında onaylanır; kripto ödemeler ise işlem blokzincirde onaylandığında. Bu süreci panelinizdeki faturadan canlı olarak takip edebilirsiniz.
2. 2.Sipariş oluşturulur ve Müşteriler sayfasındaki alıcı kaydına bağlı olarak panelinizde görünür.
3. 3.Ürün ekranda ve e-postayla teslim edilir: lisans anahtarı, indirme bağlantısı veya abonelik erişimi.
4. 4.Alıcı, özel alan adınız üzerinden ve mağazanızın e-posta tasarımıyla bir fatura alır.

Kendi sistemlerinizin bir satışa tepki vermesi gerekiyorsa, örneğin uygulamanızda bir hesap açmak için, 3.1 sürümünde gömülü ödemeyle birlikte yayınlanan Web-API'yi kullanın. Ödemeler, lisanslar ve teslimatlar platformda ilerledikçe webhook'lar ve API çağrıları sistemlerinizi senkronize tutar. Topluluk erişimi için hiç kod yazmanız gerekmeyebilir: Discord rolleri ürün varyantı bazında verilebilir.

Yüksek dönüşüm sağlayan bir gömülü ödeme için ipuçları

• –Butonu kararın verildiği yere koyun. Yalnızca sayfanın üst ya da alt kısmına değil, fiyatın ve temel faydanın hemen yanına.
• –Buton metninde ne olacağını söyleyin. “Gönder” ya da “Devam” yerine “Pro'yu satın al – 49 €” gibi.
• –Kabul ettiğiniz ödeme yöntemlerini butonun yakınında gösterin. Böylece kripto ya da banka hesabıyla ödemeyi tercih eden alıcı bunu tıklamadan önce bilir.
• –İsimleri tutarlı tutun. Sayfanızdaki ürün adı; ödeme ekranındaki, faturadaki ve e-postadaki adla aynı olmalı.
• –Telefonda test edin. Anlık satın almaların çoğu mobilde başlar ve küçük ekranda kullanımı zahmetli olan bir ödeme ekranı bu satışları kaçırır.
• –Yüksek değerli ürünlere güvenlik önlemleri ekleyin. Ürün güvenlik kuralları VPN ve proxy bağlantılarını engelleyebilir ve müşteri başına satın alma sayısını sınırlayabilir; her fatura da proxy, TOR ve veri merkezi kontrolleri gibi ağ risk sinyallerini gösterir. Daha fazlası için dijital ürünlerde dolandırıcılığı önleme yazımıza göz atın.

Mevcut sitenizle satışa başlayın

Gömülü ödeme, “Bir web sitem var” noktasından “Ödeme alıyorum” noktasına giden en kısa yoldur. Bir script etiketi ve her buton için bir öznitelik yeterli. Yeniden tasarıma gerek kalmadan ve kimseyi ödeme kararını verdiği anda başka bir yere göndermeden, her ziyaretçi satın almaya bir tık uzaklıkta olur.

Önce ürünü ve teslimatını kurun, her ödeme yöntemini telefonda test edin ve API anahtarınızı sunucuda tutun. Bundan sonra sitenizdeki her satış kendi kendine işler.