BigCommerce Optimize Edilmiş Tek Sayfada Ödemeyi Bir Profesyonel Gibi Özelleştirin

Aşağıdaki makale size yardımcı olacaktır:BigCommerce Optimize Edilmiş Tek Sayfada Ödemeyi Bir Profesyonel Gibi Özelleştirin

Birisini yalnızca BigCommerce mağazanıza gelmekle kalmayıp aynı zamanda sepetine ürün ekleyecek noktaya getirmek çok çaba gerektirir.

Mağazanıza gelen trafiği artırmak amacıyla ücretli reklamlara ve organik SEO’yu iyileştirme çabalarına küçük bir servet harcamış olabilirsiniz. İnsanlar sitenize ulaştığında, ziyaretçileri meşru değer sunduğunuza ikna etmek için yüksek kaliteli web geliştirme ve tasarıma yatırım yapmış olmanız gerekir.

Daha sonra, mağazanıza harcadığınız onca zaman ve paradan sonra, müşteriler nihayet sizin sepetlerine ürün eklemeleri için yeterince iyi bir seçenek olduğunuza ikna olduklarında… zamanın %70’iaslında bir satın alma işlemi gerçekleştirmeden önce geri adım atarlar.

Bunun bir nedeni, insanların karşılaştırma yapmak için sıklıkla arabaları kullanmasıdır. Mağazanızdaki bir ürünün sipariş toplamı, nakliye ve diğer ücretler sonrasında başka bir mağazaya göre daha pahalıysa, müşteri sepetinizi terk edecek ve satın alma işlemini daha uygun fiyatlı seçenek üzerinden gerçekleştirecektir. Sepetten vazgeçme oranınız yüksekse, fiyat noktalarınızın diğer mağazaların sunduklarından çok daha yüksek olmadığından emin olmak için rakiplerinizi inceleyin (ücretsiz kargo da her zaman yardımcı olur).

Web tasarımı aynı zamanda alışveriş sepetini terk etmede de rol oynuyor. İnsanların meşgul olduğunu hatırlamanız gerekir; mağazanızdan alışveriş yaparken muhtemelen aynı anda birkaç düzine başka şey yapıyorlardır. Ve eğer mobil bir cihaz kullanıyorlarsa, potansiyel dikkat dağıtıcı unsurların sayısı daha da fazladır.

Bu nedenle ödeme sürecinizi mümkün olduğunca verimli hale getirmelisiniz. Müşterilerinizi fatura, nakliye ve ödeme için ayrı sayfalara tıklamaya zorlarsanız, birçok müşterinin siparişini vermeden önce dikkati dağılır ve potansiyel satışlar gözden kaçar. Bu yüzden tek sayfalık ödemeye ihtiyacınız var.

Bu kılavuzda, BigCommerce için Optimize Edilmiş Tek Sayfalı Ödeme ile sepetlerin terk edilme sıklığını nasıl azaltacağınızı göstereceğiz.

#cta-visual-fe#BigCommerce için Hızlı ve Esnek CMSShogun Frontend ile sayfa hızından ödün vermeden siteniz üzerinde tam kontrol elde edin.Daha fazla bilgi edinin

BigCommerce Tek Sayfa Ödemesini Ayarlama

BigCommerce, Optimize Edilmiş Tek Sayfada Ödeme özelliğini BigCommerce mağazaları için varsayılan ayar haline getirdiğinden, yukarıda listelenen tek sayfalık ödemenin faydalarını açıkça kabul etmektedir.

BigCommerce’in Optimize Edilmiş Tek Sayfada Ödeme özelliğiyle müşteriler iletişim, fatura, gönderim ve ödeme bilgilerini aynı sayfada doldurabilirler.

Müşteriler “Sepeti düzenle” butonu ile sepetlerinde gerekli düzenlemeleri hızlı bir şekilde yapabilirler. Optimize Edilmiş Tek Sayfada Ödeme özelliği de duyarlıdır, dolayısıyla her türlü cihazda iyi çalışır (mobil cihazların yakın zamanda popüler hale geldiği göz önüne alındığında bu, günümüzde özellikle önemlidir). daha popüler yol İnternete masaüstü veya dizüstü bilgisayarlardan daha fazla göz atmak için).

Gönderim ülkesi müşterinin IP adresine göre zaten doldurulacak ve gönderim yöntemi de önceden seçilecektir. Ayrıca müşteri kart numarasını girdiğinde kart tipi otomatik olarak algılanacaktır (müşterinin manuel olarak girmesine gerek yoktur). Bu küçük kolaylıklar, ödeme başına önemli miktarda zaman tasarrufu sağlar. Unutmayın: Ödeme işleminiz ne kadar hızlı olursa, terk edilen sepetlerin sayısı da o kadar az olur.

