การเพิ่มเครื่องหมาย Planet ลงในร้านค้าออนไลน์ของคุณ
หากคุณต้องการแสดงให้ลูกค้าของคุณเห็นว่าคำสั่งซื้อที่คุณจัดส่งนั้นปลอดคาร์บอน คุณก็สามารถเพิ่มเครื่องหมาย Planet ลงในร้านค้าออนไลน์ของคุณ บทความนี้จะแนะแนวคุณตลอดกระบวนการเพิ่มเครื่องหมายและการปรับแต่งรูปลักษณ์ของเครื่องหมาย
ในหน้านี้
ข้อควรพิจารณาในการเพิ่มเครื่องหมาย Planet
ก่อนที่จะเพิ่มเครื่องหมาย Planet ไปยังร้านค้าออนไลน์ของคุณ โปรดตรวจสอบข้อควรพิจารณาดังต่อไปนี้:
- คุณต้องติดตั้ง Planet เรียบร้อยแล้ว
- คุณต้องสมัครใช้งานหนึ่งในแผนการสมัครใช้งาน Planet อยู่ในปัจจุบัน
- หากคุณใช้งานธีมวินเทจ คุณจะไม่สามารถปรับแต่งเครื่องหมาย Planet ได้
ภาษาที่พร้อมใช้งาน
คุณไม่สามารถใช้การแปลของคุณเองกับเครื่องหมาย Planet ได้ อย่างไรก็ตาม มีรายการภาษาที่ใช้งานได้ที่ผู้ดูแลส่วน Shopify สามารถเปลี่ยนไปใช้ได้ ทั้งนี้ หากต้องการแปลเครื่องหมายแอป Planet คุณต้องใช้ธีมที่รองรับการจำหน่ายสินค้าในหลายภาษา คุณสามารถเปลี่ยนภาษาเริ่มต้นของธีมและเพิ่มภาษาอื่นเพื่อให้ลูกค้าสามารถเลือกภาษาที่ตนต้องการได้
การเพิ่มเครื่องหมาย Planet ลงในธีม Online Store 2.0
หากคุณใช้ธีม Online Store 2.0 อยู่ คุณสามารถเพิ่มเครื่องหมาย Planet ลงในหน้าใดของร้านค้าออนไลน์ตัวเองก็ได้โดยตรงจากตัวแก้ไขธีมของคุณ
ขั้นตอน:
จากส่วนผู้ดูแล Shopify ของคุณ ให้คลิกการตั้งค่า > แอปและช่องทางการขาย
จากหน้าแอปและช่องทางการขาย ให้คลิก “Online store”
คลิกที่ “เปิดช่องทางการขาย”
คลิกที่ “ธีม”
ในส่วนธีมปัจจุบัน ให้คลิก “ปรับแต่ง”
เลือกหน้าที่คุณต้องการเพิ่มเครื่องหมาย Planet เช่น หน้าแรกหรือตะกร้าสินค้า
-
เพิ่มเครื่องหมายไปยังส่วนที่มีอยู่เดิมหรือส่วนใหม่:
- หากต้องการเพิ่มเครื่องหมายไปยังส่วนที่มีอยู่เดิม ให้คลิก “เพิ่มบล็อก” แล้วเลือก “Planet”
- หากต้องการเพิ่มเครื่องหมายไปยังส่วนใหม่ ให้คลิก “เพิ่มส่วน” แล้วเลือก “Planet”
คลิกที่ “บันทึก”
การปรับแต่งรูปลักษณ์การออกแบบของเครื่องหมาย Planet
หากคุณใช้งานธีม Online Store 2.0 คุณจะสามารถปรับแต่งรูปลักษณ์ของเครื่องหมาย Planet ได้โดยตรงจากตัวแก้ไขธีม โดยองค์ประกอบที่คุณสามารถปรับแต่งได้ มีดังนี้
- สีและขอบพื้นหลัง
- การแสดงโลโก้ Planet, ส่วนข้อมูลเพิ่มเติม, ส่วนสถิติ และส่วนการสนับสนุนนวัตกรรม
- ขนาด ระยะขอบ และขนาดการตัดมุมของเครื่องหมาย
ตรวจสอบตารางต่อไปนี้เพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับแอตทริบิวต์เครื่องหมาย Planet ที่คุณสามารถปรับแต่งได้
| คุณลักษณะ | คำอธิบาย | ตัวเลือกการปรับแต่ง |
|---|---|---|
| โลโก้ Planet | โลโก้ Planet จะมีลักษณะเป็นวงกลมสีเขียวอ่อนที่มีใบไม้สีเข้มอยู่ด้านล่างขวา โลโก้จะปรากฏที่มุมซ้ายหรือมุมซ้ายบนของเครื่องหมาย ขึ้นอยู่กับขนาดของเครื่องหมาย | คุณสามารถทำเครื่องหมายหรือเลิกทำเครื่องหมายในช่องทำเครื่องหมาย โลโก้ Planet ได้ |
| ลิงก์ข้อมูลเพิ่มเติม | หากคุณได้ตั้งค่าหน้า Impact ไว้ คุณจะสามารถแสดงลิงก์ข้อมูลเพิ่มเติมเพื่อนำลูกค้าไปยังหน้า Impact ของคุณได้ การกระตุ้นให้ดำเนินการ “ข้อมูลเพิ่มเติม” จะปรากฏเป็นลิงก์ข้อมูลเพิ่มเติม ที่ด้านขวาหรือมุมขวาบนของเครื่องหมายทั้งนี้ขึ้นอยู่กับขนาดของเครื่องหมาย หากคุณไม่ได้ตั้งค่าหน้า Impact ข้อความขับเคลื่อนโดย Shopify Planet จะปรากฏขึ้น | คุณสามารถทำเครื่องหมายหรือเลิกทำเครื่องหมายในช่องทำเครื่องหมายแสดงส่วน "ข้อมูลเพิ่มเติม" ได้ |
| การแสดงผลมลพิษที่กำจัดแล้ว | การแสดงผลมลพิษที่กำจัดแล้วจะแสดงปริมาณการปล่อยคาร์บอนเป็นกิโลกรัมที่คุณกำจัดออกจากอากาศผ่านการสนับสนุนโครงการกับ Planet นอกจากนี้ การแสดงผลการมลพิษที่กำจัดแล้วยังแสดงการเปรียบเทียบกับระยะทางที่ขับโดยรถยนต์ทั่วไปที่ใช้น้ำมันเพื่อให้ลูกค้าของคุณเข้าใจและวัดปริมาณผลกระทบจากการจัดส่งปลอดคาร์บอนของคุณ | คุณสามารถทำเครื่องหมายหรือเลิกทำเครื่องหมายในช่องทำเครื่องหมายลบการแสดงผลมลพิษออกแล้วได้ |
| การแสดงผลเงินทุนสนับสนุนนวัตกรรม | แผนการสมัครใช้งานแต่ละแผนจะช่วยจัดหาทุนให้กับบริษัทต่างๆ และโซลูชันที่เป็นนวัตกรรมใหม่ ส่วนที่ได้รับทุนสนับสนุนด้านนวัตกรรมจะแสดงตัวอย่างโครงการที่กำจัดการปล่อยก๊าซคาร์บอนที่คุณกำลังช่วยสนับสนุน ทั้งนี้ขึ้นอยู่กับแผนการสมัครใช้งานของคุณ | คุณสามารถทำเครื่องหมายหรือเลิกทำเครื่องหมายในช่องทำเครื่องหมายลบการแสดงผลมลพิษออกแล้วได้ |
ขั้นตอน:
จากส่วนผู้ดูแล Shopify ของคุณ ให้คลิกการตั้งค่า > แอปและช่องทางการขาย
จากหน้าแอปและช่องทางการขาย ให้คลิก “Online store”
คลิกที่ “เปิดช่องทางการขาย”
คลิกที่ “ธีม”
ในส่วนธีมปัจจุบัน ให้คลิก “ปรับแต่ง”
เลือกหน้าที่คุณได้เพิ่มเครื่องหมาย Planet เช่น หน้าแรก หรือ ตะกร้าสินค้า
เลือกบล็อกแอปPlanetจากเมนูดรอปดาวน์ในส่วนแอป
ใช้การปรับแต่งเครื่องหมาย Planet ของคุณ
คลิกที่ “บันทึก”
การเพิ่มเครื่องหมาย Planet ไปยังธีมสไตล์วินเทจหรือธีมที่กำหนดเอง
หากคุณใช้งานธีมวินเทจหรือธีมแบบปรับแต่งได้ คุณจะต้องแก้ไขโค้ดของธีมคุณด้วยตนเองเพื่อเพิ่มเครื่องหมาย Planet
ขั้นตอน:
จากส่วนผู้ดูแล Shopify ของคุณ ให้คลิกการตั้งค่า > แอปและช่องทางการขาย
จากหน้าแอปและช่องทางการขาย ให้คลิก “Planet”
คลิก “เปิดแอป”
ในส่วนการแสดงเครื่องหมาย Planet ให้คลิก “เพิ่มเครื่องหมาย”
คัดลอกส่วนย่อยของโค้ดต่อไปนี้:
<!-- 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 -->-
ไปที่หนึ่งในไฟล์ต่อไปนี้เพื่อเพิ่มเครื่องหมาย:
- หากต้องการเพิ่มเครื่องหมายลงในหน้าตะกร้าสินค้าของคุณ ให้ไปที่ไฟล์ templates/cart.liquid
- หากต้องการเพิ่มเครื่องหมายลงในหน้าสินค้าของคุณ ให้ไปที่ไฟล์templates/product.liquid
วางส่วนย่อยของโค้ดในตำแหน่งที่คุณต้องการให้แสดงเครื่องหมายดังกล่าว จากนั้นคลิก “บันทึก”
คลิก “ตัวอย่าง” เพื่อตรวจสอบวิธีการแสดงเครื่องหมายในร้านค้าออนไลน์ของคุณ