WooCommerce Giriş Kısa Kodunun Tam Kılavuzu

Giriş sayfası bir WooCommerce mağazasının önemli bir unsurudur. Müşterilerinizin hesaplarına erişmeleri, siparişlerini takip etmeleri ve satın alma işlemlerini tamamlamaları için bir ağ geçidi gibidir. Peki ya tüm süreç aşırı derecede karmaşıksa ve asıl amacına ulaşamıyorsa?

İşte bu yüzden WooCommerce giriş kısa kodlarını denemeniz ve özelleştirmeniz gerekiyor. Giriş sayfalarını dakikalar içinde oluşturup özelleştirmenize ve müşterilerinize kullanıcı dostu bir deneyim sunmanıza yardımcı olurlar.

Yani basit bir giriş formu, birleştirilmiş giriş ve kayıt sayfası veya hedeflenen kampanyalar için bağımsız bir kayıt sayfası istiyorsanız, WooCommerce giriş kısa kodları bunu başarmayı kolaylaştırır.

Bu makalede, daha iyi bir kullanıcı deneyimi için özelleştirmek amacıyla kısa kod kullanarak bir giriş sayfasının nasıl oluşturulacağından başlayarak WooCommerce giriş kısa koduyla ilgili her şeyi tartışacağız.

Öyleyse başlayalım.

WooCommerce giriş sayfası türleri

Giriş sayfası basit bir ağ geçidi gibi görünebilir, ancak bir ağ geçidinden daha fazlasıdır; bir kullanıcı adı ve şifre alanıdır!

İş ihtiyaçlarınıza ve kullanıcı tercihlerinize bağlı olarak farklı türde giriş sayfaları vardır. Seçenekleri inceleyelim:

1. Klasik giriş sayfası : Bu basit bir giriş sayfasıdır. Kullanıcıların yalnızca kimlik bilgilerini girmeleri gerekiyor ve bum, onlar da dahil.
2. Sosyal giriş sayfası : Bu tür giriş sayfası, kullanıcılarınızın oturum açmak için favori sosyal medya hesaplarını kullanmalarına olanak tanır.
3. Özel markalı giriş sayfası : Bu tür giriş sayfası, marka kimliğinize uyacak şekilde özelleştirilmiştir. Bunu yapmak için marka logonuzu ve renklerinizi eklemeniz ve kullanıcıları oturum açmaya teşvik edecek karşılama mesajları eklemeniz gerekir.
4. Çok adımlı giriş sayfası : Bu tür giriş sayfası, giriş sayfasına ekstra bir güvenlik katmanı eklemek isteyenler için idealdir. Tüm süreci kullanıcı adı, şifre ve doğrulama kodunun girilmesi gibi yönetilebilir adımlara ayırır.
5. Tek oturum açma (SSO) sayfası : Son olarak, bu tür oturum açma sayfası, kullanıcıların aynı kimlik bilgilerini birden fazla uygulama için kullanmasına olanak tanır.

Bunlar aynı zamanda bazı giriş sayfası türleriydi. WooCommerce mağazanıza hangilerinin uygun olduğunu düşünüyorsunuz? Klasik bir giriş sayfası mı yoksa sosyal olanlar mı? Peki, seçim senin. Kişiselleştirilmiş ve kullanıcı dostu hale getirmeyi unutmayın.

WooCommerce giriş sayfasını özelleştirmenin önemi

Sıkıcı ve genel bir giriş sayfası, müşterileriniz için tam bir dönüm noktası olabilir. Bunu özelleştirmek sayfanın görünümünü iyileştirir ve aynı zamanda mağazanıza değer katar .

Ancak bu çaba gerektirir ve neden zamanınızı buna ayırmanız gerektiğini merak ediyorsanız, bunun neden çabaya değer olduğuna dair bazı önemli nedenleri burada bulabilirsiniz.

