ProductX Sayfa Oluşturucu Entegrasyonu: Elementor, Divi, Oxygen ve Beaver

Yayınlanan: 2023-07-09

ProductX, şaşırtıcı Ürün Blokları ile çarpıcı ve ayırt edici ürün ızgaraları, ürün listeleri, kategori listeleri, ürün kaydırıcıları ve çok daha fazlasını oluşturmanıza olanak tanıyan kapsamlı bir WooCommerce eklentisidir. Bu hepsi bir arada çözüm, WooCommerce tabanlı mağazalar için idealdir ve WooCommerce ürün sayfalarınız için görsel olarak çekici düzenler tasarlamanıza olanak tanır.

WooCommerce kullanıcıları, ProductX'in (Gutenberg WooCommerce Blocks) özelleştirilebilir Ürün Bloklarına çekilir. Birçok kullanıcı, Ürün bloklarını Elementor, Divi, Oxygen ve Beaver gibi diğer platformlarda da kullanmak ister. Ancak, bazen tasarım sorunlarına neden olabilen veya belirli öğelerin işlevselliğini etkileyebilen kodlara ve kısa kodlara duyulan ihtiyaç nedeniyle bu zor olabilir.

İşte bu yüzden ProductX Sayfa Oluşturucu Entegrasyonunu sunuyoruz. Elementor, Divi, Oxygen ve Beaver Builder'da Ürün Bloklarını kullanmak artık çok daha kolay!

Bizimle kalın, size bu harika entegrasyonun nasıl çalıştığını anlatalım.

içindekiler gizlenir
1 Neden Ürün Bloklarını Diğer Yapıcılarda Kullanmalısınız?
2 ProductX Sayfa Oluşturucu Entegrasyonu Kullanılarak Ürün Blokları Nasıl Kullanılır?
2.1 Adım 1: ProductX'i Kurun ve Etkinleştirin
2.2 Adım 2: Kayıtlı Şablonları ve Entegrasyon Eklentilerini Etkinleştirin
2.3 3. Adım: Kaydedilmiş Bir Şablon Oluşturun
2.4 Adım 4: Elementor'da ProductX Şablonunu Kullanın
2.5 Adım 5: Özelleştirme (İsteğe Bağlı)
3 SSS
3.1 Divi'de Ürün Blokları Nasıl Kullanılır?
3.2 Hangi Sayfa Oluşturucular ProductX ile Uyumludur?
3.3 WooCommerce Mağazaları Oluşturmak için Sayfa Oluşturuculara ihtiyacım var mı?
Seveceğiniz 4 Kaynak
5 Sonuç

Neden Diğer Üreticilerde Ürün Blokları Kullanmalısınız?

Elementor, Divi, Oxygen veya Beaver kullanıyorsanız, her platformun nasıl çalıştığını, artılarını ve eksilerini zaten biliyorsunuz, bu yüzden bunları keşfederek zaman kaybetmeyelim.

Belirtildiği gibi, Ürün Blokları, inanılmaz özelleştirilebilirliğe sahip Gutenberg WooCommerce bloklarıdır. Ürün bloklarının çeşitli avantajları vardır: yeniden kullanılabilirler, mobil uyumludurlar ve çeşitli unsurlarla temiz bir arayüz sağlarlar. Bu özellikler, iyi organize edilmiş içerik yapıları oluşturmayı kolaylaştırır.

Ve ProductX, bu yetenekleri sonuna kadar geliştirir. Örneğin, Gutenberg'de varsayılan olarak karmaşık düzenler oluşturamazsınız. Ancak ProductX ile mağazanız için tam istediğiniz gibi karmaşık yerleşim düzenlerini kolayca oluşturabilirsiniz.

İşte bu nedenle, nihai WooCommerce mağazası oluşturma için sayfa oluşturucularda Ürün bloklarını kullanmalısınız.

Kısacası, ProductX'in diğer sayfa oluşturucularla entegrasyonu, sınırsız tasarım olanakları yaratır, kişiselleştirmeyi geliştirir ve mağazanıza nihai görünümü vermek için düzenlemeyi basitleştirir.

ProductX Sayfa Oluşturucu Entegrasyonu Kullanılarak Ürün Blokları Nasıl Kullanılır?

ProductX şu anda aşağıdaki sayfa oluşturucularla Entegrasyona sahiptir:

  • elementor
  • Divi
  • Oksijen Oluşturucu
  • Kunduz Oluşturucu

ProductX'in her bir oluşturucu için, ürün bloklarını etkinleştirip belirli sayfa oluşturucularda kullanabileceğiniz ayrı eklentileri vardır. Bunun için ProductX Kayıtlı Şablon özelliğini kullanmalısınız.

