Markalama kuralları

Bu yönergeler, Google Pay'i uygulamalarınıza entegre etmenize yardımcı olur.

Google Pay ödeme düğmeleri

Google Pay ödeme düğmesi, Google Pay API'yi çağırır. Google Pay API, kullanıcıların ödeme yöntemlerini seçebileceği ödeme sayfasını gösterir.

Öğeler

Google Pay, kullanıcı arayüzü tasarımınıza uygun olacak şekilde Google Pay ödeme düğmesinin temasını, şeklini ve köşe yuvarlaklığını özelleştirmenize olanak tanıyan PayButton API'sini sunar.

PayButton API'yi kullandığınızda:

  • Marka Uygunluğu: Kullanıcı arayüzü tasarımınıza uyacak şekilde özelleştirilebilir seçenekler sunarken en yeni Google Pay markalama kurallarına otomatik olarak uyan bir Google Pay ödeme düğmesini minimum çabayla sorunsuz bir şekilde entegre edin.
  • Özelleştirilebilir Şekil: Düğmenin köşe yuvarlaklığını, mevcut tasarım estetiğinize sorunsuz şekilde uyacak şekilde ayarlayın.
  • Yerelleştirilmiş deneyim: Düğmenin başlığı, kullanıcının cihaz diline otomatik olarak çevrilerek erişilebilirliği artırır.
  • Kullanıcılar İçin Kişiselleştirilmiş: Kullanıcıların daha hızlı ödeme yapabilmesi için Google Pay cüzdanlarında kullanılabilen ödeme yöntemlerini keşfetmelerine yardımcı olun.

Bu kolaylık yöntemi veya desteklenen diller ihtiyaçlarınıza uygun değilse bize ulaşın.

Stil

Google Pay ödeme düğmeleri iki farklı şekilde kullanılabilir: koyu ve açık. Her varyasyon, "Birlikte satın alın" metniyle ve bu metin olmadan sunulur. "Buy with" (ile satın al) metninin yerelleştirilmiş sürümlerini içeren ödeme düğmeleri sağlanır ancak Google Pay markası her zaman çevrilmez. Kendi yerelleştirilmiş metninizi içeren düğmeler oluşturmayın.

Button Type (Düğme Türü) Koyu Hafif
kitap Koyu renkli Google Pay ödeme düğmeleri Açık renkli Google Pay ödeme düğmeleri
buy Koyu renkli Google Pay ödeme düğmeleri Açık renkli Google Pay ödeme düğmeleri
checkout Koyu renkli Google Pay ödeme düğmeleri Açık renkli Google Pay ödeme düğmeleri
bağış yapın Koyu renkli Google Pay ödeme düğmeleri Açık renkli Google Pay ödeme düğmeleri
sipariş Koyu renkli Google Pay ödeme düğmeleri Açık renkli Google Pay ödeme düğmeleri
pay Koyu renkli Google Pay ödeme düğmeleri Açık renkli Google Pay ödeme düğmeleri
plain Koyu renkli Google Pay ödeme düğmeleri Açık renkli Google Pay ödeme düğmeleri
abone ol Koyu renkli Google Pay ödeme düğmeleri Açık renkli Google Pay ödeme düğmeleri

Ödeme sayfanıza en uygun düğme türü metnini kullanın.

Kontrast sağlamak için açık renkli arka planlarda koyu renkli düğmeler kullanın.

Koyu veya renkli arka planlarda açık renkli düğmeler kullanın.

Kişiselleştirme

Kullanıcıların Google Pay hesaplarında uygun bir kart varsa "Satın al" ve "Öde" ödeme düğmelerinde kart ağı ve kart numarasının son dört hanesi gösterilir. Kart ağı, "Buy with" (Şununla satın al) veya "Pay with" (Şununla öde) metniyle aynı konumda gösterilir.

Button Type (Düğme Türü) Koyu Hafif
satın alma ve ödeme Koyu renkli Google Pay ödeme düğmeleri Açık renkli Google Pay ödeme düğmeleri

Kişiselleştirmeyi etkinleştirmek için satın al veya öde düğmesi türünü kullanın.

Kontrast sağlamak için açık renkli arka planlarda koyu renkli düğmeler kullanın.

Koyu veya renkli arka planlarda açık renkli düğmeler kullanın.

Boş alan

Ödeme düğmesinin her tarafında her zaman minimum 8 dp boş alan bırakın. Boş alanın hiçbir zaman grafik veya metinle bozulmadığından emin olun. Bu, PayButton API spesifikasyonu değil, genel bir tasarım yönergesidir.

Android için Google Pay ödeme düğmesi boş alan örneği

Minimum genişlik

Google Pay düğmesinin minimum genişliği 90 dp olmalıdır. Tüm "Google Pay ile satın al" ödeme düğmelerinin minimum genişliği 152 dp olmalıdır.