• Özel alanlar: Yalnızca oturum açmış kullanıcıların erişebileceği kısıtlı bölümler oluşturun.
• Geliştirilmiş kullanıcı deneyimi: Satın alma işlemi için tekrar tekrar ayrıntı ihtiyacını ortadan kaldırarak kullanıcı yolculuğunu iyileştirir.
• Kolaylaştırılmış erişim: Kullanıcıların tek bir yerden oturum açmasına ve bilgilerini yönetmesine olanak tanır.
• Artan dönüşümler: Kullanıcı dostu ve görsel olarak çekici bir giriş sayfası, hemen çıkma oranlarının azaltılmasına yardımcı olur ve müşterileri satın alma işlemlerini tamamlamaya teşvik eder.
• Artırılmış güvenlik: Kullanıcı verilerini korumak için CAPTCHA veya iki faktörlü kimlik doğrulama gibi özellikler ekleyin.

WooCommerce giriş sayfanızı özelleştirmek yalnızca estetik bir yükseltme değil aynı zamanda önemli bir geliştirmedir .

Artık arkasındaki nedenleri bildiğinize göre, harekete geçelim ve WooCommerce oturum açma kısa kodunu kullanarak bir oturum açma sayfasının nasıl oluşturulacağını ve özelleştirileceğini görelim.

WooCommerce giriş kısa kodunu kullanarak giriş sayfası nasıl oluşturulur?

Yani her şey WooCommerce'deki My Account kısa koduyla başlar. Bu basit WooCommerce oturum açma kısa kodu – [woocommerce_my_account] Hesabım alanının tamamını herhangi bir sayfaya eklemenizi sağlar.

Burada müşterileriniz giriş yapabilir, geçmiş siparişleri görüntüleyebilir, ayrıntılarını güncelleyebilir ve hesaplarını yönetebilir.

Dolayısıyla, müşterilerin bu sayfadan da kaydolabilmesini istiyorsanız WooCommerce ayarlarında kaydın etkinleştirildiğinden emin olun.

• Öncelikle WordPress admin dashboard gidin. Şimdi yeni bir sayfa oluşturmak için Pages gidin. Yeni bir sayfa oluşturmak istemiyorsanız mevcut herhangi bir sayfayı düzenlemek için tıklayın.
• Şimdi sayfaya yeni bir blok eklemek için + simgesine tıklayın.
• Seçeneklerden Shortcode.
• Bir kutu görünecektir. Buraya WooCommerce giriş kısa kodunu kopyalayıp yapıştırabilirsiniz: [woocommerce_my_account]

Not: Bu kısa kod, kullanıcı kaydı ve hesap ayrıntılarıyla birlikte bir giriş formu görüntüler.

• Son olarak, sayfanın web sitenizde yayınlanmasını sağlamak için Publish veya Update düğmesine tıklayın.

Bu şekilde bir giriş sayfası oluşturdunuz; Şimdi sayfayı varsayılan giriş sayfanız olarak ayarlamak için şu adımları izleyin:

• WooCommerce > Settings > Advanced gidin.
• My account page Hesabım seçeneği için yukarıdaki sayfayı seçin.

Son olarak giriş sayfasını ziyaret edin ve her şeyin sorunsuz çalıştığından emin olun.

Bu adımlarla tamamen işlevsel bir giriş sayfası oluşturdunuz .

Dolayısıyla, ayrı kayıt, giriş ve Hesap sayfası istiyorsanız, WooCommerce giriş kısa kodlarını kullanarak sayfayı özelleştirmeniz gerekir.

WooCommerce giriş sayfasını özelleştirme

1. Kayıt sayfası: Aşağıdaki ilk parçayı etkinleştirdikten sonra, [sa_woocommerce_registration_form] kısa kodunu Kayıt sayfanıza ekleyin. Kullanıcılar oturum açmışsa, "Zaten kayıtlısınız" mesajı görüntülenecektir.

/**
 * WooCommerce Kullanıcı Kaydı için Kısa Kod.
 *
 * @author StoreApps
 */
add_shortcode('sa_woocommerce_registration_form', 'storeapps_custom_registration_form');
function storeapps_custom_registration_form() {
	if ( is_user_logged_in() ) {
		geri dönmek '
 Zaten kayıtlısınız.
 ';
	}
	ob_start();
	do_action('woocommerce_before_customer_login_form');
	$html = wc_get_template_html('hesabım/form-login.php');
	$dom = yeni DOMDocument();
	$dom->kodlama = 'utf-8';
	$dom->loadHTML( utf8_decode( $html ) );
	$xpath = new DOMXPath( $dom );
	$form = $xpath->query( '//form[contains(@class,"register")]' );
	$form = $form->öğe( 0 );
	echo $dom->saveHTML( $form );
	ob_get_clean()'ı döndür;
}

