Ödeme Sayfasına Logo Ekleme: Açık ve Koyu Tema için SVG Logo
MercanPay ödeme sayfasına logo ekleme artık panelde: açık ve koyu tema için iki SVG logo, dosya kuralları, güvenlik kontrolleri ve pratik tasarım ipuçları.
Ödeme sayfasına logo ekleme, müşterinizin ödeme yaparken doğru yerde olduğunu anlamasının en basit yoludur. MercanPay'in barındırılan ödeme sayfasında artık işletmenizin logosunu gösterebilirsiniz. Açık ve koyu tema için iki ayrı logo yükleyebilir, müşterinizin hangi temayı kullandığına göre doğru logonun gösterilmesini sağlayabilirsiniz. Bu yazıda özelliğin nasıl çalıştığını, dosya kurallarını ve iyi sonuç almak için ipuçlarını anlatıyoruz.
Logo neden önemli?
Müşteriniz sitenizden ayrılıp barındırılan ödeme sayfasına geçtiğinde, kısa bir an için "Doğru yerde miyim?" diye düşünebilir. Özellikle kriptoya yeni başlayan müşteriler için bu an önemlidir. Tanıdık bir logo:
- Müşteriye ödemeyi doğru işletmeye yaptığını gösterir,
- Sitenizden ödeme sayfasına geçişi daha tutarlı hale getirir,
- Sosyal medya ya da mesajla gönderdiğiniz ödeme linklerinde güven oluşturur.
Ödeme sayfasında işletme adınız zaten gösterilir. Logo, bu tanınırlığı görsel olarak bir adım ileri taşır. Dönüşüm oranını etkileyen diğer unsurları kripto ödeme sayfası ile dönüşüm oranını artırmanın yolları yazımızda ele aldık.
Ödeme sayfasına logo ekleme adımları
- Satıcı panelinde Ayarlar sayfasını açın.
- Ödeme sayfası logoları kartını bulun. Bu özellik isteğe bağlıdır.
- Açık tema ve koyu tema için SVG dosyalarınızı yükleyin.
- Yüklenen logo kaydedildiğinde bir onay mesajı görürsünüz. Logo, faturalarınızın ödeme sayfasında gösterilmeye başlar.
Bir logoyu kaldırmak isterseniz aynı karttan kaldırabilirsiniz. Logoyu değiştirdiğinizde yeni sürüm ödeme sayfasında hemen görünür.
Neden iki logo: açık ve koyu tema
MercanPay ödeme sayfası açık ve koyu temayı destekler. Sayfa, müşterinin cihaz tercihine göre açılır ve müşteri isterse sayfadaki tema butonuyla değiştirebilir.
Koyu renkli bir logo açık zeminde iyi görünürken koyu zeminde kaybolabilir. Bu yüzden iki seçenek sunuyoruz:
- İki logo yüklerseniz: Müşterinin o anki temasına uygun olan gösterilir. Müşteri temayı değiştirdiğinde logo da değişir.
- Tek logo yüklerseniz: Aynı logo iki temada da kullanılır. Okunaklı kalması için gerektiğinde beyaz ya da koyu bir kutu içinde gösterilir.
En temiz görünüm için iki sürüm hazırlamanızı öneririz. Örneğin açık tema için koyu yazılı, koyu tema için beyaz yazılı bir sürüm.
Dosya kuralları
Logo yüklerken şu kurallar geçerlidir:
| Kural | Ayrıntı |
|---|---|
| Format | Yalnızca SVG |
| Boyut | Dosya başına en fazla 500 KB |
| Oran | Kare ya da yatay, en fazla 4:1 (genişlik:yükseklik) |
| Ölçü bilgisi | SVG'de viewBox ya da width ve height bulunmalı |
Logo ödeme sayfasında sabit bir yükseklikte gösterilir, genişlik ise orana göre ayarlanır. Bu yüzden dikey (uzun) logolar kabul edilmez. 4:1'den daha geniş logolar da çok küçük görüneceği için reddedilir.
Neden yalnızca SVG ve hangi içerikler yasak?
SVG, vektörel olduğu için her ekranda keskin görünür ve genellikle küçük boyutludur. Ancak SVG aynı zamanda bir XML belgesidir ve içine betik (script) gibi aktif içerikler eklenebilir. Müşterilerinizin ödeme yaptığı bir sayfada bu kabul edilemez.
Bu nedenle yüklenen her SVG, kaydedilmeden önce kontrol edilir. Şu içerikleri barındıran dosyalar reddedilir:
<script>etiketleri,onclick,onloadgibi olay öznitelikleri,javascript:bağlantıları,<foreignObject>veiframe,embed,object,videogibi gömülü içerikler,- DOCTYPE ve ENTITY tanımları,
- CSS
@importve dış adreslere giden bağlantılar.
Belge içi referanslara (#id) ve SVG içine gömülü PNG, JPG, WEBP ya da GIF verisine izin verilir. Ayrıca logolar ödeme sayfasında yalnızca görsel olarak sunulur ve sıkı bir içerik güvenlik politikasıyla servis edilir. Böylece dosya doğrudan açılsa bile içinde çalışan bir betik olamaz.
Bu kontroller, ödeme sayfasının güvenliği için bilinçli bir tercihtir. Genel güvenlik yaklaşımımızı kripto hesap güvenliği yazımızda anlattık.
Logonuzu hazırlarken pratik ipuçları
Tasarım araçlarından dışa aktarılan SVG'ler bazen gereksiz ya da yasaklı içerik barındırır. Yükleme hatası alırsanız şunları deneyin:
- Yazıları yola (outline) çevirin. Böylece logo, dış yazı tipi dosyasına ihtiyaç duymaz.
- Dış bağlantıları temizleyin. Harici bir görsele ya da yazı tipine işaret eden
hrefya daurl()ifadelerini kaldırın. - Kenar boşluklarını kırpın. Logonun etrafındaki fazla boşluk, sabit yükseklikte gösterildiğinde logoyu küçültür.
viewBoxekleyin. Çoğu tasarım aracı bunu otomatik ekler. Eksikse dosyayı bir metin düzenleyiciyle açıp kök<svg>etiketine ekleyebilirsiniz.- Dosyayı sade tutun. Gereksiz meta veriyi temizlemek boyutu küçültür.
Logo ödeme sayfasında nerede görünür?
Logo, ödeme sayfasının üst kısmında, işletme adınızla birlikte gösterilir. Müşteri coin seçerken, ödeme adresini ve QR kodu görürken ve ödeme onaylandığında aynı marka görünümüyle karşılaşır. Ödeme sayfasının diğer özelliklerini kripto ödeme sayfası özellikleri yazımızda ayrıntılı anlattık.
Logo hem panelden oluşturduğunuz ödeme linklerinde hem de API ile oluşturulan faturalarda aynı şekilde görünür. Panelden fatura oluşturmayı ilk kripto faturası oluşturma rehberimizde anlattık. Sosyal medyadan satış yapıyorsanız Telegram ve Instagram satıcıları için kripto ödeme linki yazımız da işinize yarayabilir.
Marka deneyimini tamamlayan diğer ayarlar
Logo tek başına güçlüdür, ama müşterinin ödeme deneyimini tamamlayan birkaç ayar daha vardır:
- İşletme adı: Ödeme sayfasında logonun yanında gösterilir. Müşterinizin tanıdığı adı kullanın.
- Açıklama: Faturanın
descriptionalanı müşteriye gösterilir. "Premium üyelik · 1 ay" gibi net bir açıklama, müşterinin ne için ödediğini anlamasını sağlar. - Mağazaya dön adresi:
return_url, ödeme sayfasındaki "Mağazaya dön" butonunun hedefidir. - Ödeme sonrası yönlendirme:
success_url, müşteriyi ödemeden sonra kendi teşekkür sayfanıza götürür.
Bu adresleri Ayarlar sayfasında varsayılan olarak tanımlayabilir ya da her faturada ayrıca belirtebilirsiniz.
Sık sorulan sorular
PNG ya da JPG logo yükleyebilir miyim?
Doğrudan hayır, yalnızca SVG kabul edilir. Ancak SVG dosyasının içine gömülü PNG, JPG, WEBP ya da GIF verisi bulunabilir. Mümkünse logonuzun vektörel bir sürümünü kullanmanızı öneririz.
Logo yüklemek zorunlu mu?
Hayır. Özellik isteğe bağlıdır. Logo yüklemezseniz ödeme sayfasında işletme adınız gösterilmeye devam eder.
"Oran" hatası alıyorum. Ne yapmalıyım?
Logonuz ya dikeydir ya da 4:1'den daha geniştir. Kenar boşluklarını kırpın ya da logonun kare veya yatay bir varyasyonunu kullanın.
Logoyu değiştirdim, eski logo neden görünüyor?
Yeni logo kaydedildiği anda ödeme sayfasında kullanılır. Açık kalan bir ödeme sayfasını yenilemek yeni logoyu göstermek için yeterlidir.
MercanPay ile başlayın
Kendi markanızla kripto ödeme almak için satıcı başvurunuzu yapın. Ödeme sayfası ve entegrasyon ayrıntıları için dokümantasyonu inceleyebilirsiniz.