Tavsiye Edilen:  Başarılı içerik beyin fırtınası için çeşitliliğe sahip bir ekip neden çok önemlidir?

Ödeme sürecinizi hızlandıracak başka bir özellik daha: Geri dönen müşteriler faturalandırma ve gönderim işlemlerini atlayıp doğrudan ödeme adımına geçebilirler.

Optimize Edilmiş Tek Sayfada Ödeme ayrıca müşterilerin finansal bilgileri konusunda size güvenebilecekleri konusunda daha emin olmalarını sağlayacak ve dolayısıyla onları siparişlerini tamamlamaya teşvik edecek güvenlik simgelerini de içerir.

Optimize Edilmiş Tek Sayfada Ödeme Ödeme Yöntemleri

Aşağıdaki ödeme yöntemleri BigCommerce Tek Sayfa Ödeme tarafından desteklenir:

  • Adyen
  • Onayla
  • Sonradan ödeme
  • Amazon Ödemesi
  • Apple Pay
  • Authorize.Net
  • BlueSnap Ödemeleri
  • CCA caddesi
  • Entegre Ödemeleri Takip Edin
  • Chase Satıcı Hizmetleri
  • Ödemeyi Takip Et
  • Yonca Ödemeleri
  • Siber Kaynak Doğrudan
  • eWay Hızlı
  • İlk Veri Payeezy Ağ Geçidi
  • Google Pay
  • Heartland Ödeme Sistemleri
  • Klarna Ödemeleri
  • Masterpass
  • MIGS’ler
  • Sanal Tüccarım
  • NMI
  • Çevrimdışı Ödeme Yöntemleri
  • Paymetrik
  • PayPal Ekspres Ödeme
  • Braintree tarafından desteklenen PayPal
  • PayPal Kredisi
  • PayPal Web Sitesi Ödemeleri Pro
  • QuickBooks Ödemeleri
  • Sage Pay/Protx VSP Direct
  • SecureNet
  • ShopKeep Ödemeleri
  • Kare Ödemeler V2
  • Kredi yükleme
  • Şerit
  • Ödeme Ağ Geçidini Test Edin
  • ABDePay
  • Vize Ödemesi
  • Worldpay Çekirdeği
  • Worldpay Ecomm

Optimize Edilmiş Tek Sayfa Ödemenize eklemeyi seçtiğiniz ödeme yöntemleri alfabetik sırayla listelenecektir (bunu değiştirmenin bir yolu yoktur).

Birden fazla ödeme yöntemi kullanıyorsanız ve bunlardan bir veya daha fazlası yukarıdaki desteklenen yöntemler listesinde yer almıyorsa mağazanız, Optimize Edilmiş Tek Sayfada Ödeme yerine BigCommerce’in eski tek sayfalı ödeme yöntemini kullanacaktır.

Optimize Edilmiş Tek Sayfalık Ödeme Tasarımınızı Özelleştirme

BigCommerce Stencil teması kullanıyorsanız (BigCommerce pazarında öne çıkan tüm temalar Stencil temalarıdır), BigCommerce Optimize Edilmiş Tek Sayfa Ödemesini özelleştirebilirsiniz.

1. “Gelişmiş Ayarlar” > “Ödeme” seçeneğine gidin.

2. “Ödeme Stili” bölümüne gidin ve “Ödemeyi Özelleştir”i seçin.

3. Sol kenar çubuğunda “Ödeme Sayfası”nı seçin.

4. “Ödeme Sayfası” sekmesinde aşağıdakileri düzenleyebilirsiniz:

  • Başlık: resim, arka plan rengi, metin rengi ve kenarlık rengini yükleyin
  • Logo: yazın (metin/resim) ve konum (sol/orta/sağ)
  • İndirim banner’ı: arka plan rengi, metin rengi, simge rengi
  • Sipariş özeti kutusu: arka plan rengi ve kenarlık rengi
  • Ödeme adımları simgesi: arka plan rengi, metin rengi ve kenarlık rengi
  • Başlık 1: yazı tipi ailesi ve metin rengi
  • Başlık 2: yazı tipi ailesi ve metin rengi
  • Gövde sayfası: arka plan rengi ve odak rengi
  • Gövde metni: yazı tipi ailesi ve metin rengi
  • İkincil metin: yazı tipi ailesi ve metin rengi
  • Bağlantı: yazı tipi ailesi, metin rengi ve vurgulu metin rengi
  • Birincil eylem düğmesi: yazı tipi ailesi, metin rengi, metin vurgulu rengi, aktif metin rengi, devre dışı bırakılmış metin rengi, arka plan rengi, arka plan vurgulu rengi, etkin arka plan rengi, devre dışı bırakılmış arka plan rengi, kenarlık rengi, kenarlık vurgulu rengi, kenarlık etkin rengi ve devre dışı bırakılmış kenarlık kapağı
  • İkincil eylem düğmesi: yazı tipi ailesi, metin rengi, metin vurgulu rengi, aktif metin rengi, devre dışı bırakılmış metin rengi, arka plan rengi, arka plan vurgulu rengi, etkin arka plan rengi, devre dışı bırakılmış arka plan rengi, kenarlık rengi, kenarlık vurgulu rengi, kenarlık etkin rengi ve devre dışı bırakılmış kenarlık kapağı
  • Form giriş alanları: etiket metni rengi, alan metni rengi, alan yer tutucu metin rengi, alan hatası metni rengi, alan arka plan rengi, alan iç gölge rengi, alan kenarlığı rengi ve onay kutusu düğmesi arka plan rengi
  • Form kontrol listesi: arka plan rengi, başlık metni rengi ve kenarlık rengi
