Magento PWA İçin Clerk.io Nasıl Uygulanır: Adım Adım Kılavuz

Yayınlanan: 2023-05-25

Clerk.io'yu Magento Progressive Web Uygulamanız (PWA) ile entegre etmek, size özel öneriler sunma ve satışları etkili bir şekilde izleme gücü verir. Bu blog gönderisi, Magento PWA için Clerk.io'yu sorunsuz bir şekilde uygulama adımlarında size rehberlik ederek müşteri katılımını geliştirmenize ve dönüşümleri artırmanıza olanak tanır.

Neden Magento PWA ile Clerk.io Entegrasyonu?

Clerk.io'yu Magento PWA ile entegre etmek, çevrimiçi mağazanıza birkaç önemli avantaj sağlar:

  1. Kişiselleştirilmiş Öneriler: Clerk.io, alışveriş sepeti sayfanıza, kategori sayfanıza ve ürün sayfanıza sorunsuz bir şekilde entegre edilebilecek güçlü öneri pencere öğeleri sağlar. Bu widget'lar, çapraz satış ve ek satış fırsatlarını geliştirerek müşterilerinize kişiselleştirilmiş ürün önerileri göstermenizi sağlar.
  2. Gelişmiş Satış İzleme: Clerk.io, güçlü satış izleme yetenekleri sunarak, müşteri davranışına ilişkin değerli içgörüler toplamanıza ve pazarlama kampanyalarınızın etkinliğini ölçmenize olanak tanır. Satış verilerini takip ederek stratejilerinizi optimize edebilir ve gelir artışı sağlayabilirsiniz.

Entegrasyon İçin Temel Özellikler

Uygulama sürecine dalmadan önce, Clerk.io'nun Magento PWA ile sorunsuz entegrasyon için sunduğu temel özellikleri inceleyelim:

katip.io
  1. Öneriler Widget'ı: Öneriler widget'ı, kişiselleştirilmiş ürün önerilerini dinamik olarak görüntülemenizi sağlar. Müşteri katılımını ve dönüşümlerini artırmak için alışveriş sepetine, kategoriye ve ürün sayfalarına uygulayın.
  2. Mağaza Veri Senkronizasyonu: Clerk.io, Magento PWA'nızın sorunsuz bir şekilde bağlanmasını sağlamak için bir senkronizasyon süreci sağlar ve platformun ilgili verileri etkili bir şekilde almasını ve kullanmasını sağlar.

Magento PWA İçin Clerk.io'yu Uygulamak İçin 7 Adım

1. Bir Katip Hesabı Oluşturun ve Giriş Yapın

Bir Clerk.io hesabı oluşturarak ve Clerk.io kontrol panelinde oturum açarak başlayın.

2. Mağaza Ekle

clerk.io'yu magento pwa ile entegre edin

my.clerk.io'da oturum açtıktan sonra ilk adım mağazanızı eklemektir:

  • Web mağazanızın Adını ve Alan Adını girin
  • Platform olarak Magento 2'yi seçin
  • Para Biriminizi seçin
  • Devam etmek için Yeni Mağaza Ekle'ye tıklayın

3. Uzantıyı Kurun ve Yapılandırın

Clerk.io'yu Magento PWA'nız ile entegre etmek için, Clerk.io uzantısını kurmanız ve yapılandırmanız gerekir. Bu adımları takip et:

  • Terminalinizde aşağıdaki komutları çalıştırın: 
 besteci katip/magento2 gerektirir
php bin/magento modülü: Clerk_Clerk'i etkinleştir
php bin/magento kurulumu:yükseltme
php bin/magento kurulumu:di:derleme
  • Uzantı yüklendikten sonra, Mağaza → Yapılandırma → Katip'e gidip Clerk.io API anahtarınızı girerek yapılandırın.
clerk.io magento 2 pwa

4. Mağazanızı senkronize edin

Uzantıyı yapılandırdıktan sonra, Magento mağazanızı Clerk.io ile senkronize etmeniz önemlidir:

clerk.io pwa entegrasyon kılavuzu
  • Clerk.io panosundaki Kurulum Kılavuzuna geri dönün ve Verilerinizi Eşitleyin 'i tıklayın.
  • Mağaza ayrıntılarınızı girin ve senkronizasyon işlemini başlatmak için Senkronizasyonu Başlat'a tıklayın. Bu adım, mağazanızın verilerinin Clerk.io ile bağlantılı olmasını sağlar.
magento pwa github için katip io'yu uygulayın

5. Öneriler Widget'ını Kurun ve Yapılandırın

Aşağıdakiler için Magento 2 ile İlgili Önerilere Başlarken bölümüne bakın:

  • öneri kaydırıcıları oluştur
  • widget içeriğini tanımla
  • Magento arka ucu aracılığıyla içerik gösterimini yapılandırın
Magento 2 ile ilgili öneriler
Clerk.io Önerileri

6. Öneriler Widget'ını Programlı Olarak Görüntüleyin

Sepet, kategori ve ürün sayfalarında öneriler widget'ını programlı olarak göstermek için aşağıdaki adımları gerçekleştirmeniz gerekir:

Widget içeriği yapılandırmasını Magento arka ucundan almak için bir modül oluşturun.

  • di.xml dosyasında yapılandırma değişkenlerini tanımlayın.
  • API alımı için gerekli alanlarla schema.graphqls dosyasını oluşturun.

