Rich text editor (עורך טקסט עשיר) של שופיפיי משמש לעיצוב תוכן שמוצג בחנות אונליין, כמו Product descriptions (תיאורי מוצרים), CollectionCollection / קולקציהCollection (קולקציה) היא קבוצת מוצרים מאורגנת בחנות Shopify (שופיפיי) — יכולה להיות ידנית (בחירה פרטנית) או אוטומטית (לפי תנאים כמו תג, מחיר או ספק).פתיחה במילון descriptions (תיאורי קולקציות), Blog posts (פוסטים), Pages (עמודים) ו-Store policies (מדיניות חנות).

כדי ליצור פסקה חדשה, לוחצים enter או return. כדי להוסיף Line break (שבירת שורה) בלי פסקה חדשה, מחזיקים shift ולוחצים enter או return.

במדריך הזה

איפה משתמשים בעורך

אפשר לערוך תוכן בכמה אזורים: Product descriptions, CollectionCollection / קולקציהCollection (קולקציה) היא קבוצת מוצרים מאורגנת בחנות Shopify (שופיפיי) — יכולה להיות ידנית (בחירה פרטנית) או אוטומטית (לפי תנאים כמו תג, מחיר או ספק).פתיחה במילון descriptions, Blog posts, Pages ו-Store Policies. אם משתמשים בתבנית שתומכת בכך, אפשר גם להוסיף Rich text sections (מקטעי טקסט עשיר) לעמודים או Templates (תבניות) דרך Theme editorTheme editor / עורך התבניתTheme editor (עורך התבנית) הוא הממשק הויזואלי של Shopify (שופיפיי) שמאפשר לסוחר לערוך סקשנים, בלוקים, צבעים וגופנים של החנות בלי לגעת בקוד.פתיחה במילון.

HTML ותוכן מוטמע

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

כדי להטמיע Video widget (ווידג׳ט וידאו) או Music widget (ווידג׳ט מוזיקה), מארחים את המדיה בשירות כמו YouTube, Vimeo או SoundCloud, מעתיקים את Embed code (קוד הטמעה), פותחים HTML בעורך, מדביקים ושומרים.

עיצוב טקסט וטבלאות

כפתור Formatting (עיצוב) מאפשר לבחור Paragraph (פסקה), Heading (כותרת 1-6) או Blockquote (ציטוט). כותרות נכונות עוזרות לקוראים ולמנועי חיפוש להבין את מבנה התוכן.

אפשר להחיל Bold (מודגש), Italic (נטוי), Underline (קו תחתון), Bulleted list (רשימת נקודות), Numbered list (רשימה ממוספרת), Indent (הזחה), Alignment (יישור), Text colorColor / צבעColor (צבע) הוא סוג תוכן של מטא-שדה ב-Shopify (שופיפיי) שמאחסן ערך צבע מובנה — כגון HEX או RGB — ומאפשר להציגו בתבנית כממשק בחירה ויזואלי.פתיחה במילון (צבע טקסט) ו-Background colorColor / צבעColor (צבע) הוא סוג תוכן של מטא-שדה ב-Shopify (שופיפיי) שמאחסן ערך צבע מובנה — כגון HEX או RGB — ומאפשר להציגו בתבנית כממשק בחירה ויזואלי.פתיחה במילון (צבע רקע). כדי לנקות עיצוב, מסמנים תוכן ולוחצים Clear formatting.

כדי להוסיף Table (טבלה), לוחצים Insert table. אחרי יצירת הטבלה אפשר להוסיף שורות ועמודות, למחוק שורה או עמודה, או למחוק את כל הטבלה.

קישורים וקבצים

אפשר להוסיף Hyperlinks (קישורים) לעמודים בחנות, לאתרים חיצוניים, לכתובות אימייל או למספרי טלפון. סמנו טקסט או תמונה, לחצו Insert link, הזינו יעד, הוסיפו Link title (כותרת קישור), בחרו אם לפתוח באותו חלון או בחלון חדש, ולחצו Insert link.

Internal links (קישורים פנימיים) משתמשים ב-short URLURL / כתובת קישורURL (כתובת קישור) היא הכתובת הייחודית של כל עמוד, מוצר, קולקציה או משאב בחנות Shopify (שופיפיי) — מה שמופיע בשורת הדפדפן ומשמש לניווט, שיתוף, ו-SEO.פתיחה במילון (כתובת קצרה), למשל /collections. External links (קישורים חיצוניים) צריכים להתחיל ב-http:// או https://.

