# إضافة CSS مخصص أو كود في وسم head أو سكريبتات

في محرر الثيم، اضغط أيقونة الترس لفتح **الإعدادات العامة ← Code مخصص**: الصق CSS تحت **CSS للمتجر** (كل الصفحات) أو **CSS للصفحة** (هذه الصفحة فقط)، ووسوم الـ head تحت **كود مخصص داخل وسم head**، والسكريبتات تحت **كود جافاسكريبت مخصص**. لإدراج HTML داخل صفحة، استخدم بلوك **كود Html**.

## الخطوات

1. افتح **المتجر الإلكتروني ← إعدادات الثيم** واختر الصفحة من **اختر الصفحة**. اضغط أيقونة الترس لفتح **الإعدادات العامة** ووسّع **Code مخصص**.
2. **CSS مخصص**: اختر تبويب **CSS للمتجر** ("يُطبق CSS الخاص بالمتجر على جميع صفحات المتجر.") أو **CSS للصفحة** ("يؤثر CSS الخاص بالصفحة على هذه الصفحة فقط."). الصق كود CSS فقط، بدون وسوم `<style>`.
3. **كود مخصص داخل وسم head**: الصق الكود بوسومه الكاملة (مثلًا وسم `<script>` أو `<meta>` كامل). هذا الصندوق خاص بكل صفحة.
4. **كود جافاسكريبت مخصص**: الصق الكود كاملًا بدون وسوم `<script>`؛ تعمل هذه السكريبتات بعد تحميل محتوى الصفحة. وهو أيضًا خاص بكل صفحة.
5. اضغط **حفظ**. يُحفظ الكود المخصص مع الصفحة، لكل لغة على حدة.
6. لوضع HTML داخل تخطيط الصفحة، افتح **إضافة عناصر**، اسحب بلوك **كود Html** إلى مكانه وعدّل **المحتوى** الخاص به.
7. في صفحة الهبوط توجد لوحة **Code مخصص** نفسها، لكن CSS يُطبَّق على تلك الصفحة فقط (لا يوجد تبويب **CSS للمتجر**).

## مشاكل شائعة

- CSS ليس له أي تأثير ← أزل أي وسوم `<style>`، ثم تحقق من أنك لصقته في **CSS للمتجر** إذا أردت تطبيقه في كل مكان، واضغط **حفظ**.
- السكريبت يعمل في صفحة واحدة فقط ← صندوقا head وجافاسكريبت خاصان بكل صفحة؛ أضف الكود إلى كل صفحة تحتاجه.
- السكريبت لا يعمل إطلاقًا ← أزل وسوم `<script>` من **كود جافاسكريبت مخصص**؛ فهي تخص صندوق head فقط.
- بلوك كود Html يعرض أقل مما لصقته ← بعض الوسوم تُنظَّف قبل العرض؛ التزم بـ HTML القياسي.
- الكود يعمل بلغة متجر ولا يعمل بأخرى ← الكود المخصص يُحفظ لكل لغة؛ بدّل لغة المحرر واحفظ مرة أخرى.

## ذات صلة

- [كيفية تغيير قالب متجرك وتعديل أقسامه](https://help.dropify.shop/ar/store_theme/change-your-store-theme-and-sections/)
- [هل يمكن رؤية بيانات UTM في الطلبات أو إضافة كود مخصص لصفحة الشكر؟](https://help.dropify.shop/ar/pixels_tracking/utm-tracking-thank-you-page-custom-code/)
- [إضافة بيكسلات Meta أو TikTok أو Google أو Snapchat](https://help.dropify.shop/ar/guides/add-tracking-pixels-to-your-store/)
- [ضبط عنوان SEO ووصف الصفحة وكلماتها المفتاحية](https://help.dropify.shop/ar/guides/set-page-seo-title-description-keywords/)