Sayfa Oluşturucularda Ürün Bloklarını nasıl kullanabileceğinizi gösterelim. Adımlar, her sayfa oluşturucu için çok benzerdir. Bu makale için size Elementor'da ürün bloklarını kullanmayı göstereceğiz.

Daha fazla uzatmadan konuya geçelim.

1. Adım: ProductX'i Kurun ve Etkinleştirin

Başlamak için önce ProductX Eklentisini kurmalı ve etkinleştirmelisiniz.

Install ProductX
ProductX'i kurun

Etkinleştirildikten sonra, kaydedilmiş şablonlar oluşturmak için Kayıtlı şablon eklentisini ve sonraki Oluşturucularda ürün bloklarını kullanmak için diğer sayfa oluşturucu eklentilerini etkinleştirebilirsiniz.

ProductX'i Şimdi Alın!

2. Adım: Kayıtlı Şablonları ve Entegrasyon Eklentilerini Etkinleştirin

ProductX'i etkinleştirdikten sonra, ek özelliklerin kilidini açarak tüm eklentilerine erişebilirsiniz.

Ürün bloklarını Elementor, DIVI, Oxygen veya Beaver'da kullanmak için "Kaydedilmiş Şablon" eklentisini ve ürün blokları için kullanmak istediğiniz sayfa oluşturucuyu etkinleştirmelisiniz. Örneğin, Elementor'da ürün bloklarını kullanmak istiyorsanız, ProductX Elementor eklentisini etkinleştirmelisiniz. Aynı şey Divi, Oxygen ve Beaver için de geçerli.

ProductX Integration Addons
ProductX Entegrasyon Eklentileri

Tüm eklentileri ProductX Eklentileri sayfasında bulabilirsiniz. Bitişik eklentileri etkinleştirmek için Kayıtlı Şablon ve diğer Sayfa Oluşturucu Entegrasyonu yanındaki geçiş çubuğunu tıklayın.

3. Adım: Kaydedilmiş Bir Şablon Oluşturun

Ürün bloklarını sayfa oluşturucularda kullanmadan önce ProductX ile bir Şablon oluşturmanız gerekir.

ProductX'in Kayıtlı Şablon Bölümüne gidin. Ve “Yeni Şablon Ekle” düğmesini göreceksiniz. Kolayca şablon oluşturabileceğiniz Gutenberg editörünü görmek için “Yeni Şablon Ekle” butonuna tıklayın.

Creating New Saved Template with ProductX
ProductX ile Yeni Kayıtlı Şablon Oluşturma

ProductX'in varsayılan ürün bloklarını kullanabilir veya Premade şablonlarını/başlangıç ​​paketlerini ProductX'in blok kitaplığından içe aktarabilirsiniz. İşleri sizin için kolaylaştırmak için blok kitaplığını kullanacağız. Sayfanın üst kısmındaki “Kütüphaneyi Engelle” düğmesine tıklayın.

Selecting ProductX Block Library
ProductX Blok Kitaplığının Seçilmesi

ProductX tarafından yapılan tüm hazır başlangıç ​​paketlerini burada göreceksiniz. Beğendiğinizi seçin ve "İçe Aktar"ı tıklayın.

Importing Template from ProductX Block Library
ProductX Blok Kitaplığından Şablonu İçe Aktarma

Şablona bir "Ad" vermeyi unutmayın, çünkü bu ad sayfa oluşturucu içinde görüntülenecektir.

Naming Saved Template for ProductX Integration
ProductX Entegrasyonu için Kayıtlı Şablonu Adlandırma

Şablonunuzu oluşturmayı tamamladığınızda, "Yayınla"yı tıklayın. Ve herhangi bir sayfa oluşturucuda ürün bloklarını kullanmaya hazırsınız.

Publishing Saved Template
Kayıtlı Şablon Yayınlanıyor

Adım 4: Elementor'da ProductX Şablonunu Kullanın

Şimdi size ProductX kayıtlı Şablonunu Elementor'da nasıl kullanacağınızı göstereceğiz.

WordPress Dashboard'dan Sayfalar'a gidin ve "Yeni Sayfa Ekle"yi tıklayın.

Creating New Page
Yeni Sayfa Oluşturma

Sayfa düzenleyiciye girdikten sonra, üst kısımda Elementor'dan bir düğme göreceksiniz: "Elementor ile Düzenle". Üzerine tıklayın, sizi Elementor'a yönlendirecektir.

Edit With Elementor for ProductX Integration
ProductX Entegrasyonu için Elementor ile Düzenleme

Elementor'a girdikten sonra, Genel bölümünden "ProductX Şablonu"nu ekleyebilir veya kolayca bulmak için arama çubuğunu kullanabilirsiniz. "ProductX Şablonu" öğesini sayfanıza sürükleyip bırakın.

Drag ProductX Template
ProductX Şablonunu Sürükleyin

