Loading
इस आर्टिकल में, आप सीखेंगे कि systeme.io पर बनाए गए पेज पर HTML, CSS, और JS कोड कैसे डालें।
आपको चाहिए:
- एक systeme.io खाता
- HTML, CSS, या JS कोड
आप अपनी पेजों में कस्टम कोड क्यों जोड़ें?
अपनी पेज पर HTML कोड जोड़कर, आप इमेज , टेक्स्ट, लिंक आदि के कंटेंट में कस्टम स्टाइल, फ़ंक्शनैलिटी और संरचना शामिल कर सकते हैं...
उदाहरण के लिए:
- स्टाइल कस्टमाइज़ करने के लिए, आप CSS कोड जोड़ सकते हैं।
- पेज या पर्सनल आलेमेन्ट पर अनिमेशन जोड़ने के लिए (जैसे किसी बटन पर होवर करने या क्लिक करने पर), JS कोड जोड़ें।
- टाइटल या सामान्य टेक्स्ट जोड़ने, टेबल, हिस्से और डिवीज़न बनाने के लिए, HTML कोड जोड़ें।
महत्वपूर्ण नोट्स:
जब कस्टम कोड को हेडर कोड, फूटर कोड, ट्रैकिंग कोड या रॉ HTML कोड सेक्शन में जोड़ा जाए, तो नीचे दिए गए टैग्स में से कोई भी शामिल न करें:
<head> </head><footer> </footer><html> </html><body> </body>
जब iframe , का उपयोग करके वीडियो जोड़ा जाए, तो कोई अतिरिक्त टैग की आवश्यकता नहीं है
इन करेक्ट
<div>
<iframe src="link to your video"></iframe>
</div>
करेक्ट
<iframe src="link to your video"></iframe>
1. "ट्रैकिंग कोड्स" सेक्शन में कोड जोड़ना:
फेसबुक ट्रैकिंग कोड डालने के लिए, उस सेल्स फनल पर जाएं जिसमें वह पेज है जहां आप कोड डालना चाहते हैं।
लेफ्ट पैनल से फनल पेज का चयन करें और "पेज एडिट करें" पर क्लिक करें।
ऊपरी बाएं कोने में "सेटिंग्स" पर क्लिक करें, फिर "ट्रैकिंग" सेक्शन तक नीचे स्क्रॉल करें।
1.1 हेडर कोड सेक्शन में डाले जाने वाले कोड
इस अनुभाग में, आपको कोई भी कोड पेस्ट करना चाहिए जो किसी पृष्ठ के <Head > और </Head > टैग के भीतर होना चाहिए।
1.2 फूटर कोड सेक्शन में डाले जाने वाले कोड
इस सेक्शन में, "डॉक्यूमेंट ऑब्जेक्ट मॉडल" (DOM) के लिए किसी भी कोड को जोड़ें।
2. सेल्स फ़नल सेटिंग्स से कोड जोड़ना:
कुछ कोड को प्रत्येक फ़नल पेज पर सही ट्रैकिंग के लिए जोड़ा जाना चाहिए।
कोड को प्रत्येक पेज पर पेस्ट करने की प्रोसेस को दोहराने से बचने के लिए, आप उन कोड को स्वचालित रूप से फ़नल के सभी पेज पर लागू कर सकते हैं।
सभी पेज पर कोड को स्वचालित रूप से लागू करने के लिए, अपने प्रोफ़ाइल पिक्चर पर जाएँ, "सेटिंग्स" पर क्लिक करें, और फिर बाईं ओर की ऑप्शन में "सेल फ़नल" पर क्लिक करें। ट्रैकिंग कोड को "ट्रैकिंग कोड" टेक्स्ट बॉक्स में पेस्ट करें और "सेव" पर क्लिक करें।
3.पेज में "HTML कोड" एलीमेंट जोड़ना:
पेज के एडिटर के जरिए किसी भी HTML कोड को सीधे पेज पर डालना भी संभव है।
रॉ HTML एलीमेंट आपको एडिटर (बिक्री पेज, ऑर्डर फॉर्म, धन्यवाद पेज आदि) का उपयोग करके सीधे अधिकांश पेजों के मुख्य भाग में कस्टम कोड डालने की अनुमति देता है।
Note: रॉ एचटीएमएल एलिमेंट जानकारी वाले पृष्ठों पर उपलब्ध नहीं है। यदि आप किसी जानकारी वाले पृष्ठ का संपादन कर रहे हैं और साइड पैनल में "रॉ एचटीएमएल" एलिमेंट नहीं ढूंढ पा रहे हैं, तो ऐसा इसलिए है क्योंकि इस विशिष्ट पृष्ठ प्रकार पर कस्टम एचटीएमएल ब्लॉक समर्थित नहीं हैं।
The Raw HTML element allows you to insert custom code directly into the body of most pages using the editor (sales pages, order forms, thank you pages, etc.).
Note: The Raw HTML element is not available on info pages. If you are editing an Info page and cannot find the "Raw HTML" element in the side panel, it is because custom HTML blocks are not supported on this specific page type.
1."Raw HTML" एलिमेंट को खींचकर अपनी पेज के इच्छित हिस्से में डालें।
2. आइटम की सेटिंग्स दिखाने के लिए वस्तु के छोटे स्क्रॉल व्हील पर क्लिक करें (इमेज में नंबर 1)।
बाएं पैन से "कोड एडिट करें" पर क्लिक करें ताकि पॉपअप दिखाई दे, जहां आप अपना कोड पेस्ट कर सकते हैं (इमेज में नंबर 2)।
टेक्स्ट बॉक्स में HTML कोड जोड़ें (इमेज में नंबर 3), फिर "सेव " (इमेज में नंबर 4) पर क्लिक करें।
बाहर निकलने से पहले अपने परिवर्तनों को सहेजना सुनिश्चित करें। एक बार परिवर्तन सहेजे जाने के बाद, पृष्ठ के पुराने संस्करण को पुनर्स्थापित नहीं किया जा सकता है।
नोट: रॉ HTML पूर्वावलोकन मोड में दिखाई नहीं देता है. यह केवल लाइव पेज पर ही दिखाई देगा।