कैसे जोड़ना है Twitter को खिलाओ Shopify वेबसाइट

जोड़ना सीखना Twitter अपने को खिलाओ Shopify वेबसाइट आपके ब्रांड को आपके मुखपृष्ठ, ब्लॉग और यहां तक ​​कि उत्पाद पृष्ठों जैसे पृष्ठों पर अपनी सामाजिक उपस्थिति प्रदर्शित करने में सक्षम बनाती है।

एम्बेड करने के बारे में महान हिस्सा Twitter आपकी वेबसाइट पर फ़ीड यह है कि यह स्वचालित रूप से अपडेट हो जाती है Twitter आपकी वेबसाइट पर सामग्री, जिसका अर्थ है कि आपको अपनी पोस्ट से कॉपी करने की आवश्यकता नहीं है Twitter इस पृष्ठ पर ज़ूम कई वीडियो ट्यूटोरियल और अन्य साहायक साधन प्रदान करता है।

इसके साथ - साथ Twitter फ़ीड आपकी वेबसाइट पर महत्वपूर्ण मात्रा में इमेजरी इंजेक्ट करने का एक शानदार तरीका है; कई ब्रांड उपयोग करते हैं Twitter गैलरी या फ़ीड उनके मुखपृष्ठ छवि गैलरी के रूप में काम करने के लिए।

जोड़ने के दो तरीके हैं Twitter अपने को खिलाओ Shopify वेबसाइट:

1. एक ऐप के साथ
2. ए के लिए कोड एम्बेड करके Twitter विजेट

इस गाइड में, हम आपको दोनों तरीकों से रूबरू कराएंगे, जिससे आप यह तय कर सकेंगे कि कौन सा आपके लिए सबसे अच्छा काम करता है। हम प्रत्येक विकल्प को आजमाने की अनुशंसा करते हैं, क्योंकि आप पा सकते हैं कि आपकी साइट के लेआउट और कार्यप्रवाह के आधार पर एक दूसरे से बेहतर दिखता है या कार्य करता है।

जोड़ने के तरीके के बारे में जानने के लिए पढ़ना जारी रखें Twitter ए को खिलाओ Shopify वेबसाइट!

कैसे जोड़ना है Twitter को खिलाओ Shopify वेबसाइट

आरंभ करने के लिए, हम यह पता लगाएंगे कि a को कैसे जोड़ा जाए Twitter को खिलाओ Shopify एक ऐप के साथ। वहाँ कई हैं Twitter में एप्स Shopify ऐप स्टोर, जो सभी अद्वितीय कार्यक्षमता प्रदान करते हैं। कुछ आपको सोशल मीडिया बटन देते हैं, Twitter अनुयायी मायने रखता है, या यहां तक ​​कि ऑटो-पोस्टिंग भी। हालाँकि, हम जो खोज रहे हैं, वह आपके करंट को सिंक करने के लिए एक ऐप है Twitter फ़ीड, आपके खाते (या अन्य सार्वजनिक खाते) से सबसे हाल की पोस्टों की एक निश्चित संख्या प्रदर्शित करता है।

विधि 1: जोड़ें Twitter को खिलाओ Shopify एक ऐप के साथ

कुछ मुफ्त हैं, और कुछ भुगतान किए गए हैं, Twitter के माध्यम से डाउनलोड के लिए उपलब्ध फ़ीड ऐप्स Shopify ऐप स्टोर। इस ट्यूटोरियल में, हम ज़ेस्टर्ड का उपयोग करेंगे Twitter फ़ीड ऐप, क्योंकि यह आवश्यक कार्यक्षमता प्रदान करता है, और यह मुफ़्त है। यदि आप किसी भिन्न ऐप के बारे में निर्णय लेते हैं, तो हमारा सुझाव है कि पहले सभी निःशुल्क ऐप्स को आज़माएं, क्योंकि यह वास्तव में ऐसी सुविधा नहीं है जिसके लिए आपको भुगतान करना होगा।

