איך להוסיף Twitter להאכיל ל Shopify אתר

אם תירשם לשירות מקישור בדף זה, ריבס ובניו מוגבלת עשויה לזכות בעמלה. ראה שלנו אמירה אתית.

למד כיצד להוסיף א Twitter להאכיל את שלך Shopify אתר האינטרנט מאפשר למותג שלך להציג את הנוכחות החברתית שלו בדפים כמו דף הבית, הבלוג ואפילו דפי המוצר שלך.

החלק הגדול בהטמעת א Twitter העדכון באתר שלך הוא שהוא מתעדכן אוטומטית Twitter תוכן באתר שלך, כלומר אינך צריך להעתיק פוסטים מהאתר שלך Twitter עמוד.

בנוסף, א Twitter פיד הוא דרך מצוינת להחדיר כמות משמעותית של תמונות לאתר שלך; מותגים רבים משתמשים Twitter גלריות או עדכונים שישמשו כגלריות התמונות של דף הבית שלהם.

ישנן שתי דרכים להוסיף א Twitter להאכיל את שלך Shopify אתר אינטרנט:

  1. עם אפליקציה
  2. על ידי הטבעת קוד עבור א Twitter יישומון

במדריך זה, נדריך אותך בשתי השיטות, ויאפשר לך להחליט איזו מהן מתאימה לך ביותר. אנו ממליצים לנסות כל אפשרות, מכיוון שאתה עשוי לגלות שאחת נראית או מתפקדת טוב יותר מהאחרת, בהתאם לפריסת האתר ולזרימת העבודה שלך.

המשך לקרוא כדי ללמוד הכל על איך להוסיף א Twitter להאכיל א Shopify אתר אינטרנט!

איך להוסיף Twitter להאכיל ל Shopify אתר

כדי להתחיל, נבדוק כיצד להוסיף א Twitter להאכיל ל Shopify עם אפליקציה. יש כמה Twitter יישומים ב - Windows XP Shopify App Store, כולם מספקים פונקציונליות ייחודית. חלקם נותנים לך כפתורי מדיה חברתית, Twitter ספירת עוקבים, או אפילו פרסום אוטומטי. עם זאת, מה שאנחנו מחפשים הוא אפליקציה לסנכרון הנוכחי שלך Twitter עדכון, המציג מספר מסוים מהפוסטים האחרונים מהחשבון שלך (או חשבון ציבורי אחר).

שיטה 1: הוסף Twitter להאכיל ל Shopify עם אפליקציה

יש חלק בחינם, וחלק בתשלום, Twitter אפליקציות הזנה זמינות להורדה דרך Shopify חנות אפליקציות. במדריך זה, נשתמש ב-Zestard Twitter אפליקציית פיד, מכיוון שהיא מספקת את הפונקציונליות הנדרשת, והיא בחינם. אם תחליט על אפליקציה אחרת, אנו מציעים לנסות תחילה את כל האפליקציות החינמיות, מכיוון שזו לא בדיוק תכונה שאתה צריך לשלם עליה.

כדי להתחיל, התקן את זסטארד Twitter אפליקציית פיד על שלך Shopify חנות. אם אתה עדיין מתחיל עם Shopify, ללמוד כיצד ליצור את החנות שלך כאן. אתה יכול למצוא אפליקציות על ידי התחברות שלך Shopify חשבון, והולכים ל הוסף אפליקציות, או ניווט ישירות ל-App Store.

נְקִישָׁה הוסף אפליקציה ב Shopify App Store, אם כן התקן אפליקציה ברגע שהוא מחזיר אותך למסך לוח המחוונים עם ה-informatיון על הרשאות ופרטיות.

התקנת האפליקציה - איך מוסיפים Twitter להאכיל ל Shopify אתר אינטרנט

לאחר ההתקנה, תראה כרטיסייה חדשה עבור Twitter הזנה תחת Apps בכרטיסייה Shopify. יש גם סעיף בנושא הוראות שימוש האפליקציה, שתוכל לעקוב אחריה כדי להגדיר אותה כראוי.

נדרשת הגדרות מסוימות לפני צפייה בתצורה כלשהי Twitter ניזון מהחזית. לך ל הגדרות זמן להתחיל.

הולך ל Twitter אפליקציית פיד

דף זה מספק מספר שדות להתאמה אישית של המראה הכללי והתוכן של הפיד.

