دليل التخصيص
تعلم كيفية تحرير وتصميم وتوسيع موقع Draftly الخاص بك دون لمس الكود.
كيف يعمل التخصيص
يوفر لك Draftly ثلاث طرق لتخصيص موقعك بعد الإنشاء:
1. النقر للتحرير (التحرير المباشر) — قم بتبديل تحرير في شريط أدوات المعاينة، ثم انقر على أي نص أو عنصر. يعرض المفتش عناصر التحكم في الطباعة والمسافات والألوان والرسوم المتحركة. تُطبق التغييرات مباشرة.
2. الدردشة للتعديل — اكتب تعليمات مركزة واحدة لكل رسالة (مثل "غيّر خلفية البطل إلى كحلي داكن"، "أضف قسم تسعير"). يقوم Draftly بتصحيح الأجزاء ذات الصلة فقط — عادةً 0.5 رصيد لكل تعديل.
3. إعادة إنشاء واجهة المستخدم للموقع — انقر على ↺ إعادة إنشاء الموقع لتشغيل تمريرة تصميم جديدة بالذكاء الاصطناعي مع الحفاظ على الفيديو والصور وإطارات التمرير الخاصة بك.
اختياري: قم بالتبديل إلى قالب معد مسبقًا من منتقي القوالب لتبديل تخطيط أسرع.
سير عمل التخصيص الموصى به
للحصول على تجربة سلسة، اتبع هذا الترتيب:
تجنب: الطلبات الغامضة مثل "اجعلها أفضل" — حدد ما يجب تغييره. استخدم الدليل (الرأس) أو اسأل في الدردشة: "كيف أقوم بتخصيص النص؟"
تحرير النص والألوان
لتحرير أي عنصر مباشرة:
يمكنك أيضًا النقر على إعادة كتابة بالذكاء الاصطناعي للسماح لـ Draftly بإعادة كتابة النص المحدد بنبرة أفضل، أو استبدال الصورة لتبديل صورة خلفية أو منتج.
استخدام الإعدادات المسبقة للتصميم
تتيح لك الإعدادات المسبقة للتصميم تغيير النمط البصري الكامل لموقعك بنقرة واحدة.
تتحد الإعدادات المسبقة مع المحتوى الخاص بك — يظل النص والأقسام واسم علامتك التجارية كما هي؛ يتغير النظام البصري فقط.
الدردشة للتعديل
المحادثة للتعديل هي أسرع طريقة لإجراء تغييرات هيكلية دون إعادة إنشاء كاملة.
كيف تعمل: اكتب أي تعليمات في شريط الدردشة أثناء تحميل موقعك. أمثلة: - *"غيّر عنوان القسم الرئيسي ليكون أكثر إثارة"* - *"أضف قسم الأسئلة الشائعة بين التسعير والاتصال"* - *"اجعل نظام الألوان أغمق وأكثر احترافية"* - *"أعد كتابة قسم حول لتجعله أكثر شخصية"* - *"استبدل نص زر دعوة الإجراء الرئيسي بـ 'احصل على عرض سعر مجاني'"*
يرسل Draftly القسم ذي الصلة فقط من HTML موقعك إلى الذكاء الاصطناعي — وليس الصفحة بأكملها — لذا فإن التعديلات سريعة وتكلف 0.5 رصيد بدلاً من تكلفة إعادة الإنشاء الكاملة.
نصائح: - كن محددًا: "غيّر خلفية شريط التنقل إلى الأسود" يعمل بشكل أفضل من "اجعله أغمق" - اذكر الأقسام بالاسم: "قسم الخدمات"، "التذييل" - يمكنك ربط التعديلات — كل رسالة دردشة هي تصحيح مستهدف جديد
إضافة التحليلات والتتبع
اربط Google Analytics، وGoogle Tag Manager، وFacebook Pixel، أو أي نص برمجي تتبع مخصص بموقعك — لا يتطلب أي كود.
G-XXXXXXXXXX). تجده في GA4 ← المسؤول ← تدفقات البيانات.GTM-XXXXXXX). تجده في GTM ← المسؤول ← معرف الحاوية.<script> لحقنها في <head> (مصادر HTTPS فقط).يتم حقن جميع النصوص البرمجية في <head> لملف HTML لموقعك المنشور. يحصل GTM أيضًا على إطار <noscript> المطلوب المحقون بعد <body>.
إضافة نموذج اتصال
يمكن لكل موقع Draftly أن يتضمن نموذج اتصال فعال يرسل الاستمارات مباشرة إلى صندوق وارد Draftly الخاص بك ويرسل لك إشعارًا عبر البريد الإلكتروني.
كيف يعمل:
- إذا كان موقعك الذي تم إنشاؤه يحتوي بالفعل على عنصر <form> (شائع في المواقع التي تحتوي على قسم اتصال)، يقوم Draftly بتصحيحه للإرسال إلى الواجهة الخلفية لـ Draftly.
- إذا لم يكن هناك نموذج موجود، يقوم Draftly بحقن قسم نموذج منسق قبل التذييل.
- يتم تخزين الاستمارات في حساب Draftly الخاص بك ضمن علامة تبويب الاستمارات الخاصة بالموقع.
- تتلقى إشعارًا عبر البريد الإلكتروني لكل استمارة جديدة يتضمن اسم الزائر وبريده الإلكتروني ورسالته.
تبقى جميع البيانات داخل Draftly — لا توجد حاجة لخدمات نماذج من طرف ثالث.