כדי לקשר לקובץ, מעלים אותו ב-Content > Files, מעתיקים את URLURL / כתובת קישורURL (כתובת קישור) היא הכתובת הייחודית של כל עמוד, מוצר, קולקציה או משאב בחנות Shopify (שופיפיי) — מה שמופיע בשורת הדפדפן ומשמש לניווט, שיתוף, ו-SEO.פתיחה במילון (כתובת הקובץ), ואז מוסיפים אותו כקישור בעורך. שופיפיי מציינת שכתובת הקובץ צריכה להתחיל ב-http://cdn.shopify.com/.

תמונות, וידאו ואודיו

להוספת תמונה אפשר להעלות קובץ, לבחור Product image (תמונת מוצר), או להשתמש ב-Image URLURL / כתובת קישורURL (כתובת קישור) היא הכתובת הייחודית של כל עמוד, מוצר, קולקציה או משאב בחנות Shopify (שופיפיי) — מה שמופיע בשורת הדפדפן ומשמש לניווט, שיתוף, ו-SEO.פתיחה במילון (כתובת תמונה ציבורית). לכל מוצר יכולות להיות עד 250 תמונות משויכות, כולל וריאנטים, אבל אין מגבלה למספר התמונות שאפשר להשתמש בהן באזורים אחרים בחנות.

אפשר להזיז תמונה בתוך תוכן, לשנות גודל באמצעות גרירה מפינה, לערוך גודל ויישור, להוסיף Alt text (טקסט חלופי), להגדיר spacing (מרווחים), ולהפעיל Wrap text around image (גלישת טקסט סביב תמונה).

להטמעת וידאו, שופיפיי ממליצה להעלות את הסרטון לשירות Streaming (הזרמה) כמו YouTube או Vimeo, ליצור Embed code, ולהדביק אותו דרך Insert video. להטמעת אודיו, מעלים את קובץ האודיו ל-Files ומטמיעים תגית <audio> עם כתובת הקובץ.

תגובות פנימיות והבנת העורך

אפשר להשתמש ב-comment tags (תגיות תגובה) מסוג <!-- ו---> לטקסט שלא רוצים לפרסם בחנות. כדי להוסיף, פותחים Show HTML, עוטפים את הטקסט בתגיות, ושומרים. תגיות HTML שבתוך תגובה נשמרות כטקסט פנימי; כדי שהן יעבדו, צריך להסיר את תגיות התגובה.

העורך מבוסס TinyMCE CDN (רשת אספקת תוכן). יש לו מגבלת Content limit (מגבלת תוכן) של 64KB לעמודים, פוסטים ו-Additional scripts, והוא מבצע HTML sanitization (ניקוי HTML) שמתקן קוד אוטומטית כדי למנוע תקלות תצוגה וסיכוני אבטחה.

פתרון בעיות

  • אם עיצוב שהועתק מ-Word או מאתר אחר גורם לתצוגה שונה, בדקו עותק של העמוד עם Clear formatting או HTML stripper.
  • אם תמונה וטקסט לא מיושרים, שופיפיי ממליצה להעביר את תגית <img> לתחילת הפסקה מחוץ לתגית <p> ולהסיר תגיות <span> מיותרות.
  • אם mailto: לא עובד, ודאו שהקישור במבנה mailto:email@example.com.
  • אם גודל תמונה חוזר לגודל המקורי, בדקו ש-src ו-data-mce-src תואמים.
  • אם שופיפיי משנה HTML אוטומטית, זה בדרך כלל חלק ממנגנון sanitization. שופיפיי ממליצה לעבוד עם התיקונים האוטומטיים ולא להחזיר ידנית קוד מסוכן.
  • אם קישורים מוציאים לקוחות מה-Market (שוק) שלהם, השתמשו בקישורים פנימיים שמתחילים ב-/ במקום כתובות מלאות עם דומיין.

שאלות נפוצות

האם כל פעולה זמינה גם במובייל וגם בדסקטופ?

לא. Shopify מציינת שבחלק מהעמודים קיימים הבדלים בין Desktop (מחשב) ל-Mobile (מובייל), ובחלק מהפעולות נדרש דפדפן או Shopify admin מלא.

מה לבדוק לפני שמבצעים פעולה מרובה או שינוי באדמין?

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