השדה החשוב ביותר למילוי הוא שם הזנה; הקלד או הדבק ב- Twitter ידית שאתה רוצה למשוך ממנה. אפשר להציג את הפיד מכל ציבור Twitter פּרוֹפִיל.

הגדרות אחרות כוללות:

  • רוחב תיבת הזנה
  • גובה תיבת הזנה
  • עיצוב עדכון (בהיר או כהה)
  • מגבלת עדכון (מציג רק מספר מסוים של ציוצים אחרונים)
  • צבע קישור נתונים
  • צבע רקע להזנה

לאחר שתסיים להתאים אישית, וודא שאתה לוחץ על שמור שינויים לחצן לעיבוד תצוגה מקדימה.

מיקום בשם הפיד

לאחר הלחיצה שמור שינויים, האפליקציה יוצרת תצוגה מקדימה של Twitter הזנה. אל תהסס לגלול בפיד ולחזור אחורה כדי להתאים את ההגדרות בהתאם למה שתרצה להשיג.

תצוגה מקדימה של Twitter להאכיל Shopify

ממש מעל התצוגה המקדימה, תראה שהאפליקציה גם יצרה קוד קצר עבור הפיד. זהו קטע קוד ייחודי שתוכל להדביק בכל מקום על שלך Shopify אתר אינטרנט. לחץ כדי העתק הקוד ללוח שלך.

הקוד הקצר

אל האני Twitter אפליקציית Feed חושפת חלון קופץ שתוכל להעתיק את הקוד בקלות. כל מה שאתה צריך לעשות הוא להשתמש בקוד הקצר של המקלדת CTRL + C (Command + C עבור Mac) כדי להעתיק את הקוד הקצר ללוח של המחשב שלך.

מעתיקים את קוד הקיצור כיצד להוסיף Twitter להאכיל ל Shopify אתר אינטרנט

אולי תרצה למקם את Twitter להאכיל מא Shopify דף אינטרנט, כמו בדפי אודותינו, יצירת קשר או תמיכה. כדי לעשות זאת, עבור אל חנות מקוונת > דפים in Shopify. פתח את הדף החדש שעבורו תרצה להוסיף את העדכון. לחץ על <> (הצג HTML) לחצן כדי לעבור מהעורך החזותי לעורך קוד HTML.

בחירת עורך HTML

הדבק את הקוד הקצר שהועתק בעבר בעורך ה-HTML. אם יש תוכן אחר בדף, פשוט בחר לאן אתה רוצה שהפיד יגיע, והכנס שם את הקוד. הקפד לשמור את הדף.

הדבקת קוד לתוך Shopify עמוד

נווט אל הקצה הקדמי של הדף על ידי תצוגה מקדימה או מעבר לכתובת האינטרנט שלו. כעת תראה את Twitter העדכון מוצג בדיוק היכן שהכנסת את הקוד הקצר.

התוצאות בחזית

בעלי חנויות מקוונות רבות יעדיפו ללמוד כיצד להוסיף Twitter להאכיל א Shopify דף הבית. במקרה הזה, Shopify מספק התאמה אישית ויזואלית עבור דף הבית, מה שמקל עוד יותר על הכנסת Twitter קוד קצר להזנה.

בשביל זה, עבור אל חנות מקוונת > ערכות נושא > התאמה אישית.

לאחר מכן, מצא את האזור שבו תרצה למקם את Twitter הזנה. לחץ על הוסף קטע כפתור באזור זה. חפש את ה נוזל מותאם אישית קטע נושא והכנס אותו לתוך Shopify.

הוספת קטע

אל האני נוזל מותאם אישית קטע ערכת הנושא מציג מספר הגדרות בצד שמאל. החשוב שבהם הוא ה נוזל מותאם אישית שדה. הדבק את הקוד הקצר שהועתק קודם לכן מה- Twitter אפליקציית הזנות.

לאחר הלחיצה שמור, אתה תראה את Twitter הזנה שניתנו ב- Shopify תצוגה מקדימה של דף הבית מימין.

אולי אפילו תתאים קצת את הקטע עם אפשרויות עבור:

  • סכמת צבעים
  • ריפוד מדור
  • CSS המותאם אישית
איך להוסיף Twitter להאכיל ל Shopify אתר אינטרנט באמצעות החלק הנוזל המותאם אישית

הדרך האחרונה להכניס שורטקוד מה- Twitter אפליקציית הזנות היא על ידי הוספתה לקוד המקור של ערכת הנושא בפועל. בדרך כלל זה מומלץ רק אם אתה רוצה את Twitter עדכון כדי להופיע באופן גלובלי במקטעים או דפים מסוימים.

