תיעוד אפליקציית Shopify
כל מה שצריך כדי להגדיר ולהתאים המרת מטבע בחנות Shopify שלכם
תוכן העניינים
1 התקנה
התקנה מחנות האפליקציות של Shopify
- בקרו בעמוד האפליקציה של Currency.Wiki בחנות האפליקציות של Shopify
- לחצו על 'הוסף אפליקציה' ואשרו את ההתקנה
- האפליקציה תיפתח ותלווה אתכם באשף ההגדרה
- השלימו את אשף ההגדרה כדי להתחיל להמיר מחירים
טיפ: אשף ההגדרה לוקח כ-2 דקות ומלווה אתכם בכל שלב.
2 אשף הגדרה
אשף ההגדרה עוזר להגדיר את האפליקציה נכון. הוא ילווה אתכם בעדכון פורמט המטבע והפעלת הטמעת האפליקציה.
שלב 1: ברוכים הבאים
עברו על מה שכולל תהליך ההגדרה ולחצו 'בואו נתחיל'.
שלב 2: עדכון פורמט מטבע
גשו ל-Shopify Admin → הגדרות → כללי → ברירות מחדל של החנות. מצאו את המטבע שלכם ולחצו על תפריט שלוש הנקודות → 'שנה עיצוב מטבע'. עדכנו את שדות ה-HTML עם מחלקת העטיפה שלנו:
HTML עם מטבע:
<span class="cwiki">${{amount}} USD</span>
HTML ללא מטבע:
<span class="cwiki">${{amount}}</span>
חשוב: מחלקת העטיפה cwiki חיונית. היא מסמנת לאפליקציה אילו אלמנטים הם מחירים, כדי שנמיר רק מחירים אמיתיים ולא מספרי טלפון או מזהי הזמנות.
שלב 3: הפעלת הטמעת אפליקציה
הפעילו את האפליקציה בסעיף App Embeds של ערכת העיצוב:
- גשו לחנות אונליין → ערכות עיצוב → התאמה אישית
- חפשו 'App embeds' בתפריט הצדדי
- מצאו 'Currency.Wiki App' והפעילו אותו
- לחצו שמור בעורך ערכת העיצוב
שלב 4: אימות הגדרה
לחצו 'סרוק את החנות שלי' כדי לוודא שההגדרה הושלמה. האשף יבדוק את מחלקת העטיפה cwiki ואת הטמעת האפליקציה. אם הצלחתם, אתם מוכנים!
3 סגנונות ווידג'ט
בחרו מתוך 6 סגנונות ווידג'ט שיתאימו לעיצוב החנות. כל סגנון ניתן להתאמה עם צבעי המותג שלכם.
תפריט נפתח מינימלי
שילוב קומפקטי בכותרת עם רשימה פשוטה. מתאים במיוחד למיקום בפינה העליונה.
כפתור צף
כפתור צף ידידותי לנייד עם פאנל מתרחב. נהדר לחנויות ממוקדות מובייל. ממוקם בפינות.
מגירת צד
פאנל צד בגובה מלא עם חיפוש. אידיאלי לחנויות עם הרבה מטבעות.
חלון קופץ
שכבת-על ממורכזת עם פריסת רשת. הופך את בחירת המטבע לממוקדת.
בורר טאבים אינליין
טאבים אופקיים למטבעות פופולריים. מעבר מהיר ללא פתיחת תפריטים.
סמל פינה
אייקון פינה מינימליסטי שמתרחב בלחיצה. הכי פחות מפריע לעיצוב נקי.
טיפ: השתמשו בעמוד הגדרות הווידג'ט בלוח הניהול כדי לצפות בכל הסגנונות עם צבעי החנות שלכם.
4 לוח ניהול
לוח הניהול נותן לכם שליטה מלאה על אופן פעולת המרת המטבע בחנות.
דף הבית של הלוח
הפעילו/כיבו את הווידג'ט, צפו בסטטיסטיקות המרה, ותצוגה חיה של הווידג'ט.
הגדרות ווידג'ט
בחרו סגנון, מיקום, צבעים, גודל, רדיוס פינות ואפשרויות דגלים.
ניהול מטבעות
הפעילו/כיבו מטבעות, סדרו את הרשימה, הגדירו התנהגות זיהוי אוטומטי, והעדפות שערי חליפין.
אנליטיקה
צפו בתרשימי המרה, מטבעות מובילים, והבינו את התפלגות הלקוחות.
ערכת עיצוב ומראה
בחרו מצב ערכת עיצוב (אוטומטי, בהיר, כהה, מותאם), הגדירו צבעים, אפקטים, והתנהגות מצב כהה.
הודעה בעגלת קנייה/תשלום
הפעילו הודעה בעמודי עגלה/תשלום כדי ליידע את הלקוחות על מטבע התשלום.
5 הגדרות מתקדמות
הגדרות מתקדמות מעניקות למשתמשי Pro שליטה רבה יותר על עיצוב מחירים והתנהגות המרה.
עיצוב מחירים (Pro)
- ספרות עשרוניות - שליטה בכמות הספרות העשרוניות (0-6).
- פורמט מספר - בחרו סגנון פורמט (אוטומטי, US, EU, הודי, רווח•נקודה, רווח•פסיק).
- מיקום סמל - הצגת סמל המטבע לפני או אחרי הסכום, או אוטומטי לפי מטבע.
- עיגול - סטנדרטי, תמיד כלפי מעלה, תמיד כלפי מטה, או ללא עיגול. אפשרות לעיגול ל-0.99 הקרוב.
שילוב עם ערכת עיצוב (Pro)
הטמיעו את הווידג'ט או הודעת עגלה בכל מקום בתבנית באמצעות קטעי HTML אלו:
הטמעת ווידג'ט (להוספה ל-header.liquid או לכל קטע):
<div class="cwiki-widget"></div>
הטמעת הודעת עגלה (להוספה ל-cart.liquid):
<div class="cwiki-banner"></div>
אפשרויות למפתחים (Pro)
- עקיפות עיצוב - הזרקת CSS מותאם אישית לשינוי עיצוב הווידג'ט.
- מאזיני לחיצה - המרת מחירים מחדש כאשר אלמנטים מסוימים נלחצים (למשל, בוררי מידה, אפשרויות מוצר).
- אלמנטים נוספים של מחירים - מיקוד לאלמנטים נוספים מעבר לעטיפת .cwiki.
- תבניות URL - סריקה מחדש למחירים כאשר ה-URL מכיל מחרוזות מסוימות (לתוכן AJAX, גלילה אינסופית).
- השהיית המרה - המתנה לפני המרת מחירים (לתוכן שנטען לאחר טעינת הדף).
לתשומת לבך: אפשרויות אלו מיועדות למשתמשים מתקדמים. בדקו על ערכת עיצוב בתצוגה מקדימה לפני פרסום.
6 פתרון תקלות
המחירים לא מומרצים?
ודאו שמחלקת העטיפה cwiki נמצאת בהגדרות פורמט המטבע. גשו להגדרות → כללי → ברירות מחדל של החנות ובדקו את עיצוב ה-HTML. ודאו גם שהטמעת האפליקציה מופעלת במתאם ערכת העיצוב.
הווידג'ט לא מוצג?
בדקו שהטמעת האפליקציה מופעלת בסעיף App Embeds של ערכת העיצוב. פתחו את מתאם ערכת העיצוב, מצאו App Embeds וודאו ש-Currency.Wiki מופעל. שמרו ורעננו את החנות.
המחירים מהבהבים בטעינה?
האפליקציה שלנו בנויה לטעינה ללא הבהוב. אם אתם רואים הבהוב, בדקו אם יש תוספי מטמון שמפריעים. ודאו גם שהטמעת האפליקציה נטענת ב-head של ערכת העיצוב.
מטבע שגוי מזוהה?
הזיהוי הגיאוגרפי מבוסס על כתובת ה-IP של המבקר. VPN או רשתות ארגוניות עלולות להשפיע. המבקרים תמיד יכולים לבחור ידנית את המטבע המועדף. ניתן גם להגדיר מטבע ברירת מחדל בהגדרות.
הווידג'ט לא תואם את ערכת העיצוב שלי?
השתמשו בהגדרות ערכת עיצוב להתאמת צבעים, או הפעילו מצב אוטומטי לזיהוי צבעי ערכת העיצוב. ניתן גם להשתמש ב-CSS מותאם אישית בהגדרות מתקדמות.
זקוקים לעזרה?
צוות התמיכה שלנו מוכן לעזור בכל שאלה על הגדרה או תצורה.