2. Giriş sayfası: Giriş sayfası için ikinci pasajı etkinleştirdikten sonra [sa_woocommerce_registration_form] kısa kodunu kullanın. Kullanıcı oturum açmışsa, "Zaten oturum açtınız" mesajı görüntülenecektir.

/**
 * WooCommerce Kullanıcı Girişi için Kısa Kod
 *
 * @author StoreApps
 */
add_shortcode('sa_woocommerce_login_form', 'storeapps_custom_login_form');
işlev mağazaapps_custom_login_form() {
	if ( is_user_logged_in() ) {
		geri dönmek '
 Zaten giriş yaptınız.
		

 ';
	}
	ob_start();
	do_action('woocommerce_before_customer_login_form');
	woocommerce_login_form( array('yönlendirme' => wc_get_page_permalink('hesabım' ) ));
	ob_get_clean()'ı döndür;
}

3. Hesap sayfam: Tüm kullanıcı hesabı ayrıntılarını görüntülemek için Hesabım sayfanızda [woocommerce_my_account] kısa kodunu tutun.
4. Kayıt sonrası yönlendirme: Müşterilerin kaydolduktan sonra Hesabım sayfasına yönlendirilmeleri için kayıt sonrasında bir yönlendirme de ekleyebilirsiniz (oturum açma formu bunu zaten varsayılan olarak ele almaktadır).
5. Oturum açmış kullanıcıları yeniden yönlendirin: Oturum açmış kullanıcılar oturum açma veya kayıt sayfalarına eriştiğinde hataları önlemek için aşağıdaki pasajı kullanın. Bu onları otomatik olarak Hesabım sayfasına yönlendirecektir.

/**
 * Giriş/Kaydı Hesabıma Yönlendir
 *
 * @author StoreApps
 */
add_action('template_redirect', 'storeapps_redirect_to_myaccount_after_logged_in');
function storeapps_redirect_to_myaccount_after_logged_in() {
	if ( is_page() && is_user_logged_in() && ( has_shortcode( get_the_content(), 'sa_woocommerce_login_form' ) || has_shortcode( get_the_content(), 'sa_woocommerce_registration_form' ) ) ) {
		wp_safe_redirect( wc_get_page_permalink('hesabım'));
		çıkış;
	}
}

Not: Bunun çalışmasını sağlamak için parçacıkları, Function.php dosyanızdaki özel PHP bölümüne ve özel CSS'yi ana temanızın style.css dosyasına eklemeniz gerekir.

WooCommerce girişini geliştirmek için en iyi eklentiler

WooCommerce giriş kısa kodlarına karışmadan giriş sayfanızı özelleştirmenize yardımcı olabilecek en iyi WooCommerce eklentilerinden bazıları şunlardır:

WordPress için Hızlı Giriş

Giriş sayfaları web siteniz için harikadır, peki onları daha da akıllı hale getirmeye ne dersiniz?

Geleneksel giriş sayfaları faydalı olsa da, müşteriler, alıcılar veya geçici ortak çalışanlar için daha hızlı erişim sağlamaya ne dersiniz? StoreApps tarafından WordPress için Hızlı Giriş'in devreye girdiği yer burasıdır.

WordPress için Ekspres Giriş, kullanıcılarınızın güvenli ve otomatik giriş bağlantılarıyla anında giriş yapmasına olanak tanır. Kullanıcı adı veya şifre gerekmez; yalnızca sorunsuz bir kullanıcı deneyimi!

• İstediğiniz yere yönlendirin: Kullanıcılarınızı doğrudan ödeme sayfasına, sepete veya herhangi bir gizli sayfaya zahmetsizce gönderin.
• Süresi dolan bağlantılar: Daha fazla güvenlik için son kullanma tarihlerine sahip oturum açma bağlantılarını ayarlayın.
• Toplu bağlantı dışa aktarımı: E-posta kampanyaları için oturum açma bağlantılarını kolayca oluşturun ve paylaşın.
• Kullanımı kolay eklenti: Bu eklentinin kullanımı kolaydır. İhtiyacınız olan tek şey onu yüklemek, etkinleştirmek ve hazırsınız!

