שופיפיי בעברית: המדריך המלא (מעודכן: 2026)

המדריך המעודכן והמפורט ביותר להתאמת חנות השופיפיי שלך ל-RTL (מימין לשמאל) ולעברית.

תרגום

תרגום מונחי התבנית

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

Actions > Edit Languages

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

אפליקציית RTL Master, מספקת תרגום מוכן מראש לאותם טקסטים, כך שלא תצטרכו לתרגם את כולם באופן ידני.

תרגום תוכן החנות

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

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

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

תצוגת החנות

תבניות שופיפיי

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

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

שינוי קוד התבנית

נתחיל מהפרכת השמועה שישנו "קוד מיוחד" שיכול להתאים כל תבנית לעברית, ע"י הוספת "dir=rtl" לאלמנט הHTML.

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

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

עריכת קובץ הCSS

בואו נסתכל על הגרסא הרגילה של תבנית Dawn:

נתחיל בהוספת הכלל הראשי לקובץ ה-CSS שלנו, זיהוי הבאגים ותיקון שלהם.
נוסיף כלל RTL לאלמנט ה-HTML שלנו:

html{
direction:rtl
}

כעת נסתכל על התוצאה ונזהה את הבאגים:

דסקטופ:

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

מובייל:

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

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

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

התראות בעברית

תרגום ההתראות

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

ניתן לערוך את ההתראות האלה בממשק הניהול של שופיפיי, תחת הגדרות > התראות.

האימיילים כתובים ב-"HTML". ניתן לשנות את כל הטקסטים שמופיעים בהם לעברית.

אפשרות נוספת היא להשתמש באפליקציית RTL Master, כפי שצוין קודם. האפליקציה מציעה תבניות מוכנות בעברית למי שלא רוצה להתעסק עם שינויים מורכבים ב-HTML.

שימוש בפונטים עבריים

פונטים ברירת מחדל

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

שימוש בפונטי Google לפונטים עבריים

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

• ייבא את הפונט על ידי העתקת קוד "@import" שסופק על ידי פונטי Google והוספתו לקובץ ה-CSS של התבנית שלך.
• בחר את האלמנטים שאתה רוצה שהפונט יופיע בהם, והחל את הפונט עליהם.
  הקוד הסופי שלך צריך להיראות כך:

@import url('https://fonts.googleapis.com/css2?family=Assistant&display=swap');

body, p, blockquote, li, a, h1, h2, h3, h4, h5, h6{
{font-family: 'Assistant' !important;}
}

הוספת פונטים עבריים מותאמים אישית

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

• העלה את קובץ .woff2 של הפונט שלך לקבצי שופיפיי.
• העתק את כתובת הקובץ
• הוסף את קוד ה-CSS הבא לקובץ ה-CSS של התבנית שלך:

@font-face {
font-family: "XXXXX";
src: url("YYYY") format("woff2");
}

ודא להחליף את XXXX בשם משפחת הפונט ואת YYYY בקישור שהעתקת זה עתה.

• עכשיו אתה צריך לבחור את האלמנטים שאתה רוצה שהפונט יופיע בהם ולהחיל את הפונט עליהם. הקוד הסופי שלך צריך להיראות כך:

@font-face {
font-family: "";
src: url("YYYY") format("woff2");
}

body, p, blockquote, li, a, h1, h2, h3, h4, h5, h6{
{font-family: 'XXXXX' !important;}
}

הגדרות מטבע

שינוי המטבע ברירת המחדל

ניתן לבחור כמעט כל מטבע קיים להיות ברירת המחדל של החנות שלך..

עבור אל הגדרות > כללי וגלול למטה למטבע החנות.

שימו לב! לא ניתן לשנות את המטבע לאחר המכירה הראשונה בחנות. ניתן לבקש מתמיכת שופיפיי לבצע שינוי.

שינוי סמל המטבע

שנה את סימן הדולר ($) לסמל שאתה רוצה שיופיע, ₪ לדוגמה.

שימוש באפליקציית RTL Master

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

אפליקציית RTL Master תעשה:

• הפיכת החנות המקוונת שלך לידידותית למשתמשים המקומיים שלך על ידי מתן תצוגת RTL של התבנית והתשלום בשפה שלך.
• שימוש בפונטים עבריים
• תרגום ועיצוב RTL להתראות החנות (אישור הזמנה, נטישת תשלום וכו'..)
• מאפשר לאתרים רב-לשוניים להציג את התצוגה הנכונה (RTL/LTR) בהתבסס על השפה הנוכחית שנטענת.