Online mağazanıza Planet rozeti ekleme
Müşterilerinize siparişlerinizin karbon nötr oduğunu göstermek istiyorsanız online mağazanıza Planet rozetini ekleyebilirsiniz. Bu makale, rozeti ekleme ve görünümünü özelleştirme sürecinde size yol gösterir.
Bu sayfada
Planet rozeti eklemeyle ilgili önemli hususlar
Online mağazanıza Planet rozetini eklemeden önce aşağıdaki hususları gözden geçirin:
- Planet uygulamasını yüklemiş olmanız gerekir.
- Planet'ın abonelik planlarından birine etkin bir aboneliğiniz olması gerekir.
- Vintage bir tema kullanıyorsanız Planet rozetini özelleştiremezsiniz.
Kullanılabilir diller
Planet rozetine kendi çevirilerinizi ekleyemezsiniz. Bununla birlikte, Shopify yöneticisinin dilini değiştirmek için kullanabilecek dillerin bir listesi vardır. Planet uygulaması rozetini başka dile çevirmek için birden fazla dilde satış ile uyumlu bir tema kullanmanız gerekir. Müşterilerin tercih ettikleri dili seçebilmesine olanak sağlamak için varsayılan tema dilini değiştirebilir ve başka diller ekleyebilirsiniz.
Online Store 2.0 temasına Planet rozeti ekleme
Online Store 2.0 temasını kullanıyorsanız Planet rozetini doğrudan tema düzenleyiciyi kullanarak, online mağazanızın dilediğiniz sayfasına ekleyebilirsiniz.
Basamak
Shopify yöneticinizden Ayarlar > Uygulamalar ve satış kanalları'na tıklayın.
Uygulamalar ve satış kanalları sayfasından Online store seçeneğine tıklayın.
Satış kanalını aç'a tıklayın.
Temalar'a tıklayın.
Mevcut temabölümünde Özelleştir'e tıklayın.
Planet rozetini eklemek istediğiniz sayfayı (Ana sayfa veya Sepet gibi) seçin.
-
Rozeti mevcut veya yeni bir bölüme ekleyin:
- Rozeti mevcut bir bölüme eklemek için Blok ekle'ye tıklayın ve Planet'ı seçin.
- Rozeti yeni bir bölüme eklemek için Bölüm ekle'ye tıklayın ve Planet'ı seçin.
Kayıtyap ' a tıklayın.
Planet rozetinin tasarımını özelleştirme
Bir Online Store 2.0 teması kullanıyorsanız Planet rozetinin görünümünü doğrudan tema düzenleyicisinden de özelleştirebilirsiniz. Özelleştirebileceğiniz özellikler şunlardır:
- Arka plan rengi ve kenarlık
- Planet logosunun görünümü, daha fazla bilgi bölümü, istatistikler bölümü ve finansman sağlanan inovasyonlar
- Rozet boyutu, kenar boşlukları ve köşe yuvarlama boyutları
Özelleştirebileceğiniz farklı Planet rozeti özellikleri hakkında daha fazla bilgi edinmek için aşağıdaki tabloyu gözden geçirin:
| Özellik | Açıklama | Özelleştirme seçenekleri |
|---|---|---|
| Planet logosu | Planet logosu, sağ alt tarafında koyu bir yaprak bulunan açık yeşil bir daire olarak tasvir edilmiştir. Logo, rozetin boyutuna bağlı olarak rozetin solunda veya sol üst köşesinde görünür. | Planet logo (Planet logosu) onay kutusunu işaretleyebilir veya kutunun işaretini kaldırabilirsiniz. |
| More Info (Daha fazla bilgi) bağlantısı | Ayarlanmış bir Etki Sayfanız varsa müşterileri Etki Sayfanıza yönlendiren bir "daha fazla bilgi" bağlantısı gösterebilirsiniz. Rozetin boyutuna bağlı olarak "daha fazla bilgi" harekete geçirici mesajı, rozetin sağında veya sağ üst köşesinde More info (Daha fazla bilgi) bağlantısı olarak görünür. Ayarlanmış bir Etki Sayfanız yoksa Shopify Planet tarafından desteklenmektedir metni görünür. | Show "More info" section ("Daha fazla bilgi" bölümünü göster) onay kutusunu işaretleyebilir veya kutunun işaretini kaldırabilirsiniz. |
| Display emissions removed (Giderilen emisyonları görüntüle) | Giderilen emisyonları görüntüleme özelliği, Planet ile desteklediğinizin projelerin havadan giderdiği karbon emisyonlarını, kg cinsinden gösterir. Giderilen emisyonları görüntüleme özelliği ayrıca, ortalama bir benzinli arabanın kat ettiği millerle bir karşılaştırma görüntüleyerek müşterilerinizin, yaptığınız karbon nötr kargonun etkisini ilişkilendirebilmesini ve miktarını anlayabilmesini sağlar. | Display emissions removed (Giderilen emisyonları görüntüle) onay kutusunu işaretleyebilir veya kutunun işaretini kaldırabilirsiniz. |
| Display innovations funded (Finanse edilen inovasyonları göster) | Her bir abonelik planı farklı şirketlerin ve yenilikçi çözümlerin finansmanına yardımcı olur. Finanse edilen inovasyonlar bölümü abonelik planınıza bağlı olarak, desteklemekte olduğunuz karbon salınımı giderme proje türlerinin örneklerini gösterir. | Display emissions removed (Giderilen emisyonları görüntüle) onay kutusunu işaretleyebilir veya kutunun işaretini kaldırabilirsiniz. |
Basamak
Shopify yöneticinizden Ayarlar > Uygulamalar ve satış kanalları'na tıklayın.
Uygulamalar ve satış kanalları sayfasından Online store seçeneğine tıklayın.
Satış kanalını aç'a tıklayın.
Temalar'a tıklayın.
Mevcut temabölümünde Özelleştir'e tıklayın.
Planet rozetini eklediğiniz sayfayı (Ana sayfa veya Sepet gibi) seçin.
Açılır menüdeki Uygulamalar bölümünden Planet uygulama bloğunu seçin.
Planet rozeti özelleştirmelerinizi uygulayın.
Kayıtyap ' a tıklayın.
Planet rozetini vintage veya özel bir temaya ekleme
Vintage veya özel bir tema kullanıyorsanız Planet rozetini eklemek için tema kodunuzu manuel olarak düzenlemeniz gerekir.
Basamak
Shopify yöneticinizden Ayarlar > Uygulamalar ve satış kanalları'na tıklayın.
Uygulamalar ve satış kanalları sayfasından Planet seçeneğine tıklayın.
Uygulamayı aç'a tıklayın.
Planet rozeti görüntülemebölümünde Rozet ekle'ye tıklayın.
Aşağıdaki kod parçacığını kopyalayın:
<!-- Start of Shopify Planet code snippet --> <link href="https://cdn.shopify.com/shopifycloud/shopify-planet/bundles/latest/snippet.css" rel="stylesheet" type="text/css" media="all"> {%- assign CURRENT_DATE = "now" | date: "%Y-%m-%dT%H:%MZ" -%} {%- assign ACTIVE_UNTIL = shop.metafields.shopify-planet.active-until | date: "%Y-%m-%dT%H:%MZ" -%} <script src="https://cdn.shopify.com/shopifycloud/shopify-planet/bundles/latest/snippet.js" async></script> {% if CURRENT_DATE < ACTIVE_UNTIL or request.design_mode %} {% if block.settings.badgeMode != "buyer_contribution" %} <div class="shopify-planet-banner"> <img src="https://cdn.shopify.com/extensions/77a33867-106a-4608-bb7c-98fa40ed256a/0.25.0/assets/logo.png" alt="Carbon-neutral shipping with Shopify Planet" width="34" height="30" loading="lazy"> <div class="shopify-planet-banner-title-container"> <div class="shopify-planet-banner-title">All deliveries are carbon neutral</div> {% if shop.metafields.shopify-planet.impact-comms-linked %} <div class="shopify-planet-banner-subtitle-link"><a href="/pages/climate-commitment" target="_blank">More info</a></div> {% else %} <div class="shopify-planet-banner-subtitle">Powered by Shopify Planet</div> {% endif %} </div> </div> {% endif %} {% endif %} <!-- End of Shopify Planet code snippet -->-
Rozeti eklemek için aşağıdaki dosyalardan birine gidin:
- Rozeti sepet sayfanıza eklemek için templates/cart.liquid dosyasına gidin.
- Rozeti ürün sayfanıza eklemek için templates/product.liquid dosyasına gidin.
Kod parçacığını, rozetin görüntülenmesini istediğiniz yere yapıştırın ve ardından Kaydet'e tıklayın.
Rozetin online mağazanızda nasıl görüntülendiğini görmek için Önizleme'ye tıklayın.