आरंभ करने के लिए, स्थापित करें ज़ेस्टर्ड Twitter फ़ीड ऐप अपने पर Shopify इकट्ठा करना। यदि आप अभी भी शुरुआत कर रहे हैं Shopify, सीखो यहां अपना स्टोर कैसे बनाएं. आप अपने में लॉग इन करके ऐप्स ढूंढ सकते हैं Shopify खाता, और जा रहा है ऐप्स जोड़ेंया, सीधे ऐप स्टोर पर नेविगेट करना.

क्लिक करें App जोड़ें में Shopify ऐप स्टोर, फिर एप्लिकेशन इंस्टॉल करें एक बार यह आपको अनुमतियों और गोपनीयता के बारे में जानकारी के साथ डैशबोर्ड स्क्रीन पर वापस लाता है।

इंस्टॉल हो जाने के बाद, आपको इसके लिए एक नया टैब दिखाई देगा Twitter फ़ीड नीचे ऐप्स टैब में Shopify. एक सेक्शन भी है इसका उपयोग कैसे करें ऐप, जिसे आप ठीक से सेट अप करने के लिए अनुसरण कर सकते हैं।

किसी को देखने से पहले कुछ कॉन्फ़िगरेशन की आवश्यकता होती है Twitter दृश्यपटल पर फ़ीड करता है। के लिए जाओ समयसीमा सेटिंग्स शुरू करना।

यह पृष्ठ फ़ीड की समग्र उपस्थिति और सामग्री को अनुकूलित करने के लिए कई फ़ील्ड प्रदान करता है।

भरने के लिए सबसे महत्वपूर्ण क्षेत्र है फ़ीड का नाम; में टाइप या पेस्ट करें Twitter आप जिस हैंडल से खींचना चाहते हैं। किसी भी सार्वजनिक से फ़ीड प्रदर्शित करना संभव है Twitter प्रोफ़ाइल।

अन्य सेटिंग्स में शामिल हैं:

• फ़ीड बॉक्स चौड़ाई
• फ़ीड बॉक्स ऊंचाई
• फीड थीम (लाइट या डार्क)
• फ़ीड सीमा (केवल हाल के ट्वीट्स की एक निश्चित संख्या प्रदर्शित करना)
• डेटा लिंक रंग
• फ़ीड पृष्ठभूमि रंग

एक बार जब आप अनुकूलन कर लेते हैं, तो सुनिश्चित करें कि आपने पर क्लिक किया है परिवर्तन सहेजें पूर्वावलोकन प्रस्तुत करने के लिए बटन।

क्लिक करने के बाद परिवर्तन सहेजें, ऐप इसका प्रीव्यू जनरेट करता है Twitter खिलाना। बेझिझक फ़ीड में स्क्रॉल करें और आप जो हासिल करना चाहते हैं, उसके आधार पर सेटिंग्स समायोजित करने के लिए वापस जाएं।

पूर्वावलोकन के ठीक ऊपर, आप देखेंगे कि ऐप ने फ़ीड के लिए एक शोर्टकोड भी बनाया है। यह आपके लिए कहीं भी पेस्ट करने के लिए कोड का एक अनूठा बिट है Shopify वेबसाइट। के लिए क्लिक करें प्रतिलिपि आपके क्लिपबोर्ड पर कोड।

RSI Twitter कोड को आसानी से कॉपी करने के लिए फ़ीड ऐप आपके लिए एक पॉपअप प्रकट करता है। आपको बस अपने कंप्यूटर के क्लिपबोर्ड पर शोर्टकोड कॉपी करने के लिए कीबोर्ड शोर्टकोड CTRL + C (मैक के लिए कमांड + सी) का उपयोग करना है।

आप रखना चाह सकते हैं Twitter एक पर खिलाओ Shopify वेबपेज, जैसे आपके हमारे बारे में, संपर्क या समर्थन पेजों पर। ऐसा करने के लिए, पर जाएँ ऑनलाइन स्टोर > पन्ने in Shopify. वह नया पृष्ठ खोलें जिसके लिए आप फ़ीड जोड़ना चाहते हैं। क्लिक करें <> (एचटीएमएल दिखाएं) विज़ुअल एडिटर से HTML कोड एडिटर में स्विच करने के लिए बटन।