Bundan sonra, Şablonu seçme seçeneğiniz olacaktır. Elementors Kayıtlı Şablon açılır menüsünden daha önce oluşturduğunuz Şablonu seçin.

Selecting Saved Template for ProductX
ProductX için Kayıtlı Şablonu Seçme

Artık tek yapmanız gereken sayfayı yayınlamak veya güncellemek.

Publishing Page With Elementor
Elementor ile Sayfa Yayınlama

ProductX'in yardımıyla Elementor, Divi, Oxygen ve Beaver gibi sayfa oluşturucularda Ürün Bloklarını kolayca kullanabilirsiniz.

5. Adım: Özelleştirme (İsteğe Bağlı)

Ürün Bloklarını sayfa oluşturucularda kullandıktan sonra, bunları ProductX ile değişiklikler veya güncellemeler için kolayca özelleştirebilirsiniz.

Editing ProductX Saved Template
ProductX Kayıtlı Şablonunu Düzenleme

ProductX Kayıtlı Şablonlarına gidin ve özelleştirmeye ihtiyacınız olan kaydedilmiş Şablonda “Düzenle”ye tıklayın; Şablonunuzu düzenlemenize izin verecektir. Gerekli değişiklikleri yapın ve "Güncelle"yi tıklayın. Bu Şablonu kullandıysanız, burada yaptığınız değişiklikler otomatik olarak sayfa oluşturucularla senkronize edilecektir.

SSS

Divi'de Ürün Blokları Nasıl Kullanılır?

Divi'de herhangi bir ürün bloğunu şu şekilde kullanabilirsiniz:

  • ProductX'i yükleyin ve etkinleştirin.
  • Kayıtlı Şablonu ve DIVI Entegrasyon Eklentisini etkinleştirin.
  • ProductX ile Kayıtlı bir Şablon oluşturun.
  • DIVI Builder'da oluşturulan Kayıtlı Şablonu kullanın.
  • Sayfayı yayınlayın.

Divi'de ürün bloklarını sorunsuz bir şekilde kullanabilirsiniz.

Hangi Sayfa Oluşturucular ProductX ile Uyumludur?

Şu anda ProductX, Elementor, Divi, Oxygen ve Beaver Builder ile Entegrasyona sahiptir. Ve bu sayfa oluşturuculardaki ürün bloklarını sorunsuz bir şekilde kullanabilirsiniz.

WooCommerce Mağazaları Oluşturmak için Sayfa Oluşturuculara ihtiyacım var mı?

Cevap evet ve hayır. Basit ve çoğunlukla özelleştirilemeyen WooCommerce mağazaları oluşturmak için Gutenberg editörünü kullanabilirsiniz. Ancak şaşırtıcı ve tamamen özelleştirilebilir ürün sayfaları oluşturmak için yeni oluşturucuyu kullanmadan ProductX'i kullanabilirsiniz.

Seveceğiniz Kaynaklar

  • Divi Builder'da Gutenberg Bloklarını Kullanmanın En Kolay Yolları
  • Oxygen Builder'da Gutenberg Blokları Nasıl Kullanılır?
  • PostX Beaver Builder Entegrasyonu: Beaver Builder'da Gutenberg Bloklarını Kullanın
  • PostX Entegrasyonu ile WPBakery Sayfa Oluşturucuda Gutenberg Blokları Nasıl Kullanılır
  • WooCommerce Ürün Arama Nasıl Eklenir: Alışveriş Deneyimini Geliştirmek İçin Bir Kılavuz

Çözüm

Özetle, ProductX sayfa oluşturucu entegrasyonunun yardımıyla, ürün bloklarını sayfa oluşturucularda kullanmak, WooCommerce mağaza sahiplerine sonsuz tasarım seçenekleri, özelleştirilebilir özellikler ve geliştirilmiş performans sağlar.

ProductX'in sayfa oluşturuculardaki ürün bloklarının gücünü şimdi keşfedin ve mağaza oluşturma deneyiminizi geliştirin.

YouTube Kanalımızda WordPress video eğitimlerine göz atabilirsiniz. Ayrıca, düzenli güncellemeler için bizi Facebook ve Twitter'da bulun!

Bu makaleyi beğendiniz mi? kelimeyi yay
  • How to Display and Customize WooCommerce On Sale Products

    İndirimli Ürünlerde WooCommerce Nasıl Görüntülenir ve Özelleştirilir

  • Use Gutenberg Blocks in Divi Builder

    Divi Builder'da Gutenberg Bloklarını Kullanmanın En Kolay Yolları

  • Best WooCommerce Shipping Plugins

    En İyi WooCommerce Nakliye Eklentileri

  • PostX Celebration - Up to 35% OFF

    PostX, 20K+ Aktif Kurulumu Kutluyor! [Bizimle Kutlayın!]