Mağaza yapılandırma verilerini sorgulamak ve pencere öğesi içeriğini getirmek için PWA için bir eklenti geliştirin.

  • Mağaza yapılandırma verilerini almak için GraphQl sorgusu.
  • Widget içerik verilerini almak için Clerk API uç noktasını https://api.clerk.io/v2?payload= sorgulamak için bazı özel kancalar.
  • PWA çekirdek bileşeninden, özel kancaları çağıran ve yapılandırmaya göre içerik verileri ekleyen programlı olarak hedeflenebilir önleyicilerle genişletilmiş bileşenler.
  • Geçerli temayla eşleşecek bazı stil sayfaları.

İlgili kod: 

 <!-- di.xml dosyasında yapılandırma değişkenini tanımlayın. -->
<type name="Magento\StoreGraphQl\Model\Resolver\Store\StoreConfigDataProvider">
        <argümanlar>
            <argument name="extendedConfigData" xsi:type="array">
                <item name="clerk_general_public_key" xsi:type="string">clerk/general/public_key</item>
                <item name="clerk_category_enabled" xsi:type="string">clerk/category/enabled</item>
                <item name="clerk_category_content" xsi:type="string">clerk/category/content</item>
                <item name="clerk_product_enabled" xsi:type="string">clerk/product/enabled</item>
                <item name="clerk_product_content" xsi:type="string">clerk/product/content</item>
                <item name="clerk_cart_enabled" xsi:type="string">clerk/cart/enabled</item>
                <item name="clerk_cart_content" xsi:type="string">clerk/cart/content</item>
            </argüman>
        </argümanlar>
    </tip> 
 //schema.grapqls dosyasını oluştur
StoreConfig yazın {
    clerk_general_public_key: String @doc(açıklama: "clerk public key")
    clerk_category_enabled: Boolean @doc(açıklama: "katip kategori içerik durumu")
    clerk_category_content: String @doc(açıklama: "katip kategorisi içerik sınıfı")
    clerk_product_enabled: Boolean @doc(açıklama: "katip ürün içerik durumu")
    clerk_product_content: String @doc(açıklama: "clerk ürün içerik sınıfı")
    clerk_cart_enabled: Boolean @doc(açıklama: "katip sepeti içerik durumu")
    clerk_cart_content: String @doc(açıklama: "katip sepeti içerik durumu")
} 
 //Mağaza yapılandırma verilerini almak için GraphQl sorgusu.
dışa aktarma sabiti GET_STORE_CONFIG_DATA = gql`
    sorgu getStoreConfigClerk {
        # eslint-disable-next-line @graphql-eslint/require-id-When-available
        mağaza Yapılandırması {
            mağaza_kodu
            clerk_general_public_key
            clerk_category_enabled
            clerk_category_content
            clerk_product_enabled
            clerk_product_content
            clerk_cart_enabled
            clerk_cart_content
        }
    }
`;

7. Satış Takibini Programlı Olarak Etkinleştirin

Aşağıdaki adımları izleyerek Magento PWA'nızda Clerk.io ile satış takibini uygulamak için:

  • Çekirdek Venia tema dosyalarını genişletmek için bileşenler ve pençeler oluşturun ve bir sipariş verildikten sonra katip için Clerk.io'nun https://api.clerk.io/v2/log/sale uç noktasına satışları izlemek için API çağrılarını yönetin.
  • Satış takibini dahil etmek için SagePay ve Stripe gibi ödeme yöntemlerinizle ilgili tema dosyalarını genişletin.
  • Gerekli işlevselliği entegre etmek için @magento/peregrine/lib/store/actions/checkout/asyncActions.js genişletin.
katip magento 2

Bu adımları izleyerek, Clerk.io'yu Magento PWA'nız ile başarılı bir şekilde entegre edebilir ve müşterilerinizin alışveriş deneyimini geliştirmek için güçlü özelliklerinden yararlanabilirsiniz.

Bir Vitrin Örneği

Clerk.io entegrasyonunun çalışırken görsel bir temsili için demo sitemizi ziyaret edin.

  • Kategori Sayfası
magento 2 pwa'da clerk.io örnekleri
  • Ürün Sayfası
magento pwa ürün sayfasında clerk.io
  • Alışveriş Sepeti Sayfası
alışveriş sepeti sayfası
  • satış takibi
satış takibi

Son sözler

Clerk.io'yu Magento PWA ile entegre etmek, çevrimiçi mağazanız için güçlü avantajlar sunar. Sağlanan adımları izleyerek Clerk.io'yu sorunsuz bir şekilde uygulayabilir ve kişiselleştirilmiş önerilerin ve etkili satış takibinin keyfini çıkarabilirsiniz.

Entegrasyon sürecinde herhangi bir zorlukla karşılaşırsanız veya bunu sizin için uzmanların halletmesini tercih ederseniz, Tigren ekibi yardıma hazırdır. Magento PWA geliştirmede 5 yılı aşkın deneyimimizle, size yardımcı olacak engin bilgi ve uzmanlığa sahibiz. İster sıfırdan güçlü bir Magento PWA oluşturmanız, ister bir Magento PWA teması kullanmanız veya üçüncü taraf yazılımlarla entegre etmeniz gereksin, ekibimiz özel gereksinimlerinizi karşılamak için özel çözümler sunmaya hazırdır.

Magento PWA'nızın potansiyelini en üst düzeye çıkarma ve Clerk.io ile sorunsuz bir entegrasyon sağlama konusunda uzman yardımı almak için Tigren ekibine ulaşmaktan çekinmeyin.

İlgili Mesajlar:

Bir Kampanyayı Magento PWA İçerik Aşamasında Önizleyemiyor musunuz? İşte Nasıl Düzeltilir?