Shopify 2.0 Hakkında Bilmeniz Gereken Her Şey (ve Yapmanız Gerekenler)

Yayınlanan: 2022-08-03

E-Ticaret mağazanızı oluşturmak için Shopify'ı kullanmayı düşünen bir işletme sahibi veya pazarlamacıysanız, bu makaleye çok dikkat etmek isteyeceksiniz.

Yenilikler, neden iyi olduğu ve güncellemeden yararlanmak için yapmanız gerekenler dahil olmak üzere size Shopify 2.0 hakkında bilgi vermek üzereyiz.

Bu nedenle, ister yeni başlıyor ve araştırma yapıyor olun, ister yükseltme yapmayı düşünen bir Shopify kullanıcısı olun, bilmeniz gereken her şey için okumaya devam edin.

Bu gönderide neler var:
  • Shopify Store'a kısa bir genel bakış
  • Shopify 2.0 nedir ve yeni özellikler nelerdir?
  • Yeni tema mimarisi nedir?
  • Geliştiricilerin bilmesi gerekenler nelerdir?
  • Shopify 2.0'da mağazanızı nasıl kurarsınız
  • Mağazanız Shopify 1.0'da oluşturulduysa ne yapmalısınız?
  • Shopify Store'unuzu 2.0'a yükseltmeniz mi gerekiyor?

1. Shopify Store'a Kısa Bir Bakış

Shopify olarak duyurulan Shopify 2'nin ekran görüntüsü.

Kaynak: Online Store 2.0 ile Tanışın: Geliştiriciler İçin Ne Anlama Geliyor?

Buradaysanız, ya zaten bir Shopify mağazanız var ya da bir tane edinmeyi düşünüyorsunuz. İkincisi ise, Shopify çevrimiçi mağazasının sizin için doğru platform olup olmadığını merak ediyor olabilirsiniz.

Bu durumda, "Shopify vs WooCommerce - Sizin İçin En İyisi Hangisi" başlıklı makalemizi okumak ilginizi çekebilir.

"2020'de Shopify'da 457 milyon alıcı vardı.

Shopify'da 2018'de 218 milyon olan alıcı sayısı 2020'de 457 milyona ulaştı (Kaynak: Shopify).

Exposure Ninja'da Shopify ile çalışmayı seviyoruz. Bol destekle kullanımı kolay bir çevrimiçi mağaza arayan bir e-ticaret işletmesiyseniz, bu sizin için doğru seçimdir.

Harika özellikleri, satışları izlemenize, gelir raporları oluşturmanıza ve satın alma siparişleri oluşturmanıza olanak tanır.

Orijinal Shopify mağazası, 70 tak ve çalıştır özel tema ile yüklendi ve herkesin çevrimiçi mağazasını 15 dakika gibi kısa bir sürede kurmasını kolaylaştırdı.

Temaları düzenlemek ve özel sayfalar oluşturmak her zaman kolay değildi, ancak Shopify çevrimiçi mağaza 2.0 bunu değiştirmeyi umuyor. Shopify satıcıları artık bir tema düzenleyici ve tema uygulama uzantıları dahil çok daha esnek bir çevrimiçi mağazayı dört gözle bekleyebilirler.

2. Shopify 2.0 Nedir ve Yeni Özellikler Nelerdir?

Shopify online store 2.0, Shopify'ın online mağaza platformuna yönelik büyük bir güncellemedir.

Haziran 2021'de piyasaya sürülen güncellenmiş çevrimiçi mağaza 2.0, Shopify için daha özelleştirilebilir ve birçok geliştiricinin memnuniyetle karşılayabileceği bir alana önemli bir geçiş gördü.

Bir gözü kullanıcı deneyimine odaklanan Shopify, kullanım kolaylığı sayesinde platformu kullanan birçok kullanıcısını da unutmadı. Bize temin ettikleri değişiklikler, “daha ​​kolay ve daha esnek”.

Peki önemli yeni özellikler neler?

  • "Bölümler" artık sadece ana sayfayla sınırlı değil, tüm sayfalarda mevcut
  • Tema uygulama uzantılarını tanıttılar
  • Uygulama blokları artık tema düzenleyici arayüzü üzerinden kullanılabilir
  • Tema uygulama uzantılarınıza varlık ekleyin
  • Meta alanlarda iyileştirmeler
  • Dosya seçici, görüntü dosyalarını destekler
  • Yeni bir dosyalar API'si
  • Tema düzenleyici geliştirmeleri
  • Sıvı giriş ayarı.