पहले से कॉपी किए गए शोर्टकोड को HTML एडिटर में पेस्ट करें। यदि पृष्ठ पर अन्य सामग्री है, तो बस चुनें कि आप फ़ीड को कहाँ ले जाना चाहते हैं, और वहाँ कोड डालें। पृष्ठ को सहेजना सुनिश्चित करें।

पूर्वावलोकन करके या उसके वेब पते पर जाकर उस पृष्ठ के फ्रंटएंड पर नेविगेट करें। अब आप देखेंगे Twitter फ़ीड ठीक उसी जगह प्रदर्शित होती है जहाँ आपने शोर्ट डाला था।

कई ऑनलाइन स्टोर मालिक जोड़ना सीखेंगे Twitter ए को खिलाओ Shopify होमपेज। उस मामले में, Shopify होमपेज के लिए विज़ुअल कस्टमाइज़र प्रदान करता है, जिससे इसे सम्मिलित करना और भी आसान हो जाता है Twitter फ़ीड शोर्ट।

उसके लिए, पर जाएँ ऑनलाइन स्टोर > थीम्स > अनुकूलित करें.

अगला, वह क्षेत्र ढूंढें जिसमें आप रखना चाहते हैं Twitter खिलाना। क्लिक करें अनुभाग जोड़ें इस क्षेत्र में बटन। के लिए खोजें कस्टम तरल थीम अनुभाग और इसे सम्मिलित करें Shopify.

RSI कस्टम तरल विषय अनुभाग बाईं ओर कई सेटिंग्स प्रस्तुत करता है। जिनमें सबसे महत्वपूर्ण है कस्टम तरल मैदान। पहले से कॉपी किए गए शोर्टकोड में पेस्ट करें Twitter फ़ीड ऐप।

क्लिक करने के बाद सहेजें, आप देखेंगे Twitter में प्रदान की गई फ़ीड Shopify मुखपृष्ठ पूर्वावलोकन दाईं ओर।

आप विकल्पों के साथ अनुभाग को थोड़ा अनुकूलित भी कर सकते हैं:

• रंग योजना
• अनुभाग गद्दी
• कस्टम सीएसएस

से शोर्ट डालने का आखिरी तरीका Twitter फ़ीड्स ऐप इसे वास्तविक थीम स्रोत कोड में जोड़कर है। यह आमतौर पर केवल तभी अनुशंसित किया जाता है जब आप चाहें Twitter कुछ अनुभागों या पृष्ठों में वैश्विक रूप से दिखाई देने वाली फ़ीड।

ऐसा करने के लिए, जाओ ऑनलाइन स्टोर > थीम्स in Shopifyकी सुगम पहुँच देता है। एलिप्सिस (...) अधिक विकल्प प्रकट करने के लिए बटन। पर क्लिक करें कोड संपादित करें ड्रॉप-डाउन मेनू से

उठाओ theme.liquid फ़ाइल करें और थीम कोडिंग के भीतर जहां चाहें कोड पेस्ट करें। एक विकल्प के रूप में, आप संशोधित करना चुन सकते हैं टेम्पलेट्स or पुस्तकालय अनुभाग जहां पर अधिक नियंत्रण के लिए Twitter फ़ीड प्रकट होता है।

अन्य सेटिंग्स जो आप में पा सकते हैं Twitter फ़ीड ऐप में शामिल हैं:

• एक ट्वीट एम्बेड करने के विकल्प (या रीट्वीट)
• उत्पन्न करने के लिए एक उपकरण Twitter साझाकरण बटन
• हैशटैग फ़ीड दिखाने के विकल्प

विधि 2: जोड़ें Twitter को खिलाओ Shopify एंबेडेड के साथ Twitter विजेट