WordPress için Hızlı Giriş ile kullanıcılarınızın kullanıcı adları ve şifreler için kafalarını kaşımasına izin vermeyin.

Giriş yapma mücadelesine elveda, rahatlık ve güvenliğe merhaba deyin.

WordPress için Ekspres Girişi şimdi deneyin

Nihai Üye

Ultimate Member, kullanıcı yönetimini basitleştiren güçlü bir eklentidir. Özel kayıt ve giriş formları, kullanıcı profilleri ve rol tabanlı erişim oluşturmanıza olanak tanır.

Ayrıca, çarpıcı formları zahmetsizce tasarlamanıza olanak tanıyan bir sürükle ve bırak oluşturucu da sunar.

• Özel formlar: Özelleştirilebilir oturum açma, kayıt ve kullanıcı profili formları oluşturun.
• Rol tabanlı erişim: Özel izinlerle farklı kullanıcı rolleri atayın.
• Sürükle ve bırak oluşturucu: Formları zahmetsizce tasarlayın.
• Koşullu mantık: Kullanıcı girişine göre form alanlarını gösterin.

Genel olarak, WooCommerce'te ilgi çekici topluluklar veya üyelik siteleri oluşturmak harika bir seçimdir.

Kullanıcı Kaydı

Kullanıcı Kaydı, özelleştirilebilir giriş ve kayıt formları oluşturmaya yönelik yeni başlayanlar için uygun bir eklentidir. Sorunsuz kullanıcı deneyimleri için önceden tasarlanmış şablonlar, koşullu mantık ve üçüncü taraf entegrasyonları sunar.

• Önceden tasarlanmış şablonlar: Hazır form tasarımlarıyla işleri hızla başlatın.
• Koşullu mantık: Kullanıcı girişlerine dayalı alanları gösterin.
• Üçüncü taraf entegrasyonları: E-posta pazarlama araçlarına ve CRM'lere sorunsuz bir şekilde bağlanın.
• Çok adımlı formlar: Daha iyi bir kullanıcı deneyimi için uzun formları birden çok adıma bölün.

Genel olarak bu eklenti , özelleştirilebilir ve ölçeklenebilir formlar isteyen WooCommerce mağaza sahipleri için idealdir.

KayıtBüyü

RegisterMagic, gelişmiş giriş ve kayıt formları oluşturmanıza yardımcı olabilecek başka bir eklentidir. Ayrıca ödeme entegrasyonunu, kullanıcı rolü atamasını ve ayrıntılı form analitiğini de destekler .

• Ödeme entegrasyonu: Ödemeleri doğrudan kayıt formları aracılığıyla kabul edin.
• Kullanıcı rolü ataması: Form gönderimlerine göre kullanıcılara otomatik olarak roller atayın.
• Ayrıntılı analiz: Performansı ayrıntılı veri analizleriyle takip edin.
• Kısa kodlar: Formları sitenizin herhangi bir yerine yerleştirin.

Genel olarak bu, form tasarımı ve işlevselliği üzerinde esneklik ve kontrol sağlarken kullanıcı kayıtlarını yönetmek için idealdir.

Çözüm

Giriş sayfanızı WooCommerce giriş kısa koduyla özelleştirmenin, gelişmiş kullanıcı deneyimi, marka kimliğinin iyileştirilmesi, gelişmiş güvenlik vb. dahil olmak üzere çok sayıda avantajı vardır.

Kişiselleştirilmiş bir giriş sayfası, müşterileriniz için kusursuz bir yolculuk yaratır ve tüm süreci kolaylaştırır.

Dolayısıyla, WooCommerce oturum açma kısa kodlarını veya eklentilerini kullanıyor olsanız da, daha iyi işlevsellik ve kullanıcı memnuniyetini artırmak için kesinlikle oturum açma sayfasını özelleştirmeye çalışmalısınız.

Ayrıca müşterileriniz için WooCommerce girişini kolaylaştırmak istiyorsanız bugün WordPress için Ekspres Girişi keşfetmeyi unutmayın.