Tavsiye Edilen:  Rakiplerle Güçlü İlişkiler Kurmanın Önemi

Genel olarak, markanızın genel tanınırlığını artırmak için ödeme sayfanızın renk şemasını logonuzda ve diğer yerleşik pazarlama öğelerinde yer alan renklerle eşleştirmeniz gerekir.

5. Ödeme sayfanızı özelleştirmeyi tamamladığınızda değişiklikleri sonlandırmak için “Kaydet”i seçin.

Optimize Edilmiş Tek Sayfalık Ödeme SCSS Dosyasını Düzenleme

Kodlama konusunda deneyiminiz varsa, düzenleme ilginizi çekebilir optimize edilmiş ödeme SCSS dosyası çok daha yüksek düzeyde özelleştirme için (bu dosya Cornerstone temasının deposundayken endişelenmeyin; tüm temalar aynı stil sayfasını paylaşır, dolayısıyla bu dosya tüm Stencil temaları için çalışır).

Ayrıca, sınıfların içeriğini değiştirebilseniz de yuva öğelerini veya sınıf adlarını değiştiremeyeceğinizi unutmayın. Bunun nedeni, her sınıfın birden fazla öğeyle eşlenmiş olmasıdır; bu nedenle adların veya yapının değiştirilmesi, gelecekteki güncellemeleri bozabilir.

Optimize Edilmiş Tek Sayfada Ödeme için duyarlı özellikleri ayarlamak üzere masaüstü görünüm alanı boyutunuzu tanımlamak üzere aşağıdaki kesme noktasını yapılandırın:

// YAPMAK:

// Medya sorgusunu ‘masaüstü’ kesme noktası boyutunda olacak şekilde yapılandırın

// —

@media (minimum genişlik: 801 piksel) {

text-align: stencilString(“optimizedCheckout-logo-position”);

}

Bu dosyadaki aşağıdaki sınıflar özelleştirmeye açıktır:

  • .optimizedCheckout-başlığı: Sayfa başlığı.
  • .optimizedCheckout-headingPrimary: Üst düzey başlıklar.
  • .optimizedCheckout-headingSecondary: Sepetteki öğelerin açıklamaları gibi alt düzey öğeler.
  • .optimizedCheckout-yer paylaşımı: “Gönderim Yöntemi” kutusu.
  • .optimizedCheckout-contentPrimary: Masaüstündeki gövde metni “Sipariş Özeti” ve “Sipariş Onayı”, açılır liste öğeleri ve tamamlanan adımları özetleyen metin.
  • .optimizedCheckout-contentSecondary: Onay kutularındaki metin etiketleri ve masaüstündeki “Sipariş Özeti” alt düzey metni.
  • .optimizedCheckout-button–birincil: “Devam Et” düğmesi ve son olarak “Öde” düğmesi.
  • .optimizedCheckout-düğmesi–ikincil: “Düzenle” düğmeleri.
  • .optimizedCheckout-orderÖzet: “Sipariş Özeti” mobil çekmece/modalındaki renkler.
  • .optimizedCheckout adımı: Sayfanın sol tarafındaki adım numarası göstergeleri.
  • .optimizedCheckout-form-etiketi: Form alanlarının metni ve etiket rengi.
  • .optimizedCheckout-form-girişi: Form alanlarının arka plan ve kenarlık rengi.

Ödeme Ayarlarınızı Yapılandırma

“Gelişmiş Ayarlar” > “Ödeme” sayfası, Optimize Edilmiş Tek Sayfa Ödemenizin görünümünü özelleştirmenin yanı sıra, ödeme süreciniz için size başka seçenekler de sunar. Mağazanız için bunları ayarlamanın en iyi yolunu inceleyelim:

Misafir Ödemesi etkinleştirilsin mi?