Twitter आपकी वेबसाइट पर किसी भी सार्वजनिक समयरेखा को प्रकाशित करने का एक तरीका प्रदान करता है। इसका अर्थ है कि आपके पास अपने ब्रांड की फ़ीड, या किसी अन्य खाते की पोस्ट दिखाने की क्षमता है।

आरंभ करने के लिए, पर जाएं प्रकाशित करें।Twitter.com.

के URL में पेस्ट या टाइप करें Twitter वह प्रोफ़ाइल जिसे आप अपनी फ़ीड के रूप में प्रदर्शित करना चाहते हैं Shopify इकट्ठा करना। आगे बढ़ने के लिए ऐरो बटन पर क्लिक करें।

यहाँ, आपके पास दो विकल्प हैं:

1. एंबेडेड टाइमलाइन
2. Twitter बटन

RSI Twitter बटन आपकी वेबसाइट पर कहीं फॉलो या मेंशन बटन जोड़ने के लिए उपयोगी हैं। लेकिन इस लेख के लिए, हम एक प्राप्त करने पर अधिक ध्यान केंद्रित कर रहे हैं Twitter दिखाई देने के लिए फ़ीड। तो, का चयन करें एंबेडेड टाइमलाइन विकल्प.

Twitter स्वतः उत्पन्न करता है Twitter फ़ीड विजेट कोड। हालाँकि, हम पर क्लिक करने का सुझाव देते हैं अनुकूलन विकल्प सेट करें अपनी वेबसाइट पर प्रकाशित करने से पहले फ़ीड को पूर्णतः प्रारूपित करने के लिए लिंक पर क्लिक करें।

यह आपके फ़ीड विजेट का स्वरूप बदलने के लिए कई सेटिंग दिखाता है:

• ऊंचाई
• चौड़ाई
• देखो (अंधेरा या प्रकाश)
• भाषा (आप आमतौर पर केवल स्वचालित के साथ जा सकते हैं)

दबाएं अपडेट बटन नीचे पूर्वावलोकन में अपने संशोधनों को देखने के लिए। जैसा कि आप देख सकते हैं, हमारा सरल परिवर्तन से रोशनी सेवा मेरे अंधेरा पूर्वावलोकन में पहले ही प्रस्तुत किया जा चुका है।

एक बार जब आप अपने तरीके से खुश हो जाते हैं Twitter फ़ीड दिखता है, पर क्लिक करें कॉपी कोड विजेट कोड को अपने कंप्यूटर के क्लिपबोर्ड पर कॉपी करने के लिए बटन।

अब यह सीखने का समय है कि कैसे जोड़ना है Twitter अपने को खिलाओ Shopify वेबसाइट। सबसे आसान विकल्प फ़ीड को अपने पर रखना है Shopify मुखपृष्ठ, ए के माध्यम से Shopify अनुभाग।

ऑनलाइन स्टोर > थीम्स > अनुकूलित करें को खोलने के लिए Shopify दृश्य अनुकूलक। मुखपृष्ठ का वह क्षेत्र खोजें जिसे आप सम्मिलित करना चाहते हैं Twitter खिलाना। में से किसी एक पर क्लिक करें अनुभाग जोड़ें प्रकट करने के लिए बटन Shopifyवर्गों का संग्रह। सूची में स्क्रॉल करें या खोजें कस्टम तरल अनुभाग। इसे पेज पर जोड़ने के लिए क्लिक करें।

उपयोग कस्टम तरल पहले कॉपी किए गए कोड को पेस्ट करने के लिए फ़ील्ड ( Twitter वेबसाइट)। जैसे अन्य अनुभाग सेटिंग्स को बेझिझक समायोजित करें रंग योजना, अनुभाग गद्दीया, कस्टम सीएसएस.

आप देखेंगे कि शुरुआत में जो कुछ दिखाया गया है वह आपके ट्वीट्स का एक लिंक है Twitter खाते.

आपको बस क्लिक करना है सहेजें के लिए बटन Shopify प्रस्तुत करने के लिए Twitter कस्टमाइज़र पूर्वावलोकन में फ़ीड करें।