Google Pay ödeme düğmesinin minimum genişliğini gösteren resim

Yapılması ve yapılmaması gerekenler

Yapılması gerekenler Yapılmaması gerekenler
  • Yalnızca Google tarafından sağlanan Google Pay düğmelerini kullanın.
  • Ödeme akışını başlatmak için Google Pay düğmelerini kullanın.
  • Sitenizin tamamında aynı stilde düğmeler kullanın.
  • Google Pay düğmelerinin boyutunun diğer düğmelerle aynı veya daha büyük olduğundan emin olun.
  • Arka planınızla kontrast oluşturan bir düğme rengi seçtiğinizden emin olun.
  • Kendi Google Pay düğmelerinizi oluşturun veya yazı tipini, rengi, düğme yarıçapını ya da düğme içindeki dolguyu istediğiniz şekilde değiştirin.
  • Ödeme akışı dışında herhangi bir işlemi başlatmak için Google Pay ödeme düğmelerini kullanma.
  • Metin içeren veya içermeyen renk varyasyonları ya da sürümler arasında geçiş yapın.
  • Google Pay düğmesini diğer düğmelerden daha küçük yapın.
  • Arka plana benzer bir düğme rengi kullanın. Örneğin, açık renkli bir arka planda açık renkli düğme kullanmayın.

Google Pay markası

Ödeme akışlarınızda Google Pay'i ödeme seçeneği olarak gösterirken yalnızca aşağıda verilen Google Pay işaretini kullanın.

Öğeler

Google Pay işaretini SVG dosyası olarak indirin:

Öğeleri İndirme

İşaretle

Google Pay'i ödeme seçeneği olarak gösterirken aşağıdaki Google Pay işaretini kullanın:

Google Pay markası

Diğer markalar için yapıyorsanız markanın yanındaki metinde "Google Pay"i gösterin. İşaretin dış çizgisinin rengini veya kalınlığını değiştirmeyin ya da işareti hiçbir şekilde değiştirmeyin. Yalnızca Google tarafından sağlanan işareti kullanın.

Boş alan

Google Pay kabul işaretinin tüm kenarlarında her zaman süper G'nin yüksekliğinin en az yarısı (0,5 katı) kadar boşluk bırakın. Boş alanın, gösterdiğiniz diğer marka kimlikleriyle eşit olduğundan emin olun.

Google Pay markası için boş alan örneği

Boyut

Yüksekliği, ödeme akışınızda gösterilen diğer marka kimlikleriyle eşleşecek şekilde ayarlayın. Google Pay markasını diğer marka kimliklerinden daha küçük yapmayın.

Google Pay'i bir ödeme seçeneği olarak göstermek için Google Pay markasını kullanın ve satın alma süreciniz boyunca kullanmaya devam edin.

Yapılması ve yapılmaması gerekenler

Yapılması gerekenler Yapılmaması gerekenler
  • Yalnızca Google tarafından sağlanan Google Pay markasını kullanın.
  • Ödeme akışlarında Google Pay'i ödeme seçeneği olarak belirtmek için Google Pay işaretini kullanın.
  • Kendi markanızı oluşturmak veya Google Pay markasını herhangi bir şekilde değiştirmek
  • "Pay" kelimesini çevir.
  • Google Pay işaretini diğer ödeme seçeneklerinden farklı veya daha küçük bir boyutta gösterme

Metin içinde Google Pay

Google Pay'i ödeme seçeneği olarak belirtmek ve pazarlama iletişiminizde Google Pay'i tanıtmak için metin kullanabilirsiniz.

"G" ve "P" harflerini büyük yazın

Her zaman büyük harf "G" ve büyük harf "P" ile başlayıp küçük harflerle devam edin. Kullanıcı arayüzünüzdeki tipografik stile uymak dışında "GOOGLE PAY" tam adını büyük harflerle yazmayın. Pazarlama iletişiminizde hiçbir zaman büyük harflerle yazılmış "GOOGLE PAY" ifadesini kullanmayın.

Google Pay'i kısaltmayın

"Google" ve "Pay" kelimelerini her zaman tam olarak yazın.

Kullanıcı arayüzünüzdeki stille eşleşme

"Google Pay"i, kullanıcı arayüzünüzdeki metnin geri kalanıyla aynı yazı tipi ve tipografik stilde ayarlayın. Google'ın tipografik stilini taklit etmeyin.

Google Pay'i çevirme

Her zaman "Google Pay"i İngilizce yazın. Başka bir dile çevirmeyin.

Pazarlama iletişiminde "Google Pay" ilk kez geçtiğinde ticari marka sembolünü kullanın

Pazarlama iletişiminizde "Google Pay"i kullandığınızda, ticari marka simgesini (™) ilk veya en belirgin şekilde gösterin. Kullanıcı arayüzünüzde Google Pay'i ödeme seçeneği olarak belirtmek için ticari marka simgesini kullanmayın.

