Shopify Gibi WooCommerce Checkout Nasıl Yapılır?

Yayınlanan: 2023-02-15

Varsayılan WooCommerce ödemesinin Shopify'ın ödeme sayfası gibi görünmesini mi istiyorsunuz?

Shopify, tasarım ve kullanıcı deneyimine güçlü bir şekilde odaklanır. Sonuç olarak, ödeme sayfaları temiz ve basittir ve hızlı satışları teşvik eder.

Şans eseri, yalnızca ödeme sayfası tasarımına erişmek için Shopify'a geçmeniz gerekmez.

Bunun yerine, Botiga temamız gibi üçüncü taraf WooCommerce araçlarının yardımıyla WooCommerce ödeme sayfanız için Shopify benzeri bir tasarım uygulayabilirsiniz.

Bu eğitimde, varsayılan WooCommerce ödeme sayfasının Shopify gibi görünmesini sağlamak için Botiga'yı nasıl kullanacağınızı göstereceğim.

1. Botiga WooCommerce Temasını Kurun ve Etkinleştirin

Botiga, hem ücretsiz hem de Pro sürümde gelen, zengin özelliklere sahip bir WooCommerce temasıdır. Müşterilerinize olağanüstü bir alışveriş deneyimi sunabilmeniz için tonlarca düzen, stil ve özelleştirme seçeneği sunar.

WordPress sitenize yüklemek için kontrol panelinizi açın ve Görünüm > Temalar > Yeni Ekle seçeneğine gidin.

Tema Ekle yönetici sayfasında bir arama çubuğu göreceksiniz. “Botiga” girin, tema sonuçlar arasında görünecektir.

Yükle düğmesine basın, ardından temayı etkinleştirin:

Botiga temasını WordPress'e yükleme

Alternatif olarak, Botiga'yı web sitemizden indirebilirsiniz.

Ardından, WordPress yönetici alanınızda Görünüm > Temalar > Yeni Ekle > Tema Yükle'ye gidin.

Temayı yüklemek için Dosya Seç düğmesine tıklayın ve Şimdi Yükle düğmesine basın:

Botiga'yı WordPress'e Yükleme

Kurulum tamamlandığında, Etkinleştir bağlantısına tıklayarak temayı etkinleştirdiğinizden emin olun:

Botiga temasını etkinleştirme

2. Botiga Pro Eklentisini Kurun ve Etkinleştirin

Botiga Pro, ücretsiz Botiga temasına birçok premium özellik ekleyen bir WordPress eklentisidir.

Shopify tarzı ödeme düzenine erişmek için hem temaya hem de eklentiye ihtiyacınız olacak.

Botiga Pro'yu tek bir WordPress sitesinde kullanmanıza izin veren yıllık 69 ABD dolarından başlayan fiyatlandırma planları — tüm planları burada görün.

Satın alma işlemini gerçekleştirdikten sonra eklentiyi Botiga hesabınızdan indirin.

Ardından, WordPress yönetici alanınızı açın ve Eklentiler > Yeni Ekle > Eklenti Yükle seçeneğine gidin.

Dosya Seç seçeneğini kullanarak eklentiyi yükleyin ve ardından Şimdi Yükle düğmesine basın:

Botiga Pro eklentisini WordPress'e yükleme

Yükleme işlemi bittiğinde, Eklentiyi Etkinleştir düğmesini tıklayın:

Botiga Pro'yu Etkinleştirme

Ardından, lisans anahtarınızı etkinleştirmeniz gerekir.

Botiga hesabınıza gidin ve lisans anahtarını kopyalayın.

Ardından, WordPress kontrol panelinizi açın ve Eklentiler > Botiga Pro Lisansı'na gidin. Lisans anahtarını girin ve Değişiklikleri Kaydet düğmesine basın:

Botiga Pro lisansına girme

Botiga Pro eklentisi artık WordPress sitenize yüklendi ve etkinleştirildi.

3. Bir Başlangıç ​​Sitesini İçe Aktarın (isteğe bağlı)

Başlangıç ​​sitesi veya demo, kullanıma hazır olarak kullanabileceğiniz veya size uygun bir tasarım elde etmek için biraz değişiklik yapabileceğiniz önceden oluşturulmuş bir web sitesi tasarımıdır. Sitenizi sıfırdan tasarlamanız gerekmediğinden size çok zaman ve emek kazandırabilir.

Şu anda Botiga, aralarından seçim yapabileceğiniz altı başlangıç ​​sitesi sunmaktadır: Güzellik, Giyim, Mobilya, Takı, Tek Ürün ve Çoklu Satıcı.

Botiga'yı bir başlangıç ​​sitesini içe aktarmadan da kullanabilirsiniz — bu durumda, Botiga'nın Özelleştirici seçeneklerini kullanarak kendi içeriğinizi eklemeniz ve ayarlarınızı yapılandırmanız gerekir.

Bir başlangıç ​​sitesini içe aktarmak için Görünüm > Başlangıç ​​Siteleri menüsünü tıklayın. Tasarımın önizlemesini yapmak için Demo Önizleme düğmesine tıklayın ve web sitenize yüklemek istiyorsanız İçe Aktar düğmesine basın:

Bir Botiga başlangıç ​​sitesini içe aktarma

Bir sonraki anda, sitenize aktarılacak tüm eklentileri ve içeriği gösteren bir açılır pencere görünecektir.

İçe Aktar düğmesini seçin ve işlem bitene kadar bekleyin:

Eklentiler ve içerik içeren bir Botiga başlangıç ​​sitesini içe aktarma

Başlangıç ​​sitesi içe aktarıldıktan sonra ana sayfanızı açın ve WooCommerce mağazanızın yeni tasarımına göz atın.

4. Özelleştiriciyi açın

Özelleştiriciyi açmak için, WordPress panonuzdaki Görünüm > Özelleştir menüsünü tıklayın:

Özelleştirici arayüzüne erişme

Web sitenizin ana sayfasına yönlendirileceksiniz ve ekranın sol tarafında Özelleştirici arayüzü görüntülenecektir:

WordPress Özelleştirici

Özelleştirici menüsü, WooCommerce ödeme sayfanızın düzenini Shopify ödeme sayfasına benzeyen bir düzene dönüştürecek bir seçeneğe sahiptir.

5. Ödeme Sayfanız İçin Bir Düzen Tasarımı Seçin

Özelleştirici'de WooCommerce > Checkout'a gidin. Burada, ödeme sayfası için beş düzen seçeneği göreceksiniz:

Ödeme sayfası düzeni seçenekleri

Botiga, Shopify'a benzer bir kullanıcı deneyimi sağlayan iki ödeme sayfası düzenine sahiptir:

  • Düzen 4 – Müşterilerin bilgilerini adım adım girmelerine olanak tanıyan Shopify çok adımlı ödeme.
  • Düzen 5 – Tek bir sayfada tüm bilgileri içeren Shopify tek adımlı ödeme.

Shopify ile nasıl karşılaştırıldıklarını görmek için Shopify'ın ödeme sayfasının ekran görüntüsünü burada bulabilirsiniz:

Shopify'ın ödeme sayfası

Botiga'nın çok adımlı Shopify düzeninin (Düzen 4) ilk sayfası şöyle görünür:

Botiga'da Shopify benzeri ödeme düzeni

Ve işte Layout 5 , Botiga'nın tek adımlı Shopify benzeri ödeme sayfası:

botiga shopify beğen ödeme

İhtiyaçlarınıza en uygun düzeni seçin, ardından değişiklikleri uygulamak için Özelleştirici arayüzünün üst kısmındaki Yayınla düğmesine basın.

Botiga Özelleştirici seçenekleri, Yayınla düğmesi

Bu kadar. Artık WooCommerce ödeme sayfanızın Shopify gibi görünmesini sağladınız.

6. Ödeme Sayfanızdaki İsteğe Bağlı Özellikleri Etkinleştirin veya Devre Dışı Bırakın

Ödeme sayfasında etkinleştirebileceğiniz veya devre dışı bırakabileceğiniz birkaç özellik vardır; bunları Özelleştirici'deki ödeme düzenlerinin hemen altında bulabilirsiniz.

Aşağıdaki üç seçeneği açıp kapatabilirsiniz:

  • Kupon formunu görüntüle – Bu seçenek varsayılan olarak etkindir. Devre dışı bırakmayı seçebilirsiniz.
  • Yapışkan ödeme toplamları kutusu – Toplamlar kutusunu yapışkan yapabilirsiniz, böylece bir müşteri yukarı veya aşağı kaydırırken kutu ekranın sağ tarafında sabit kalır.
  • Dikkat dağıtmadan ödeme – Bu seçenek, üst bilgi ve alt bilgi içeriğini kaldırarak müşterilerin ödeme sürecine odaklanmasını sağlar.
Ödeme sayfasındaki öğeleri etkinleştirme veya devre dışı bırakma

Aşağıdaki üç form alanını da gerekli , isteğe bağlı veya gizli olarak ayarlayabilirsiniz :

  • Firma Adı
  • Adres Satırı 2
  • Telefon
Botiga temasının ödeme sayfasını özelleştirme

Son olarak, ödeme sayfanıza iki önemli yasal belge ekleyebilirsiniz:

  • Gizlilik Politikası
  • Şartlar ve koşullar

Öncelikle Sayfalar > Yeni Ekle menüsünden bu sayfaları oluşturmanız gerekiyor. Ardından açılır listelerde görünecekler ve bunları ödeme sayfanıza ekleyebilirsiniz:

Ödeme sayfasına gizlilik politikası ve Şartlar ve Koşullar ekleme

Çözüm

WooCommerce mükemmel bir e-Ticaret platformudur, ancak mağazanızın belirli alanlarını iyileştirmek istiyorsanız üçüncü taraf araçlar çok yardımcı olabilir.

Örneğin, varsayılan WooCommerce ödeme sayfasını temiz ve basit Shopify ödeme deneyimine benzer hale getirmek için Botiga'yı kullanabilirsiniz.

Botiga, yüksek dönüşüm sağlayan çevrimiçi mağazalar oluşturmak için tasarlanmış güçlü bir WooCommerce temasıdır. Tema ücretsiz olsa da, gelişmiş işlevleri etkinleştirmek için premium Botiga Pro eklentisi ile eşleştirmeniz gerekir.

Botiga'nın Shopify benzeri ödeme sayfası düzenlerini kullanmak için hem temaya hem de eklentiye ihtiyacınız olacak.

Bunları web sitenize kurun, bir başlangıç ​​sitesini içe aktarın ve Özelleştirici'den bir ödeme düzenini etkinleştirin.

Bu adımları gerçekleştirin ve Shopify benzeri bir ödeme sayfası WooCommerce mağazanızda anında çalışmaya başlasın!