Güncelleme, önceki varsayılan tema olan Debut'tan %35 daha hızlı olan " Şafak " adlı yeni bir referans teması içeriyor. Shopify çevrimiçi mağaza 2.0, geliştiricilerin tema gönderimlerine de açıktır ve gelişmiş özelleştirme seçeneklerine ve desteğe sahiptir.

Yeni özellikler listesine bakıyor ve bunların ne anlama geldiğini merak ediyorsanız, bizimle kalın. Çevrimiçi mağaza 2.0 hakkında bilmeniz gereken her şeyde size rehberlik edeceğiz.

Bu e-Kitabı okumadan bir web tasarım ajansı kiralamayın

Bu e-Kitabı indirin
Web Tasarım Ajansı Seçmeden Önce Bilmeniz Gereken 21 Şeyin Ön Kapağı

3. Yeni Tema Mimarisi Nedir?

Tema mimarisi kulağa jargon gibi gelebilir, ancak basit bir ifadeyle editörün nasıl yapılandırıldığına atıfta bulunur.

Shopify online store 2.0'ın güncellenmiş bir tema düzenleyicisi vardır ve bu iki nedenden dolayı iyi bir haberdir:

  1. Geliştirici olmayanların tüm sayfaları özelleştirmesi daha kolay
  2. Geliştiricilerin özel temalar oluşturması ve entegrasyonlar oluşturması daha kolaydır.

Çevrimiçi mağaza 2.0'a yedi yeni özellik eklendi. Burada her birine biraz daha ayrıntılı olarak bakacağız.

Sayfa şablonlarının artık bölümleri var

Bölümler, web sitenizdeki bir sayfanın görsel bileşenleridir, örneğin bir başlık sayfası, metin içeren bir resim bloğu veya bir düğme.

Shopify'ın önceki sürümünde, yalnızca ana sayfa yeni bölümler eklemenize ve sayfanızda istediğiniz yere sürükleyip bırakmanıza izin veriyordu.

Bölümlerinizi diğer sayfalarda özelleştirmek mümkündü, ancak bir geliştiricinin yardımı olmadan.

Artık tüccarlar, ürün sayfaları da dahil olmak üzere sitelerindeki herhangi bir sayfayı özelleştirebilir, böylece çevrimiçi mağazalarının işletmeleri için tamamen kişiselleştirilmiş olması sağlanır.

Nasıl çalışırlar?

  • Her sayfa artık JSON şablon dosyaları kullanılarak oluşturulabilir
  • Farklı ürünlerle eşleşen birden fazla şablon dosyası oluşturabilirsiniz
  • Satıcılar aynı mağazada farklı ürün sayfalarına, koleksiyon sayfalarına ve diğer sayfalara sahip olabilir
  • Tüccarlar, tema yüklendiğinde bölümlerin varsayılan olarak görünmesi gereken bölümleri ve sırayı tanımlayabilir.
  • Dinamik bölümler artık ana sayfaya eklenebilir.

Uygulama blokları içeren tema uygulama uzantıları

Önceki Shopify çevrimiçi mağazasında, uygulamaların tema düzenleyiciyle entegre edilmesinin bir yolu yoktu. Bir satıcının, mevcut temalarla entegrasyonu kodlamak için bir geliştirici kullanması gerekirdi. Bu, tema kodunda kırılmalara neden olarak, entegrasyonların temalar arasında taşınmasını zorlaştırabilir.

Çevrimiçi mağaza 2.0 ile bir tema uygulaması uzantısı, geliştiricilerin özellikler ve uzantılar eklemesine olanak tanır. Bu sayede Shopify mağazalarınıza artık ek işlevler ekleyebilirsiniz.

Yerleşik Uygulama modülerliği

Uygulama blokları, geliştiricilerin entegrasyonu kodlamadan bir tema düzenleyiciye eklemek için bileşenler oluşturmasına olanak tanır.

Bir tüccar olarak bu sizin için ne anlama geliyor? Basitçe söylemek gerekirse, temanızı değiştirmek ancak yanınıza entegre bir uygulama almak istiyorsanız, bu çok daha kolaydır ve bir geliştiricinin tüm entegrasyonu yeniden oluşturmasına gerek kalmayacağı anlamına gelir. Ayrıca, bir kaldırma sırasında tüm hayalet kodlar kaldırıldığında bir uygulamayı kaldırmayı çok daha kolay hale getirir.

Meta alanlardaki değişiklikler

Shopify 2.0'ın meta alanları güncellemesinin ekran görüntüsü.