Diğer ödeme seçeneklerinin logoları gösterilmiyorsa, "Google Pay"i metinle temsil edin.

"Google Pay"i, kullanıcı arayüzünüzdeki metnin geri kalanıyla aynı yazı tipi ve tipografik stilde ayarlayın.

Onay sayfalarında ve e-posta makbuzlarında ödeme bilgilerini gösterirken müşterinin Google Pay ile ödeme yaptığını belirttiğinizden emin olun.

Google Pay ile ilgili en iyi uygulamalar

Müşterilerin ödeme bilgilerini hızlı ve kolay bir şekilde inceleyip satın alma işlemlerini onaylamasına olanak tanıyan ödeme akışları ve ödeme sayfalarıyla dönüşümlerinizi en üst düzeye çıkarın.

Aşağıda en iyi uygulamalar verilmiştir:

Google Pay'i birincil ödeme seçeneği yapma

Mümkün olduğunda Google Pay düğmesini belirgin bir şekilde gösterin ve varsayılan veya tek ödeme seçeneği olarak ayarlamayı düşünün.

Müşterilerinizin hesap olmadan satın alma işlemi yapmasına izin verme

Hesap oluşturma, ödeme sürecini yavaşlatır ve alışveriş sepetlerinin terk edilmesine neden olabilir. Daha hızlı misafir ödemesi için Google Pay'i kullanın. Müşterilerinizin hesap oluşturmasını istiyorsanız satın alma işlemini tamamladıktan sonra hesap oluşturmalarına izin verin.

Alışveriş sepeti ödemesini başlatmak için Google Pay'i kullanma

Google Pay düğmesi, ödeme sayfasını açar. Ödeme sayfasında müşteriler yalnızca tek bir ödeme yöntemi seçip onaylayabilir. Müşterilere Google Pay düğmesini seçme seçeneğini sunmadan önce ihtiyacınız olan diğer tüm bilgileri aldığınızdan emin olun. Bu tür bilgiler şunları içerebilir:

  • Öğenin boyutu, rengi ve miktarı
  • Eklenen hediye mesajı (varsa)
  • Varsa promosyon kodu
  • Tercih edilen kargo hızı
  • Tek tek öğelerin hedefleri

Müşteri gerekli bilgileri sağlamazsa ödeme sayfasını açmadan önce eksik bilgileri bildirmek için anlık geri bildirim sunun.

Google Pay düğmesini, alışveriş sepeti ödemesine ek olarak ürün ayrıntıları sayfalarına da ekleyin

Tek öğeli ödemeyi hızlandırmak için müşterilerin doğrudan ürün ayrıntıları sayfalarınızdan ayrı ayrı satın alma işlemleri yapmasına izin verin. Müşteri bu seçeneği belirlerse ödeme sayfası yalnızca ödeme ve kargo bilgilerini onaylamasına izin verdiğinden alışveriş sepetindeki diğer öğeleri hariç tuttuğunuzdan emin olun.

Onay sayfalarına ve makbuzlara Google Pay'i ekleme

Onay sayfalarında ve e-posta makbuzlarında ödeme bilgilerini gösterirken müşterinin Google Pay ile ödeme yaptığını belirttiğinizden ve Google Pay'in diğer ödeme yöntemleriyle tutarlı bir şekilde gösterildiğinden emin olun. Hiçbir zaman kullanıcılara tam hesap numaralarını, son kullanma tarihlerini veya diğer ödeme yöntemi ayrıntılarını göstermeyin. Ödeme yöntemini tanımlamak için her zaman Google Pay API tarafından döndürülen açıklayıcı metni kullanın.

Aşağıda birkaç örnek verilmiştir:

  • "Google Pay ile Network •••• 1234"
  • "Network •••• 1234 (Google Pay)"
  • "Google Pay (Network •••• 1234)"
  • "Google Pay ile Paypal abc...d@gmail.com"
  • "Ödeme yöntemi: Google Pay"
  • "Google Pay ile ödeme yapıldı"

Her şeyi bir araya getirin

Tamamlanmış bir entegrasyonun ekran görüntüsü aşağıdaki resimdeki gibi görünür. Entegrasyon ayrıca Öğe seçimi/Satın alma öncesi adımı, İşlem adımı, Google Pay seçici adımı ve Satın alma sonrası adımını da içerir.

Bu ekranlar, alışveriş sepeti deneyimi için önerilen bir Google Pay satın alma sürecini gösterir.

Onay alma

Google Pay API'yi entegre ettikten sonra üretim erişimi elde etmek için kullanıcı arayüzünüzde Google Pay'i gösterdiğiniz veya referans verdiğiniz tüm yerler için onay almanız gerekir.

Uygulama entegrasyonunuzu incelemeye göndermek için Entegrasyon yapılacaklar listemizi tamamlayın. Bir iş günü içinde onay veya geri bildirim alırsınız.