Özel WooCommerce Ödeme Simgeleri Ödeme Sayfası Nasıl Eklenir

Ödeme sayfası için özel bir WooCommerce Payment Gateway simgesi eklemek istiyor musunuz? Bu yazıda, özel ödeme simgelerini WooCommerce ödeme sayfasına nasıl hızlı bir şekilde ekleyeceğinizi göstereceğim. Bu makale, ödeme sayfasına WooCommerce Payment Gateway simgelerini hızlı bir şekilde ekleme adımlarının ayrıntılı bir açıklamasını içerir.

Tema Dosyalarınızı Düzenlemek Her Zaman WooCommerce'i Özelleştirmenin Güvenli Yolu Değildir – Burada bulabileceğiniz bir WooCommerce Ödeme Simgeleri eklentisi oluşturarak sitenizin herhangi bir yerine ödeme simgeleri ekleme yükünüzü ortadan kaldırdım .

Bu eklenti, 65'ten fazla ödeme yöntemi düğmesiyle SVG simgeleri eklemenin kolay bir yolunu sunar! SVG'yi beğenmediyseniz ödeme başlığını da yükleyebilir ve WooCommerce mağazanızın herhangi bir yerinde kabul edilen ödemeleri göstermek için bir kısa kod da kullanabilirsiniz. Şu anda indirimli bir fiyata buradan kontrol edin .

Bir WooCommerce mağazası işletiyorsanız, muhtemelen varsayılan kredi kartı simgeleri kümesine aşinasınızdır. Bazıları için iyi görünebilirler, ancak bunları yüksek çözünürlüklü bir ekranda açarsanız, biraz bulanık görünebilirler. Ayrıca, biraz modası geçmiş görünüyorlar.

Uygulayabileceğiniz özel, net bir tasarım arıyorsanız, bu makale size rehberlik edecektir. İdeal olarak, en iyi simge tasarımı, sahte alt gölgelere sahip özel kavisli düğme şekilleri eklemek olacaktır.

Özel WooCommerce Ödeme Ağ Geçidi Simgeleri

Çoğu durumda, mobil cihazlarda iyi ölçeklenen ve harika görünen yüksek çözünürlüklü simgeler eklemek istersiniz. Bu ödeme simgelerini elde edebileceğiniz çeşitli kaynaklar vardır - örneğin yaratıcı tasarımlar pazar yerleri, Pixeden'de ayarlanan ve WooCommerce mağazanızda indirip kullanabileceğiniz bu ödeme yöntemleri simgeleri gibi çeşitli ücretsiz ve premium ödeme yöntemleri simgeleri sunar.

Bu basit eğitim için modern bir görünüme sahip simgeler kullanacağız. En iyi çözüm, herhangi bir ekranda mükemmel çözünürlük için SVG simgelerini kullanmak olacaktır.- WooCommerce mağazanızın herhangi bir yerine ödeme simgeleri eklemenize yardımcı olan WC PayIcons eklentimizde SVG öğreticisini kullanmanızı kolaylaştırdık. İnternette hızlı bir arama yaparsanız, ödeme sayfasında ve hatta WooCommerce mağazanızın alt bilgisinde uygulayabileceğiniz çok sayıda kredi kartı simgesi bulacaksınız. Ancak benim için öne çıkanlar Dribble'da mevcut.

Üstelik kullanıcıların seveceği hoş bir tasarıma sahipler. İnsanlar çevrimiçi alışveriş yaparken daha dikkatli olduklarından, bu simgeler ödeme sayfanıza biraz güven duygusu katar. Kullanacağımız simgeler şunlardır:

Ek olarak, Dribble'da bulunanlar, örneğin VISA, MasterCard, PayPal ve AMEX gibi bir kullanıcının aşina olduğu ödeme yöntemlerinin resimleridir.

Bu, ilk kez gelen ziyaretçilerin dikkatini çekerek daha güvenilir ve güvenilir bir sunum oluşturmaya yardımcı olacaktır. Ancak, ödeme ağ geçidiniz farklı şirketler içeriyorsa daha fazlasını da kontrol edebilirsiniz.

Dürüst olmak gerekirse, internette yalnızca birkaç makale, kancalar ve filtreler kullanarak özel WooCommerce Ödeme Ağ Geçitleri simgelerini nasıl ekleyeceğinizi göstermeye çalışır. Bu makale, varsayılan WooCommerce ödeme ağ geçitlerinin her birinin simgesini istediğiniz herhangi bir şeye eklemenize yardımcı olmaya çalışır.