Meta alan, web sitenizdeki belirli bir varlık hakkında bilgi verisi ekleyebileceğiniz alandır. Bu bir resim, liste, çizelge veya indirilebilir olabilir.

Bu yeni tema düzenleyici, API'ler veya kod kullanmadan meta alanlar ve özellikler eklemenize olanak tanır. Shopify'ın yerel düzenleme araçlarındaki önceki işlevlerle bu mümkün değildir.

Meta alanlar, daha esnek ve sezgisel olacak şekilde sıfırdan yeniden işlendi. Artık online mağaza 2.0 gelişmiş tip sistemi ile dakikalar içinde ihtiyaçlarınıza uygun özel alanlar oluşturabilirsiniz. Standart meta alanlar tanıtıldı, böylece her tema farklı pazar sektörlerindeki mağazalarda kutunun dışında çalışacak - ekstra kodlama veya eklenti kurulumuna gerek yok.

Dosya seçici

Meta alan dosya seçici, ürün sayfalarına medya yüklemeyi ve seçmeyi kolaylaştırır. Ayarlar/Dosyalar bölümüne kaydedilen tüm resimleriniz bu yeni özellikle hemen kullanıma hazırdır.

Meta alanlar, resimler veya PDF dosyaları gibi birçok medya kaynağıyla çalışır.

Örneğin, her temanın sayfa oluşturucu içerik alanına belirli dosya türlerini kodlamak yerine, meta alanlar, seçilen öğeyi telefonunuzdan yüklemenize ve hemen ürün sayfalarında görünmesini sağlar - ayarlara geri dönmenize gerek yoktur.

Dosya API'sı

Dosya API'sine yönelik çevrimiçi mağaza 2.0 güncellemesi, satıcılara dosya yüklemek için yeni işlevler ve basitleştirilmiş bir arayüz sağlar.

Bu sürümle birlikte geliştiriciler, Shopify'ın Yönetici panelindeki kullanımı kolay bir GraphQL konsolu aracılığıyla Shopify mağazalarında medya oluşturabilir, seçebilir ve yükleyebilir.

Ek olarak, API artık belirli bir ürünle doğrudan ilgili olmayan dosyalar için alanı kullanmak için birden fazla uygulamadan erişime izin veriyor.

Sıvı Giriş Ayarları

Liquid giriş ayarları, satıcıların HTML'ye benzer yeni bir ayarla doğrudan düzenleyiciden sayfalara özel Liquid kodu eklemesine olanak tanır. Bu, genel değişkenlere ve şablona özgü nesnelere erişiminiz olacağı anlamına gelir ve tema kodunu manuel olarak değiştirme ihtiyacını azaltır.

Bu özel Liquid kodu, Shopify satıcılarının temanızın koduna müdahale etmeden veya uygulama geliştiricilerini çok fazla dahil etmeden yeni çevrimiçi mağaza 2.0 ile çalışmasını kolaylaştırır.

Google'da Zirveye Nasıl Çıkılır'ın ön kapağı

Google'da zirveye çıkın ücretsiz

En çok satan kitabımızın ücretsiz bir kopyasını indirin,
" Google'da Zirveye Nasıl Çıkılır? "
Ücretsiz Kopyamı İndir

4. Geliştiricilerin Neleri Bilmesi Gerekir?

Bir satıcıysanız ve yalnızca Shopify 2.0'a geçmenizin temel nedenlerini öğrenmek istiyorsanız, güncellenmiş tema düzenleyici yeterli olacaktır.

Ancak Shopify, yenilenen çevrimiçi mağazanın bir parçası olarak bazı yeni geliştirici araçlarını dahil etti. Bunları burada kısaca ele alacağız.

GitHub entegrasyonu

Shopify GitHub entegrasyonu, geliştiricilerin yalnızca birkaç tıklamayla GitHub kullanıcı hesaplarına kolayca bağlanmasına olanak tanır.

Temalar ve GitHub arasındaki entegrasyon, geliştiricilerin değişiklik yaparken daha verimli çalışmasına olanak tanır. Geliştiriciler artık canlı siteleri güncellemeleriyle doldurmadan önce onaya ihtiyaç duydukları yerde iş akışını uygulayabilir. Bu artık tek bir platformda çalışıyor ve canlı bir temayı doldururken zamandan tasarruf sağlıyor.

Shopify CLI aracı

Önceden geliştiriciler, Node.js, Ruby on Rails uygulamaları ve uygulama uzantıları oluşturmak için CLI kullanmış olabilir. Shopify online store 2.0, geliştirme temalarını güncellemek için CLI'yi kullanmalarına olanak tanır.