Bu seçenek etkinleştirildiğinde müşteriler hesap oluşturmadan sipariş verebilirler. Ayrıca misafir olarak çıkış yapan müşteriler için otomatik olarak hesap oluşturma seçeneğiniz de vardır; bu, müşterinin e-posta adresini kullanıcı adı olarak kullanmasına, şifre oluşturmasına ve siparişlerini takip etmesine olanak tanıyan bir e-posta davetini otomatik olarak gönderir.

Bu seçenek devre dışı bırakılırsa müşterilerin sipariş vermeden önce bir hesap oluşturmaları gerekir. Bu aynı zamanda PayPal, Amazon Pay ve Apple Pay gibi ödeme seçeneklerinin ödeme sayfasının dışında kullanılamamasına da neden olur.

Tavsiye Edilen:  YouTube'daki En Popüler Oyun Etkileyenlerinden 21'i

Sipariş Yorumları etkinleştirilsin mi?

Bu seçenek, müşterilerin sipariş onay sayfasında siparişleriyle birlikte yorum girmelerine olanak tanır; bu da onlara, belirlenmiş alanların olmadığı durumlarda bilgi ekleme ve talimat bırakma olanağı sağlar. Müşterileriniz için “daha da ilerisine” gitmeye istekli olduğunuzu gösterdiği için bu seçeneği etkinleştirmeniz önerilir.

Şartlar ve Koşullar etkinleştirilsin mi?

Bu seçenek, müşterilerinizin bir satın alma işlemi yapmadan önce şartlar ve koşullarınızı kabul etmesini gerektirir (etkinleştirilirse, şartlar ve koşullar sayfasına bağlantı verebilir veya şartlar ve koşulları buraya metin olarak ekleyebilirsiniz).

Çoklu Teslimat Adresleri

Bu seçeneğin etkinleştirilmesi, müşterilerinizin sepetteki ürünleri farklı adreslere göndermesine olanak tanır.

Kupon Kodunu Daralt

Etkinleştirilirse, bu seçenek kupon kodunuzu/hediye sertifikası alanınızı bir bağlantının arkasına gizleyecektir. Devre dışı bırakılırsa bu alanı görüntülemek için herhangi bir bağlantıya gerek yoktur.

Bot Koruması

Bot Korumasını etkinleştirmek, bot saldırılarını ve diğer kötü amaçlı, otomatik etkinlik biçimlerini önlemek için Google reCAPTCHA kodlarını ödeme sayfanıza ekleyecektir.

Bu seçeneği yalnızca şu anda botlarla sorun yaşıyorsanız etkinleştirmeniz önerilir. Aksi takdirde, ödeme sürecinizi sebepsiz yere uzatacaksınız ve bu da dönüşüm oranınızı olumsuz etkileyecektir.

Kalıcı Sepeti Etkinleştir

Kalıcı sepet, müşteri bir cihazda sepetine ürün eklediğinde bu değişikliklerin diğer tüm cihazlara da yansıyacağı anlamına gelir. Bu özelliği kullanmalısınız (bugünlerde mobil cihazların ne kadar popüler olduğunu tekrar unutmayın), ancak bunun yalnızca Plus, Pro ve Enterprise BigCommerce planlarında mevcut olduğunu unutmayın.

Google Adresi Otomatik Tamamlama

Etkinleştirildiğinde, bu seçenek müşterilere yazdıklarına göre tahmin edilen adresleri soracak ve böylece daha hızlı bir ödeme deneyimi sağlanacak.

Varsayılan Gönderim Seçeneği

Varsayılan gönderim seçeneğiniz için dört seçenek mevcuttur:

  • Mağazadan teslim alma hariç en ucuzu
  • En ucuz
  • En pahalı
  • Hiçbiri

Diğer Sayfalarınızı Optimize Etme

Elbette, ödeme sayfanız önemli olsa da mağazanızın yalnızca bir kısmıdır.

Müşterilerin sepetlerine ürün eklemesini ve ilk etapta ödeme sayfanıza gitmesini sağlamak için yüksek kaliteli açılış sayfaları, ürün sayfaları ve blog yazıları oluşturmanız gerekir. Shogun sayfa oluşturucu uygulaması tam da bunu yapmanıza olanak tanır. BigCommerce’in Optimize Edilmiş Tek Sayfa Ödeme özelliğini Shogun sayfa oluşturucuyla birleştirerek ziyaretçilerinizi etkilemek ve onları ödeme yapan müşteriler olmaya ikna etmek için ihtiyacınız olan her şeye sahip olacaksınız.

#cta-visual-fe#BigCommerce için Hızlı ve Esnek CMSShogun Frontend ile sayfa hızından ödün vermeden siteniz üzerinde tam kontrol elde edin.Daha fazla bilgi edinin