---
title: كيفية تضمين أكواد HTML المخصصة في صفحات Website Builder
description: "🌐هذا الدليل متوفر أيضاً باللغة الإنجليزية[Read in English →](https://kb.tarweig.com/en/docs/how-to-use-custom-html-with-the-website-builder/) ## دمج الأدوات الخارجية ونماذج الدفع والأكواد المخصصة بسهولة إذا كنت بحاجة لإضافة كود برمجي خارجي مثل ويدجت محادثة مباشرة (Live Chat)، نموذج حجز خارجي، كود تتبع إعلاني، أو زر دفع…"
url: "https://kb.tarweig.com/docs/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%aa%d8%b6%d9%85%d9%8a%d9%86-%d8%a3%d9%83%d9%88%d8%a7%d8%af-html-%d8%a7%d9%84%d9%85%d8%ae%d8%b5%d8%b5%d8%a9-%d9%81%d9%8a-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-website-builder/"
updated: "2026-10-11"
category: البداية والتشغيل
---

# كيفية تضمين أكواد HTML المخصصة في صفحات Website Builder

🌐هذا الدليل متوفر أيضاً باللغة الإنجليزية[Read in English →](https://kb.tarweig.com/en/docs/how-to-use-custom-html-with-the-website-builder/)

## دمج الأدوات الخارجية ونماذج الدفع والأكواد المخصصة بسهولة

إذا كنت بحاجة لإضافة كود برمجي خارجي مثل ويدجت محادثة مباشرة (Live Chat)، نموذج حجز خارجي، كود تتبع إعلاني، أو زر دفع خاص، يتيح لك عنصر **Custom HTML** تضمين هذه الأكواد في أي موضع تريده داخل صفحاتك دون قيود.

**تكامل مرن وآمن:** يتم تشغيل الأكواد البرمجية المضمنة بأمان داخل بيئة العرض مع دعم كامل لأكواد HTML5 و CSS و JavaScript.

### خطوات إضافة كود HTML مخصص:

1. افتح الصفحة المطلوب تعديلها في محرر **Website Builder**.
2. من قائمة العناصر (Widgets) في اللوحة الجانبية، ابحث عن **Custom HTML**.
3. اسحب العنصر وأفلته في المكان الذي ترغب في ظهور الأداة فيه داخل الصفحة.
4. في نافذة محرر الكود المخصصة للعنصر، الصق كود الـ HTML البرمجي الخاص بك.
5. ستشاهد معاينة مباشرة لأداء الكود داخل الصفحة.
6. اضغط **Save** ثم **Publish** لنشر التعديل حياً للزوار.