Geliştirme temaları, mağazanın Shopify Admin bölümünden gizlenerek geliştiricilerin bu temalar üzerinde çalışmasına olanak tanır. Bu geliştirme temaları, tema sınırınıza dahil edilmez, ancak Shopify, yedi gün sonra geliştirme temalarında hareketsizlik görürse bunları otomatik olarak siler.

Yeni CLI aracı size veya geliştiricinize tema geliştirme, temaları düzenleme ve yeni temanızın görünümü üzerinde kontrol sağlayacaktır. Yeni tema projenizde, gerçekleşen değişiklikleri canlı olarak görüntüleyebilir, düzenleyiciyi kullanarak bunlarla etkileşime geçebilir ve bunları özelleştirebilirsiniz.

Tema Kontrolü

Yeni geliştirici araçları arasında, verimli yeni tema geliştirme için kod içindeki sorunları belirlemek üzere bir metin düzenleyiciyle entegre olan bir dil sunucusu olan Theme Check bulunmaktadır.

Shopify CLI aracıyla birlikte gelir, bu nedenle geliştiricinin bunları birlikte yüklemesi gerekir. Başarısız kontrolün belgelerine bir bağlantı da dahil olmak üzere hata mesajları ile düşünceli bir şekilde tasarlanmıştır.

Şafak

Shopify 2.0'ın Dawn temasının ekran görüntüsü örneği.

Kaynak: Online Store 2.0 ile Tanışın: Geliştiriciler İçin Ne Anlama Geliyor?

Şafak, yeni Shopify çevrimiçi mağaza 2.0 ile standart olarak gelen yeni referans temasıdır. Önceki varsayılan tema Debut idi ve Dawn, öncekinden çok daha hızlı, daha esnek ve daha akıcı, bu da geliştirme sürecini çok daha sorunsuz hale getiriyor.

Dawn, tüm sayfaları için zaten JSON şablonlarına sahiptir, bu nedenle yeni bir tema içindeki bölümlerin kilidini açarken bir model olarak kullanılabilir.

Hızı, minimum Javascript ile oluşturulmuş olması sayesindedir, bu nedenle Shopify, geliştiricileri HTML ve CSS mizanpajları oluşturmak için yerel tarayıcı işlevinden yararlanmaya teşvik eder.

5. Shopify 2.0'da Mağazanızı Nasıl Kurabilirsiniz?

Shopify 2.0'da Shopify'ın ürün ekleme aracının ekran görüntüsü örneği.

Shopify 2.0'da mağaza kurmak, Shopify'ın önceki sürümüyle aynıdır. Yapması hızlı ve kolaydır, ancak başlamadan önce aşağıdakileri düşünmeliydiniz:

  • İşletmenizin adı nedir? Size hemen mağazanızın adı sorulacak ve bunu değiştirmek imkansız, bu yüzden dikkatli bir şekilde seçtiğinizden emin olun. Ancak, bunu daha sonra seçilen bir alan adıyla değiştirebileceksiniz.
  • Marka renkleri, yazı tipleri ve bir logo. Shopify tema mağazasından bir tema seçeceksiniz, ancak muhtemelen belirli tema bileşenlerini markanızla değiştirmek isteyeceksiniz.
  • UPC'ler, varyantlar, nakliye detayları ve tabii ki fiyatlandırma dahil olmak üzere satmak istediğiniz ürünlerin resimleri ve açıklamaları.
  • Kullanıcıların nasıl ödeme yapmasını istediğiniz.
    • Shopify, Paypal, Visa, Mastercard, AMEX, Apple Pay, Amazon Pay ve Google Pay dahil olmak üzere çoğu seçeneğe izin verir.
  • Site yapısı; hangi sayfaları dahil etmek istediğinizi ve üzerlerinde olmasını istediğiniz kopyayı. Navigasyonunuzu ve yeni sayfalarınızı kurmaya geldiğinizde bunu bilmeniz gerekecek.
  • Sayfalarınıza eklemek istediğiniz meta veriler ve SEO öğeleri gibi ek öğeler.

Shopify mağazanızı SEO'yu göz önünde bulundurarak kurma konusunda eksiksiz bir kılavuz için podcast'imizi, Yeni Başlayanlar için Shopify SEO'yu dinleyin veya aşağıdaki videoyu izleyin.

Mağazanız Shopify 1.0'da Oluşturulduysa Ne Yapmalısınız?

