# ضمّن 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، فالصفحة تحتاج فقط إلى السطر الأخير من الكود، الذي يبدأ بـ `