לשם כך, עבור אל חנות מקוונת > ערכות נושא in Shopify. הקלק על ה אליפסיס (…) כפתור כדי לחשוף אפשרויות נוספות. לחץ על ערוך קוד מהתפריט הנפתח.

עריכת קוד

בחר את theme.Liquid קובץ והדבק את הקוד היכן שתרצה בתוך קידוד ערכת הנושא. כחלופה, אתה יכול לבחור לשנות תבניות or סעיפים לשליטה רבה יותר על היכן Twitter עדכון מופיע.

איך להוסיף Twitter להאכיל ל Shopify אתר אינטרנט דרך קבצי הנושא

הגדרות אחרות תוכלו למצוא ב- Twitter אפליקציית העדכון כוללת:

  • אפשרויות להטמעת ציוץ בודד (או ציוץ מחדש)
  • כלי ליצור א Twitter כפתור שיתוף
  • אפשרויות להצגת עדכוני האשטאג

שיטה 2: הוסף Twitter להאכיל ל Shopify עם Embedded Twitter יישומון

Twitter מציע דרך לפרסם כל ציר זמן ציבורי באתר האינטרנט שלך. זה אומר שיש לך את היכולת להציג את העדכון של המותג שלך, או את הפוסטים מחשבון אחר.

כדי להתחיל, עבור אל לְפַרְסֵם.Twitter.com.

הדבק או הקלד את כתובת האתר של Twitter הפרופיל שברצונך להציג כעדכון שלך Shopify חנות. לחץ על כפתור החץ כדי להמשיך.

הדבקה ב-a Twitter כתובת האתר

הנה, יש לך שתי אפשרויות:

  1. ציר זמן מוטבע
  2. Twitter לחצנים

אל האני Twitter לחצנים שימושיים להוספת כפתור מעקב או אזכור איפשהו באתר האינטרנט שלך. אבל עבור מאמר זה, אנו מתמקדים יותר בקבלת א Twitter להאכיל להופיע. אז, בחר את ציר זמן מוטבע אוֹפְּצִיָה.

בחירת ציר זמן מוטבע על Twitter

Twitter יוצר אוטומטית את Twitter קוד יישומון הזנה. עם זאת, אנו מציעים ללחוץ על הגדר אפשרויות התאמה אישית קישור ל format העדכון במלואו לפני הפרסום באתר האינטרנט שלך.

הגדרת אפשרויות התאמה אישית

זה חושף מספר הגדרות לשינוי המראה של ווידג'ט הפיד שלך:

  • גוֹבַה
  • רוֹחַב
  • מבט (כהה או בהיר)
  • שפה (בדרך כלל אתה יכול פשוט ללכת עם אוטומטי)

לחץ על כפתור עדכון כדי לראות את השינויים שלך בתצוגה המקדימה למטה. כפי שאתה יכול לראות, השינוי הפשוט שלנו מ אור ל כהה כבר מוצג בתצוגה המקדימה.

התאמה אישית של Twitter יישומון

ברגע שאתה מרוצה מהדרך שלך Twitter מראה הפיד, לחץ על העתק קוד לחצן כדי להעתיק את קוד הווידג'ט ללוח של המחשב שלך.

העתקה של Twitter קוד

עכשיו הגיע הזמן ללמוד כיצד להוסיף את Twitter להאכיל את שלך Shopify אתר אינטרנט. האפשרות הקלה ביותר היא למקם את הפיד על שלך Shopify דף הבית, דרך א Shopify סָעִיף.

תיכנס לאתר חנות מקוונת > ערכות נושא > התאמה אישית לפתוח את Shopify התאמה אישית ויזואלית. מצא את האזור של דף הבית שבו תרצה להוסיף Twitter הזנה. לחץ על אחד מה הוסף קטע כפתורים לחשוף Shopifyאוסף המדורים של. גלול ברשימה או חפש את נוזל מותאם אישית סָעִיף. לחץ כדי להוסיף את זה לדף.

הוספת קטע

השתמש נוזל מותאם אישית כדי להדביק את הקוד שהועתק קודם לכן (מה- Twitter אתר אינטרנט). אל תהסס להתאים הגדרות מדור אחרות כמו סכמת צבעים, ריפוד מדור, או CSS המותאם אישית.

אתה תבחין שבהתחלה, כל מה שמוצג הוא קישור לציוצים שלך Twitter חֶשְׁבּוֹן.