Halihazırda bir Shopify çevrimiçi mağazanız varsa ve Shopify 2.0'a yükseltmek istiyorsanız, kullanabileceğiniz üç yol vardır:

Shopify tema mağazasını ziyaret edin ve yeni Shopify temalarından birini indirin.

Mevcut temanızın çevrimiçi mağaza 2.0 kullanarak güncellenmiş bir sürüm sunup sunmadığını kontrol edin.

Mevcut tema şablonlarınızı yeni mimariye taşıyın.

1. Yeni bir tema indirin

  1. Shopify tema mağazasını ziyaret edin.
  2. “Tema Mimarisi”ne göre filtreleyin.
  3. “Çevrimiçi Mağaza 2.0”ı seçin.
  4. Tercih ettiğiniz temayı seçin ve "Temayı Dene"ye basın.
  5. Yalnızca temayı Shopify sitenizde yayınlarsanız ödeme yapmanız gerekir.

2. Mevcut temanızı güncelleyin

  1. Shopify'ın Dawn temasına güncelleme seçeneğinin ekran görüntüsü. Shopify tema mağazasını ziyaret edin ve yukarıdaki gibi "Online Store 2.0"a göre filtreleyin. Temanız bir yükseltme için uygunsa, orada görmelisiniz.
  2. Alternatif olarak, Shopify Yöneticinizde (temanızın belirtildiği yerin altında) bir bildiriminiz olmalıdır.
  3. Bildirimi ve "Tema Kitaplığına Ekle" yi tıklayın.
  4. Tema Düzenleyici kullanılarak temanızda yapılan tüm özelleştirmeler kopyalanır ve güncellenen temaya uygulanır. Bunlar şunları içerir:
  5. Değiştirilmiş tema ayarları
  6. Bölümleri veya blokları ekleme, yeniden sıralama, kaldırma veya gizleme gibi değiştirilmiş sayfa düzenleri
  7. Yeni şablonlar
  8. Uygulama yerleştirmelerinin veya uygulama uzantılarının ayarları eklendi, kaldırıldı veya değiştirildi.

3. Tema şablonunuzu taşıyın

Bu uzun bir süreç ve geliştirici değilseniz tavsiye etmeyeceğimiz bir süreç.

  1. Shopify CLI aracını veya kod düzenleyiciyi kullanın. CLI yüklemeniz gerekebilir.
  2. Üzerinde çalışmak istediğiniz hesap için ortak çalışan veya "personel" olarak oturum açtığınızdan emin olun.
  3. Temanızın bir kopyasını oluşturun.
  4. Mevcut tema kodunuzu Liquid giriş ayarından JSON şablonuna dönüştürün.
  5. Herhangi bir Liquid kodunu veya HTML'yi yeni JSON şablonunuzda kullanılacak bölümlere taşıyın.
  6. Tüm süreci Shopify.dev'de buradan okuyabilirsiniz.

Shopify Mağazanızı 2.0'a Yükseltmeniz Gerekiyor mu?

Bunun kısa cevabı hayır .

Shopify, orijinal sürümle uyumlu birçok tema sunmaya devam ediyor.

Ancak, ek özelleştirme, yeni sayfa şablonları ve özel sayfalar arayan bir mağaza sahibiyseniz 2.0'a geçmek sizin için iyi bir seçenek olabilir.

Shopify'ın en son tavsiyesi, uygulamaları kullanmayı planlıyorsanız, çevrimiçi mağazanızla entegre olmak için uygulama uzantılarını kullanmayı denemeniz gerektiğidir. Bu, entegrasyon için tema uzantılarını kullanmaları gerektiğinden yeni bir uygulama gönderiyorsanız geçerlidir. Shopify, bunu gelecekte tüm uygulamalar için bir gereklilik haline getirmeyi planlıyor.

Shopify işletme sahibi? Kazanan Shopify Pazarlama Stratejisi Nasıl Oluşturulur konulu blogumuzu okumaktan keyif alabilirsiniz.

Sırada Ne Okumalı?

  • Kullanılacak En İyi e-Ticaret Platformları
  • Shopify vs WooCommerce - Sizin İçin En İyisi Hangisi?
  • Kazanan Shopify Pazarlama Stratejisi Nasıl Oluşturulur
  • Shopify e-Ticaret Mağazaları için PPC Kılavuzu
  • Web Tasarım Ajansı Seçmeden Önce Bilmeniz Gereken 11 Şey
  • E-Ticaret Mağazanızın Satışlarını Artırmanın 6 Yolu