# הטמע את Shoprocket בכל אתר
> מכור מהאתר שכבר יש לך. צור הטמעה ב-הטמעות, לחץ על קבל קוד והדבק אותו בדף שלך ב-WordPress, Squarespace, Wix, Webflow או HTML רגיל. שינויים ששומרים אחר כך מגיעים לכל דף בלי הדבקה מחדש.
מרכז העזרה / הטמעה - עודכן ב-28 באוקטובר 2026
הטמעה מציבה חלק מהחנות שלך בכל אתר: מוצר אחד עם כפתור קנייה, קטלוג מוצרים מלא, הקטגוריות שלך או תיבת חיפוש. אתה בונה אותה ב-**הטמעות**, לוחץ על **קבל קוד** ומדביק את הקוד בדף שלך. העגלה והקופה נפתחות ישירות בדף שלך, כך שלקוחות אף פעם לא עוזבים את האתר.
מדביקים את הקוד פעם אחת בלבד. כשאתה משנה הטמעה אחר כך, גם אם אתה עובר לפריסה אחרת, כל דף שבו היא נמצאת מתעדכן כשאתה שומר.
## לפני שמתחילים
- הוסף לפחות מוצר פעיל אחד. הטמעה של מוצר אחד צריכה מוצר למכור.
- אתה צריך להיות מסוגל לערוך את האתר שלך ולהוסיף לדף בלוק קוד או HTML. ההערות לכל בונה אתרים נמצאות בהמשך.
## שלב 1 (אופציונלי, מומלץ): הוסף את Shoprocket לכל דף באתר שלך
בראש **הטמעות** יש כרטיס בשם **הוסף את Shoprocket לכל דף באתר שלך**. הוא מכיל שורת קוד אחת לכותרת העליונה של האתר. כשהיא במקומה, העגלה הצפה והצ'אט החי עובדים בכל דף באתר ולא רק בדפים שיש בהם הטמעה, וכל הטמעה שתוסיף אחר כך פשוט עובדת.
1. בלוח הבקרה, עבור אל **הטמעות**.
2. בכרטיס **הוסף את Shoprocket לכל דף באתר שלך**, לחץ על **העתק**.
3. בחר את בונה האתרים שלך מהלשוניות מתחת לקוד (**HTML**, **WordPress**, **Squarespace**, **Wix** או **Webflow**) ופעל לפי שני השלבים שלו כדי להדביק את השורה בכותרת העליונה של האתר.
4. פתח כל דף באתר שלך. הסטטוס של הכרטיס משתנה מ-**עדיין לא זוהה** ל-**מחובר**.
אפשר לדלג על השלב הזה. הקוד של כל הטמעה כולל את אותה שורה, ולכן הטמעה עובדת בפני עצמה בכל דף.
## שלב 2: צור הטמעה
1. ב-**הטמעות**, לחץ על **הטמעה חדשה**.
2. תחת **מה היא מציגה**, בחר אחת: **מוצר אחד**, **קטלוג מוצרים**, **קטגוריות** או **חיפוש**.
3. בחר פריסה:
- **מוצר אחד**: **כפתור**, **קומפקטי**, **כרטיס**, **מודגש** או **פרטים מלאים**. אחר כך בחר את המוצר תחת **איזה מוצר?**
- **קטלוג מוצרים**: **רשת**, **קרוסלה** או **רשימה**. תחת **אילו מוצרים?** בחר **כל המוצרים**, **קטגוריה** או **נבחרו ידנית**.
- **קטגוריות**: **אריחים**.
- **חיפוש**: **תיבת חיפוש** או **סמל חיפוש**.
4. לחץ על **המשך**.
כל פריסה היא אותה הטמעה עם הגדרות שונות, ולכן אפשר להחליף פריסה אחר כך בעורך והקוד שהדבקת נשאר זהה.
## שלב 3: התאם אותה אישית
העורך מציג תצוגה מקדימה חיה שאפשר לעבור בה כמו קונה: להוסיף לעגלה, לפתוח מוצרים ולשלם. אתה משנה מה ההטמעה מציגה בלשונית **ההטמעה הזו**. הלשונית **עיצוב החנות** קובעת את הצבעים והגופנים שלך לכל החנות, כך שכל ההטמעות והעגלה הצפה שלך תואמות.
ההטמעה מקבלת בהתחלה שם, כמו "Products · Grid". אפשר לשנות אותו בכל עת.
כשאתה מרוצה, לחץ על **שמור וקבל קוד**.
## שלב 4: העתק את הקוד והדבק אותו באתר שלך
אחרי השמירה נפתח החלון **קבל קוד**. הוא נראה כך:
```html
```
תמיד העתק את הקוד שלך בכפתור, ואף פעם אל תקליד אותו מחדש. השורה הראשונה נותנת שם להטמעה, הסקריפט טוען את Shoprocket לחנות שלך, והשורה האחרונה היא המקום שבו ההטמעה מופיעה.
1. לחץ על **העתק קוד**.
2. בחר את בונה האתרים שלך מהלשוניות בחלון והדבק את הקוד במקום שבו ההטמעה צריכה להופיע:
- **HTML**: הדבק את הקוד במקום שבו ההטמעה צריכה להופיע. שורת הסקריפט צריכה להופיע בדף פעם אחת בלבד, לא משנה כמה הטמעות יש בו.
- **WordPress**: בעורך הבלוקים, הוסף בלוק **HTML מותאם אישית** במקום שבו ההטמעה צריכה לעמוד. הדבק את הקוד ועדכן את הדף. ב-WordPress.com סקריפטים דורשים חבילה שמאפשרת תוספים.
- **Squarespace**: ערוך את הדף והוסף בלוק **Code** במקום שבו ההטמעה צריכה לעמוד. הדבק את הקוד, השאר את התצוגה על HTML ושמור.
- **Wix**: בעורך, בחר **הוספה**, אחר כך **הטמעת קוד**, אחר כך **הטמעת HTML**. הדבק את הקוד בתיבה ושנה את הגודל כך שיתאים. Wix מציגה אותו במסגרת, ולכן השאר לו מקום לעגלה.
- **Webflow**: גרור רכיב **Code Embed** למקום שבו ההטמעה צריכה לעמוד. הדבק את הקוד, שמור ופרסם את האתר.
אם כבר הוספת את Shoprocket לכותרת העליונה של האתר בשלב 1, הדף צריך רק את השורה האחרונה של הקוד, זו שמתחילה ב-`