הדבקת הקוד

אתה פשוט צריך ללחוץ על שמור כפתור ל - Shopify לעבד את Twitter הזנה בתצוגה המקדימה של הפרמטר להתאמה אישית.

איך להוסיף Twitter להאכיל ל Shopify אתר בפריסה להתאמה אישית

דרך נוספת להוסיף א Twitter ההזנה באמצעות קוד הטמעה היא על ידי הכנסתו לדף מסוים ב Shopify. לך ל חנות מקוונת > דפים להשיג את זה. פתח את הדף שבו תרצה לערוך.

ברגע שאתה נמצא בעורך העמוד, לחץ על הצג HTML (<>) לַחְצָן. פעולה זו עוברת מהעורך החזותי לעורך HTML המותאם אישית, הנדרש להוספת קוד.

הולך לדף

הדבק את הקוד שממנו העתקת במקור Twitter. הקלק על ה שמור or לפרסם לחצן כדי שהשינויים ייכנסו לתוקף.

הדבקת קוד בדף

הצג תצוגה מקדימה של הדף או עבור לתצוגת החזית שלו. כאן, תראה את Twitter עדכון המוצג לצד כל תוכן אחר שהיה לך בדף זה.

twitter להאכיל בחזית

הדרך האחרונה להטמיע א Twitter יישומון עם קוד הוא על ידי שימוש ב- Shopify קבצי נושא. לך ל חנות מקוונת > ערכות נושא להתחיל. בחר את אליפסיס (…) לחצן ולאחר מכן בחר ערוך קוד.

ערוך קוד ב Shopify

אל האני theme.Liquid הקובץ נותן לך שליטה מלאה על ערכת הנושא שהתקנת עליו כעת Shopify. הדבק את Twitter קוד הזנה בכל מקום בו תרצה שהעדכון יופיע בערכת הנושא. אַחֵרwise, אפשר לנצל תבנית ו סעיף קבצים למקרה שאתה מעדיף את Twitter עדכון מופיע רק בחלקים מסוימים באתר האינטרנט שלך, כמו בסרגל הצד.

איך להוסיף Twitter להאכיל ל Shopify אתר אינטרנט באמצעות קבצי ערכת הנושא

כך מוסיפים א Twitter להאכיל א Shopify אתר אינטרנט!

אולי שמתם לב ששימוש ב-a Shopify האפליקציה עדיין יוצר קוד קצר שתוכל למקם בכל מקום באתר האינטרנט שלך. זה עשוי לגרום לך לשאול, "מה הטעם להשתמש באפליקציה?" ישנן שלוש סיבות:

  1. שימוש באפליקציה פירושו שכל העבודה שלך מוכלת ללוח מחוונים אחד: Shopify.
  2. יש הרבה יותר הגדרות התאמה אישית זמינות ב Twitter אפליקציות הזנה בהשוואה למה שמוצע דרך ה Twitter יישומון ניתן להטמעה.
  3. קוד קצר הוא לפחות קצת פחות מאיים מהקוד שמספק Twitter.

וזה כל מה שיש בזה! אנו מקווים שהמדריך המלא שלנו כיצד להוסיף Twitter להאכיל ל Shopify עזר לך להבין אם א plugin או ווידג'ט קוד מתאים לחנות המסחר האלקטרוני שלך. אנו ממליצים לך לבדוק אפליקציות אחרות להטמעת עדכוני מדיה חברתית חלופית, כמו עדכון אינסטגרם, או אפילו להצגת משהו כמו הוכחה חברתית או סרטוני TikTok. ספר לנו בתגובות אם יש לך שאלות כלשהן!

ג'ו וורנימונט

ג'ו וורנימונט הוא סופר משיקגו המתמקד בכלי מסחר אלקטרוני, וורדפרס ומדיה חברתית. כשהוא לא דוג או מתרגל יוגה, הוא אוסף בולים בפארקים הלאומיים (למרות שזה בעיקר לילדים). בדוק את תיק העבודות של ג'ו ליצור איתו קשר ולראות עבודות קודמות.

תגובות תגובות 0

השאירו תגובה

כתובת הדוא"ל שלך לא תפורסם. שדות חובה מסומנים *

דֵרוּג *

אתר זה משתמש Akismet כדי להפחית דואר זבל. למד כיצד הנתונים שלך מעובדים.

לנסות Shopify למשך 3 חודשים עם $1 לחודש!