जोड़ने का एक अतिरिक्त तरीका Twitter एम्बेड कोड के माध्यम से फ़ीड इसे एक विशिष्ट पृष्ठ में रखकर है Shopify। के लिए जाओ ऑनलाइन स्टोर > पन्ने यह प्राप्त करने के। वह पृष्ठ खोलें जिसमें आप संपादित करना चाहते हैं।

एक बार पेज एडिटर में, पर क्लिक करें एचटीएमएल दिखाएं (<>) बटन। यह विज़ुअल एडिटर से कस्टम HTML एडिटर में बदल जाता है, जो कोड जोड़ने के लिए आवश्यक है।

उस कोड को पेस्ट करें जिससे आपने मूल रूप से कॉपी किया था Twitterकी सुगम पहुँच देता है। सहेजें or प्रकाशित करना परिवर्तन प्रभावी होने के लिए बटन।

या तो पृष्ठ का पूर्वावलोकन करें या इसके दृश्यपटल दृश्य पर जाएं। यहाँ, आप देखेंगे Twitter उस पृष्ठ पर आपके पास मौजूद किसी भी अन्य सामग्री के साथ प्रदर्शित फ़ीड।

एम्बेड करने का अंतिम तरीका Twitter कोड के साथ विजेट का उपयोग कर रहा है Shopify थीम फ़ाइलें। के लिए जाओ ऑनलाइन स्टोर > थीम्स शुरू करने के लिए। चुने एलिप्सिस (...) बटन, फिर चुनें कोड संपादित करें.

RSI theme.liquid फ़ाइल आपको उस विषय पर पूर्ण नियंत्रण देती है जिस पर आपने वर्तमान में स्थापित किया है Shopify. चिपकाएँ Twitter फ़ीड कोड को जहाँ भी आप फ़ीड को थीम में दिखाना चाहते हैं, वहाँ लगाएँ। अन्यथा, इसका उपयोग करना संभव है टेम्पलेट और अनुभाग यदि आप चाहें तो फ़ाइलें Twitter फ़ीड आपकी वेबसाइट के केवल कुछ हिस्सों में दिखाई देती है, जैसे साइडबार में।

यह है कि कैसे जोड़ें Twitter ए को खिलाएं Shopify वेबसाइट!

आपने देखा होगा कि a का उपयोग करना Shopify अनुप्रयोग अभी भी आपके लिए अपनी वेबसाइट पर कहीं भी रखने के लिए एक शोर्टकोड बनाता है। यह आपको पूछने के लिए प्रेरित कर सकता है, "ऐप का उपयोग करने का क्या मतलब है?" तीन कारण हैं:

1. ऐप का उपयोग करने का मतलब है कि आपका सारा काम एक डैशबोर्ड में समाहित है: Shopify.
2. इसमें कहीं अधिक अनुकूलन सेटिंग्स उपलब्ध हैं Twitter के माध्यम से क्या पेशकश की जाती है, इसकी तुलना में फ़ीड ऐप्स Twitter एम्बेड करने योग्य विजेट।
3. एक शोर्टकोड द्वारा प्रदान किए गए कोड की तुलना में कम से कम डराने वाला है Twitter.

और इसके लिए बस इतना ही है! हमें उम्मीद है कि जोड़ने के बारे में हमारी पूरी गाइड Twitter को खिलाओ Shopify आपको यह पता लगाने में मदद मिली है कि क्या ए plugin या कोड विजेट आपके ईकॉमर्स स्टोर के लिए सही है। हम आपको वैकल्पिक सोशल मीडिया फीड एम्बेड करने के लिए अन्य ऐप्स देखने के लिए प्रोत्साहित करते हैं, जैसे कि इंस्टाग्राम फीड, या यहां तक ​​कि सोशल प्रूफ या टिकटॉक वीडियो जैसी कोई चीज दिखाने के लिए। यदि आपके कोई प्रश्न हैं तो हमें टिप्पणियों में बताएं!