Deployment

मानक योजनाएँ: कार्ट विजेट गाइड

मानक Shopify योजनाओं के लिए कार्ट विजेट्स का उपयोग करके पेड़ प्रायोजन कार्यक्षमता के लिए पूर्ण सेटअप गाइड।

मानक योजनाएँ: कार्ट विजेट गाइड

अवलोकन

मानक Shopify योजनाओं के लिए, LoyaltyTree एक शक्तिशाली कार्ट विजेट प्रदान करता है जो आपकी शॉपिंग कार्ट में ट्री स्पॉन्सरशिप कार्यक्षमता जोड़ता है। यह गाइड पूर्ण सेटअप और अनुकूलन को कवर करती है।

पूर्वापेक्षाएँ

  • मानक Shopify योजना: बेसिक, Shopify, या एडवांस्ड योजनाओं के साथ काम करता है
  • LoyaltyTree खाता: सक्रिय खाता जिसमें कॉन्फ़िगर की गई दुकान है
  • थीम एक्सेस: थीम फ़ाइलों को संपादित करने की क्षमता

स्थापना प्रक्रिया

चरण 1: ऐप स्थापना

  1. Shopify ऐप स्टोर से स्थापित करें

    • Shopify ऐप स्टोर में "LoyaltyTree" खोजें
    • "स्थापित करें" पर क्लिक करें और अनुमतियों को स्वीकृत करें
    • OAuth प्रमाणीकरण पूरा करें
  2. स्वचालित योजना पहचान

    • सिस्टम स्वचालित रूप से मानक योजना का पता लगाता है
    • कार्ट विजेट कॉन्फ़िगरेशन सक्रिय होता है
    • थीम एक्सटेंशन फ़ाइलें तैयार की जाती हैं

चरण 2: थीम एकीकरण

स्वचालित एकीकरण (अनुशंसित)

<!-- Automatically added to cart.liquid -->
{{ 'loyaltytree-cart-widget.js' | asset_url | script_tag }}
<div id="loyaltytree-cart-widget" data-shop="{{ shop.permanent_domain }}"></div>

मैनुअल एकीकरण

यदि स्वचालित एकीकरण विफल हो:

  1. cart.liquid टेम्पलेट संपादित करें
  2. बंद टैग से पहले विजेट कोड जोड़ें
  3. व्यवस्थापक में विजेट सेटिंग्स कॉन्फ़िगर करें
  4. कार्यात्मकता का परीक्षण करें

चरण 3: विजेट कॉन्फ़िगरेशन

मुख्य सेटिंग्स

  • ट्री मूल्य निर्धारण: प्रति ट्री लागत सेट करें
  • स्पॉन्सरशिप संदेश: कॉल-टू-एक्शन अनुकूलित करें
  • दृश्य शैली: ब्रांड रंग और फ़ॉन्ट से मेल खाएं
  • स्थिति: कार्ट प्लेसमेंट चुनें

उन्नत विकल्प

// Widget configuration options
window.LoyaltyTreeConfig = {
  position: 'cart-bottom', // or 'cart-top', 'cart-sidebar'
  style: {
    primaryColor: '#2D5A27',
    secondaryColor: '#4A7C59',
    fontFamily: 'inherit'
  },
  messaging: {
    title: 'अपने ऑर्डर के साथ पेड़ लगाएं',
    description: 'दुनिया भर में जंगलों को पुनर्स्थापित करने में मदद करें',
    buttonText: 'जोड़ें {trees} पेड़(ों) के लिए {price}'
  }
};

विशेषताएँ

इंटरैक्टिव कार्ट अनुभव

  • वास्तविक समय में पेड़ की मात्रा का चयन
  • गतिशील मूल्य निर्धारण अपडेट
  • पर्यावरणीय प्रभाव दृश्यकरण
  • प्रगति संकेतक

उत्तरदायी डिज़ाइन

  • मोबाइल-ऑप्टिमाइज़्ड इंटरफ़ेस
  • टच-फ्रेंडली नियंत्रण
  • तेज़ लोडिंग प्रदर्शन
  • क्रॉस-ब्राउज़र संगतता

व्यक्तिगतकरण

  • ग्राहक प्रभाव इतिहास
  • अनुशंसित पेड़ की मात्रा
  • मौसमी संदेश विषय
  • स्थान-आधारित वन परियोजनाएँ

परीक्षण और समर्थन

विकास परीक्षण

  1. थीम बैकअप: वर्तमान थीम को सहेजें
  2. पूर्वावलोकन मोड: थीम संपादक में परीक्षण करें
  3. कार्ट कार्यक्षमता: उत्पाद जोड़ें/हटाएं
  4. विजेट इंटरैक्शन: पेड़ चयन का परीक्षण करें
  5. चेकआउट प्रक्रिया: परीक्षण खरीदारी पूरी करें

समर्थन संसाधन

आपका मानक योजना कार्ट विजेट अब पर्यावरणीय जुड़ाव को बढ़ावा देने और ऑर्डर मूल्यों को बढ़ाने के लिए तैयार है!

Was this helpful?

Let us know how we can improve our documentation.

contact_support

Still need help?

Our support team is available to assist you with any questions or technical issues.

Contact Support arrow_forward
feedback

Suggest an edit

Did you find an error or missing information? Help us improve our documentation.

Edit on GitHub open_in_new