Bu nedenle, bazı WooCommerce mağazaları yalnızca Visa ve MasterCard ödemelerini kabul eder ve müşterinin kafasını karıştırmamak için American Express gibi diğer WooCommerce Ödeme Ağ Geçitleri için simgeler görüntülemek istemezler.

Ödeme Yöntemleri Simgeleri Ekleme WooCommerce Ödeme Sayfası

Tüm WooCommerce Payment Gateway simgeleri için aşağıda paylaştığımız kodun aynısını kullanabilirsiniz, ancak çevrimiçi mağazanızda ödemeleri kabul etmek için kullandığınız kredi kartları için belirli simgeleri bulmanız yeterlidir.

Özel WooCommerce Ödeme Ağ Geçidi Simgelerini eklemek için, büyük olasılıkla her ağ geçidi uzantısında bulunan woocommerce_gateway_icon işlevini filtrelememiz gerekir. Functions.php dosyasına aşağıdaki kodu eklemeniz gerekir:

 // WooCommerce Ödeme Sayfasına Özel Kredi Kartı Simgeleri Ekleyin 

add_filter ('woocommerce_gateway_icon', 'njengah_custom_woocommerce_icons');

function njengah_custom_woocommerce_icons() {

    $icon = '<img src="icons-url" alt="şerit" />';

     $ simgesini döndür;

}

Ancak, sitenizdeki ödeme simgeleri resminin konumuna bağlı olarak resim URL'sini değiştirmeniz gerekir.

Simgeleri WordPress medya klasörüne yükleyebilir, ardından koddaki icons-url aşağıdaki resimde gösterildiği gibi ilgili resim yolu ile değiştirebilirsiniz:

Çözüm

Yukarıdaki kod parçacığındaki filtreyi kullanarak ve simgeyi medya galerinize yükleyerek ödeme simgelerini WooCommerce mağaza ödeme sayfanıza hızlı bir şekilde ekleyebilirsiniz. Eğer kodla uğraşmak istemiyorsanız veya bu filtreyi genişletmek ve kullanıcılara daha fazla seçenek sunmak isteyen bir WooCommerce tema geliştiricisiyseniz, mükemmel çözümümde sizi ele aldım.

Kısa kod işleviyle gelen ve kullanıcıların basit bir kısa kod kullanarak ödeme ağ geçidi ödeme sayfasına, altbilgi widget'ına ve başka herhangi bir yere simgeler eklemesine olanak tanıyan en iyi ödeme simgeleri eklentisini oluşturdum. – buradan kontrol edin . Bu eklenti, ödeme simgelerini temanıza veya site renk düzeninize uyacak şekilde özelleştirmek için harika bir çözüm olan SVG kullanımını destekler. WC PayIcons eklentisi ile simgeyi aşağıda gösterildiği gibi doğrudan ilgili ödeme ağ geçidi sayfasından yükleyebilirsiniz:

Benzer Makaleler

1. WooCommerce Ödeme Sayfasında PayPal Simgesi Nasıl Değiştirilir
2. WooCommerce'de Giriş Yaptıktan Sonra Sepete Nasıl Yönlendirilirsiniz?
3. WooCommerce'de Bir Ürün Nasıl Gizlenir veya Ürünleri Kategoriye veya Rollere Göre Gizlenir
4. WooCommerce'de Ödeme Metnine Devam Et'i değiştirin
5. WooCommerce Müşterileri veya Kullanıcı Rolleri Tarafından Yönetici Çubuğu Nasıl Gizlenir
6. WooCommerce'de Öne Çıkan Ürünler Nasıl Ayarlanır
7. WooCommerce'de Sepet Ara Toplamını Gizleme veya Ara Toplam Satırını Kaldırma
8. WooCommerce'de Mevcut Ürün Kategori Adı Nasıl Alınır
9. WooCommerce'de Stok Metninin Bitmesi Nasıl Değiştirilir
10. WooCommerce'de Ödeme Düğmesi Metni Nasıl Değiştirilir [Sipariş Ver]
11. Mağazanız için 30'dan Fazla En İyi WooCommerce Eklentisi (Çoğu ÜCRETSİZDİR)
12. WooCommerce Ödeme Sayfasına Kaldır Simgesi Nasıl Eklenir
13. Sepeti Atlama ve Ödeme Sayfasına Yönlendirme WooCommerce
14. Nasıl Kaldırılır Sepetinize Eklendi Mesajı WooCommerce
15. WooCommerce 'Sepete Eklendi' Bildirimi Nasıl Değiştirilir
16. WooCommerce'de Stok Durumu Metni Nasıl Görüntülenir » Stokta ve Yok
17. WooCommerce'de Resmin Altına Açıklama Nasıl Taşınır?