Ana içeriğe geç

Vertex'i Shopify Mağazanıza Kurmak

Bu kılavuz, premium Vertex B2B Shopify temasını kurmanız için adım adım yol gösterir — satın alma, B2B etkinleştirme, metafield kurulumu ve ilk yayınınız boyunca.

Tahmini süre
  • Temel B2C kurulumu (yalnızca tema, B2B yok): 5 dakika
  • Tam B2B kurulumu (tema + yerel B2B + metafield'lar + ilk şirket): 45–60 dakika

Başlamadan önce

Shopify plan gereksinimleri

Gerekli olanNedeni
Herhangi bir Shopify planıVertex her planda kurulur — Basic / Shopify / Advanced / Plus
Shopify Plus VEYA Advanced + B2B eklentisiYalnızca Shopify'ın yerel B2B özelliklerini kullanmak istiyorsanız gereklidir. Onlar olmadan Vertex, zarif bir B2C endüstriyel tedarik teması olarak çalışır.
Yeni müşteri hesapları etkinHerhangi bir hesap özelliği için gereklidir — Settings ▸ Customer accounts ▸ Show login link in checkout

Adım 1 — Vertex'i Shopify Theme Store'dan kurun

  1. Shopify yöneticinizde Online Store ▸ Themes bölümüne gidin
  2. Add theme ▸ Visit Theme Store seçeneğine tıklayın
  3. "Vertex" araması yapın veya B2B & Wholesale kategorisine göz atın
  4. Vertex'i mağazanıza yayınlanmamış bir tema olarak kurmak için Try theme seçeneğine tıklayın
  5. Tema düzenleyiciyi açmak için Customize seçeneğine tıklayın
Bu noktada mağazanız değişmez

Tema kurulu ancak yayınlanmamıştır. Vertex'i yayınlanan mağazanızı etkilemeden önizleyebilir ve özelleştirebilirsiniz. Yayınlamayı (Adım 6) yalnızca hazır olduğunuzda yapın.


Adım 2 — Shopify'ın yerel B2B'sini etkinleştirin (isteğe bağlı ama önerilir)

Yalnızca B2C istiyorsanız bu adımı atlayın — oturum açmış bir B2B müşterisi yokken Vertex'in B2B arayüz öğeleri otomatik gizlenir.

  1. Settings ▸ Customer accounts bölümüne gidin
  2. New customer accounts seçeneğini etkinleştirin
  3. B2B bölümüne kaydırın ve Manage seçeneğine tıklayın
  4. Enable B2B seçeneğine tıklayın
  5. Artık Shopify yönetici kenar çubuğunuzda yeni bir B2B bölümü göreceksiniz

→ İlk şirketinizi oluşturma, katalog atama, NET koşullarını ayarlama vb. için tam B2B kurulum kılavuzuna bakın.


Adım 3 — Vertex metafield ad alanını kurun

Vertex, PDP geliştirmelerini (satış temsilcisi bilgileri, sevkiyat noktası, MPN araması, veri sayfaları, teknik özellikler, fiyat geçmişi) çalıştırmak için birkaç tüccar yönetimli metafield okur.

Bunu iki şekilde yapabilirsiniz:

Seçenek A — Shopify yöneticisi aracılığıyla manuel kurulum (~15 dk)

  1. Settings ▸ Custom data bölümüne gidin
  2. Companies seçeneğine tıklayın (veya hangi metafield'ı eklediğinize bağlı olarak Products)
  3. Add definition seçeneğine tıklayın ve Metafield kurulum kılavuzundaki tablodan her metafield'ı oluşturun

Seçenek B — Shopify GraphQL Admin API üzerinden toplu kurulum (~5 dk)

Her Vertex metafield tanımını tek bir partide oluşturmak için Metafield kurulum kılavuzundaki GraphQL mutasyonlarını kullanın.

Başlangıç için her metafield'a ihtiyacınız yok

Metafield'lar eksik olduğunda tema zarif şekilde devre dışı kalır. PDP blokları (Belgeler, Fiyat geçmişi, Sevkiyat noktası) destek veren metafield boş olduğunda otomatik gizlenir. En etkili olanlardan başlayın (SKU araması için vertex.mpn ve satış temsilcisi kapsülü için vertex.rep_*) ve ölçeklendikçe diğerlerini ekleyin.


Adım 4 — Bir renk ön ayarı seçin

Vertex 4 başlangıç paletiyle gelir:

Ön ayarSektörVurgu
Vertex (varsayılan)Endüstriyel / MROAmber #fbbf24
ThrottleOtomotiv parçalarıKırmızı-turuncu #ec5f24
OfficeITOfis ve BT tedarikMavi
InklineBaskı tedarikTeal

Ön ayarları değiştirmek için:

  1. Tema düzenleyicide, Theme settings (sol alt) seçeneğine tıklayın
  2. Colors bölümünü açın
  3. Starter color palette açılır menüsünden başlangıç paletinizi seçin
  4. Mağazanın tamamı önizleme bölümünde yeniden renklendirilir

→ Ön ayarlar arasındaki farklar için Demo ön ayarları kılavuzuna bakın.


Adım 5 — Başlık, gezinme, alt bilgi yapılandırın

Başlık + alt bilgi, tema düzenleyicide bölüm grupları aracılığıyla yapılandırılır:

  1. Tema düzenleyicide, Sections (sol kenar çubuğu) seçeneğine tıklayın
  2. Header group seçeneğine tıklayarak şunları yapılandırın:
    • Duyuru çubuğu (bağlantı, sosyal, telefon içeren üst koyu/amber şerit)
    • B2B karşılama çubuğu (yalnızca B2B oturum açmış müşterilere görünür)
    • Ana başlık (logo, arama, gezinme)
  3. Footer group seçeneğine tıklayarak şunları yapılandırın:
    • Alt bilgi menüsü, sosyal bağlantılar, iletişim e-postası, bülten kaydı, ödeme simgeleri

→ Ayrıntılı kılavuz: Başlık ve alt bilgi arayüz öğeleri kılavuzu · Tema ayarları referansı.


Adım 6 — Önizleyin, ardından yayınlayın

  1. Tema düzenleyicide, mağazanızı yeni bir sekmede görmek için Preview düğmesine (sağ üst) tıklayın
  2. Şunlara tıklayın:
    • Ana sayfa
    • Bir koleksiyon sayfası
    • Bir ürün sayfası
    • Sepet
    • Müşteri giriş sayfası
  3. Bir B2B alıcı test hesabı yapılandırıldıysa, oturum açın ve şunları doğrulayın:
    • Şirket adı + NET koşulları rozeti ile amber karşılama çubuğunun göründüğünü
    • PDP'de hacim fiyatlandırma kademelerinin işlendiğini (o alıcının kataloğuna atandıysa)
    • Satış temsilcisi kapsülünün başlıkta göründüğünü (vertex.rep_name metafield'ı ayarlandıysa)
  4. Online Store ▸ Themes bölümüne dönün, Theme library'de Vertex'i bulun
  5. Vertex'in yanındaki menüsüne tıklayın ▸ Publish

Mağazanız artık Vertex üzerinde yayında 🎉


Kurulum sorunlarını giderme

"Amber B2B karşılama çubuğunu göremiyorum"

Olası nedenler (olasılığa göre sıralı):

  1. B2B müşterisi olarak oturum açmamışsınız. Amber çubuk yalnızca customer.b2b? true VE customer.current_company ayarlandığında işlenir. Bir şirkete bağlı bir B2B alıcısı olarak oturum açın.
  2. Mağaza modu Yalnızca B2C olarak ayarlanmış. Theme settings ▸ B2B ▸ Storefront mode bölümünü açın ve Hybrid (auto) veya B2B-only olarak ayarlandığını onaylayın.
  3. Shopify yöneticisinde yerel B2B etkin değil. Yukarıdaki Adım 2'yi onaylayın.

"Oturum açmama rağmen fiyatlar 'Fiyatları görmek için giriş yapın' gösteriyor"

Theme settings ▸ B2B ▸ Hide prices until customer logs in anahtarı etkin. Devre dışı bırakmak için kutunun işaretini kaldırın.

"Satış temsilcisi kapsülü başlıkta görünmüyor"

Kapsül yalnızca alıcının şirketinde bir vertex.rep_name metafield değeri ayarlandığında işlenir. Customers ▸ Companies ▸ [Şirket adı] ▸ Metafields bölümünde vertex.rep_name'in doldurulduğunu doğrulayın.

→ Daha fazlası için SSS + sorun giderme sayfasına bakın.


Sonraki adımlar