يشرح هذا الدليل استخدام Wix Harmony لإنشاء موقع بالذكاء الاصطناعي ثم تخصيصه بما يناسب نشاطك. ستتعرف على تجهيز وصف المشروع، والعمل مع Aria، ومراجعة الصفحات، وإضافة نموذج تواصل، واختبار العربية والهاتف قبل نشر أي شيء. الهدف نسخة أولى صحيحة وقابلة للإدارة، لا مجرد تصميم يبدو جاهزًا في صورة.
سنستخدم مثالًا تدريبيًا لاستوديو تصميم يقدم ثلاث خدمات ويستقبل طلبات عرض سعر. لن ننشئ متجرًا أو نظام دفع في هذه النسخة. شرح Wix Harmony بالعربي مبني على وثائق Wix الحالية، وليس تجربة منفذة داخل حساب المستخدم، وقد تختلف بعض الخيارات بحسب الحساب والخطة وتحديثات الواجهة.
إذا لم تحسم المنصة بعد، ابدأ بـمقارنة Wix وFramer وDurable لإنشاء المواقع بالذكاء الاصطناعي لتقييم العربية والتكلفة ونوع الموقع، ثم تابع خطوات Wix Harmony هنا.
ما هو Wix Harmony وما دور Aria؟
تصف وثائق Wix Harmony الرسمية محررًا يجمع أدوات التعديل البصري ومساعدة الذكاء الاصطناعي. Aria هي المساعدة التي تتفاعل معها لوصف تغييرات في الموقع، ثم تستطيع مراجعة النتيجة وتعديل العناصر بنفسك.
لا تنقل خطوات من شرح Wix Studio أو واجهة ADI القديمة وتفترض أنها تخص Harmony. قبل البدء تحقق من اسم المحرر الذي تنشئ به موقعك. إذا لم يظهر لك المسار المذكور، افتح مركز مساعدة المحرر المتاح في حسابك بدل البحث عن زر ربما يخص منتجًا آخر.
في مثالنا تساعدنا الأداة على اقتراح بنية الموقع وصياغة أولية، بينما نقرر الخدمة والهوية والمعلومات الصحيحة. لا نطلب منها اختراع تقييمات عملاء أو سنوات خبرة. كل جملة تتعلق بنشاط حقيقي يجب أن تكون معلومة يمكنك إثباتها أو وعدًا تستطيع الوفاء به.
الخطوة الأولى: جهز وصف المشروع ومحتواه
اكتب وصفًا قصيرًا يتضمن اسم النشاط والجمهور والخدمات والصفحات وطريقة التواصل. جهز كذلك شعارًا تملك حق استخدامه، وصور أعمال حقيقية، وبريدًا لاستقبال الطلبات. إذا لم تتوفر صور بعد، خطط لمواضع مؤقتة واضحة لا توحي بأن أعمالًا تجريبية أنجزتها أنت.
في استوديو التصميم نحتاج إلى الرئيسية، والخدمات، والأعمال، والتواصل. نريد من الزائر فهم الخدمة وإرسال طلب، لذلك لا نضيف زر شراء أو حجز مدفوع. هذا التحديد يقلل الاقتراحات التي لا نحتاجها ويجعل فحص النسخة الأولى أسهل.
نموذج وصف تستطيع تعديله
«أنشئ موقعًا لاستوديو تصميم يخدم أصحاب المشاريع الصغيرة. الصفحات المطلوبة: الرئيسية والخدمات والأعمال والتواصل. الخدمات هي تصميم الهوية وتصميم منشورات الشبكات الاجتماعية وتصميم العروض. الإجراء الأساسي طلب عرض سعر. استخدم تصميمًا واضحًا ومسافات مريحة وخطًا يدعم العربية. لا تضف أسعارًا أو شهادات عملاء أو أرقام إنجازات. ضع مواضع واضحة للمعلومات التي لم أقدمها».
عدّل هذا النص ليتطابق مع مشروعك. كتابة الطلب بالعربية لا تعني ضمان جودة التوليد بالعربية أو سلامة RTL تلقائيًا؛ سنراجع ذلك لاحقًا. وإذا احتجت إلى كتابة الوصف بلغة أخرى يفهمها المحرر بصورة أفضل، فاحتفظ بنسخة عربية معتمدة للمحتوى النهائي.
الخطوة الثانية: أنشئ الموقع مع Aria
وفق دليل إنشاء موقع بالذكاء الاصطناعي، سجل الدخول إلى Wix، واختر Create New Site ثم Wix Harmony Editor، وابدأ المحادثة. أجب عن أسئلة النشاط وراجع ملف الموقع الذي يتكون من إجاباتك، وحدد التطبيقات التي تحتاجها فقط.
يمكنك تأجيل اختيار النطاق أثناء الإعداد إذا أردت تقييم التصميم أولًا. بعد الوصول إلى لوحة الموقع، اختر Design Site، وراجع الوصف المقترح ثم Generate Site. انتظر توليد الصفحات، وافتحها داخل المحرر بدل الحكم على معاينة الصفحة الرئيسية وحدها.
راقب ما أضافته الأداة من نصوص وصور وروابط. قد يبدو قسم «آراء العملاء» مفيدًا، لكن حذفه أفضل من نشر مراجعات مولدة. كذلك لا تعتمد رقم هاتف أو عنوانًا أو منطقة خدمة لم تدخلها بنفسك. اجمع هذه الملاحظات قبل بدء تعديل الألوان.
لا تبدأ بتوليد الموقع مرارًا بلا سبب
إذا كانت البنية مقبولة والخطأ في عنوان أو لون، عدل هذا الجزء. إعادة توليد كل شيء قد تغير صفحات أحببتها وتعيد معلومات سبق تصحيحها. اكتب ما تريد الحفاظ عليه وما تريد تغييره، وراجع النتيجة بعد كل طلب محدود.
مثال: «اختصر فقرة التعريف إلى ثلاث جمل، وحافظ على أسماء الخدمات وروابط الأزرار كما هي». هذا أكثر قابلية للمراجعة من «اجعل الموقع احترافيًا». إذا لم تنفذ النتيجة المطلوب، استخدم التعديل اليدوي أو التراجع المتاح، ولا تراكم تغييرات فوق خطأ لم تفهمه.
الخطوة الثالثة: رتب الصفحات والإجراء الأساسي
افتح الصفحات الأربع وراجع ما يراه الزائر في كل واحدة. يجب أن تجيب الرئيسية عن ماهية الخدمة ولمن تقدم وكيف يبدأ التواصل. وتشرح صفحة الخدمات نطاق كل خدمة، بينما تعرض صفحة الأعمال مواد تملك حق عرضها مع سياق حقيقي.
اجعل زر «طلب عرض سعر» يقود إلى النموذج نفسه في المواضع الأساسية. لا تجعل زرًا يفتح البريد وآخر يقود إلى صفحة فارغة وثالثًا إلى رابط تجريبي دون قصد. اكتب لكل زر وجهته في سجل صغير، ثم اختبرها في المعاينة.
صفحة واحدة أم صفحات متعددة؟
إذا كانت المعلومات قليلة، قد تكفي أقسام واضحة في صفحة واحدة. أما إذا كانت كل خدمة تحتاج إلى شرح مستقل، فصفحات منفصلة قد تجعل القراءة والتنقل أوضح. لا تنشئ صفحة لكل عبارة بحث لمجرد زيادة العدد؛ يجب أن تقدم كل صفحة محتوى يستحق الزيارة.
راجع الترويسة والتذييل أيضًا. احذف روابط الشبكات الاجتماعية التي لم تجهز حساباتها، وأضف وسيلة تواصل حقيقية. وجود أيقونة من دون وجهة يترك انطباعًا بأن الموقع مسودة، حتى لو كانت بقية التصميم متقنة.
الخطوة الرابعة: اضبط العربية والخط والعناوين
توضح وثائق تنسيق النص في Harmony إمكانية تعديل النص والمحاذاة والخط وتعيين وسوم العناوين. استبدل النص التجريبي بنسخة عربية راجعتها، واختر خطًا يدعم الحروف العربية من الخيارات المتاحة، ثم افحص النتيجة على الصفحة.
لا تخلط بين محاذاة السطور إلى اليمين واتجاه كل عنصر. اختبر جملة تضم اسم خدمة بالإنجليزية ورقمًا ورابطًا، ثم راجع ترتيب العلامات. افحص أيضًا حقول النموذج والقائمة، لأن إعداد فقرة سليمة لا يضمن أن المكونات الأخرى تتصرف بالطريقة نفسها.
اضبط لغة الموقع من إعدادات اللغة والمنطقة بحسب دليل لغة الموقع وإمكانية الوصول. اللغة الصحيحة تساعد التقنيات المساعدة على تفسير النص، لكنها لا تعفيك من مراجعة اتجاه التخطيط أو ترجمة العبارات المتبقية.
استخدم عناوين لها معنى
اجعل عنوان الصفحة الرئيسي يشرح العرض، ثم عناوين فرعية للأقسام. لا تستخدم تنسيق عنوان كبير لكل جملة لمجرد تكبير الخط. تستطيع تغيير المظهر مع الحفاظ على تسلسل مفهوم، وهذا يساعد القارئ على مسح الصفحة والوصول إلى الخدمة المطلوبة.
مثال جيد: «تصميم هوية بصرية لمشروعك» ثم «ما الذي تتضمنه الخدمة؟». أما «نحول الأحلام إلى واقع» وحدها فلا تخبر العميل ماذا سيحصل عليه. يمكنك إبقاء نبرة إبداعية، لكن اربطها بمعلومة عملية.
الخطوة الخامسة: أضف نموذج طلب عرض سعر
يشرح دليل نماذج Harmony الإضافة من Add ثم Elements ثم Form & Contact، مع إنشاء نموذج أو استعمال قالب. اختر نموذجًا بسيطًا وعدل حقوله حسب حاجتك الفعلية.
للتجربة نحتاج إلى الاسم والبريد ونوع الخدمة ووصف موجز للمشروع. اجعل الهاتف اختياريًا إذا لم تكن تحتاجه لبدء الرد. لا تطلب كلمة مرور أو ملفًا حساسًا ضمن طلب أولي، واكتب بجوار النموذج ما الذي سيحدث بعد الإرسال بصورة واقعية.
راجع رسالة النجاح ورسائل الحقول الناقصة. لا تجعل «تم الإرسال» تعني ضمنًا قبول المشروع أو تثبيت السعر. استخدم عبارة مثل «وصل طلبك للمراجعة» فقط بعد التأكد من أن مسار الاستقبال يعمل، وحدد وقت متابعة تستطيع الالتزام به.
تأكد من مكان وصول الطلبات
توضح الوثائق إدارة المدخلات من Forms & Submissions في لوحة الموقع. افتح هذا القسم واختبر طلبًا تجريبيًا ببيانات تملكها، ثم تحقق من ظهوره ومن إشعارات الفريق. ظهور نجاح أمام الزائر ليس الاختبار الوحيد.
إذا وصل الطلب إلى اللوحة ولم يصل البريد، افحص إعدادات الإشعارات وعنوان الاستلام والبريد غير المرغوب. لا تغير النموذج كله قبل معرفة أين انقطع المسار. احتفظ بعلامة اختبار واضحة ثم احذف بيانات التجربة عندما تنتهي وفق سياسة عملك.
الخطوة السادسة: راجع الهاتف قبل متابعة الزينة
وفق دليل ضبط Harmony للهاتف، افتح عرض الهاتف وراجع العناصر والأقسام. بعض التعديلات تخص هذا العرض، بينما تتطلب تغييرات البنية العودة إلى سطح المكتب. افحص الأثر بعد كل تعديل بدل افتراض أن كل شيء مستقل.
ابدأ بعنوان طويل وصورة الأعمال والنموذج والقائمة. تأكد من عدم خروج النص خارج الشاشة أو اختفاء زر التواصل تحت عنصر ثابت. لا تصغر الخط لمعالجة ازدحام الصفحة؛ اختصر النص أو عدل الترتيب والعرض.
اختبر بإصبعك على هاتف فعلي بعد توفر رابط مناسب للمراجعة. المعاينة مفيدة، لكن النقر والكتابة والتمرير قد تكشف مشكلات لا تلاحظها أثناء التصميم بالماوس. تأكد أن المستخدم يستطيع العودة من النموذج إلى بقية الموقع بسهولة.
الخطوة السابعة: جهز SEO وصورة المشاركة
تشرح وثائق SEO في Harmony إدارة عنوان الصفحة ووصفها ورابطها من خيارات الصفحة ثم SEO and accessibility ثم SEO. يمكنك مراجعة الاقتراحات الآلية أو إدخال البيانات يدويًا.
اكتب عنوانًا يصف الخدمة والهوية دون ادعاءات لا يدعمها المحتوى. مثال تدريبي: «تصميم الهوية البصرية للمشاريع الصغيرة | اسم الاستوديو». واجعل الوصف يوضح الخدمات وطريقة طلب العرض، بدل تكديس أسماء مدن لا تخدمها.
راجع صورة المشاركة والعنوان في إعدادات الشبكات الاجتماعية، ثم اختبر الرابط عند النشر. تغيير بيانات SEO لا يضمن الظهور فورًا في Google. الأهم أن يكون الموقع قابلًا للوصول ومحتواه واضحًا وروابطه سليمة، ثم تتابع الأداء بالبيانات الفعلية.
الخطوة الثامنة: اختر الخطة والنطاق ثم انشر بوعي
راجع خطط Wix الحالية بحسب بلدك وفترة الفوترة. افحص متطلبات النطاق وإزالة العلامة وخصائص النماذج وأي تطبيق يحتاجه النشاط. لا تشتر خطة حجز أو تجارة إن كانت مهمتك الحالية استقبال استفسارات فقط.
عند ربط نطاق موجود، اتبع السجلات التي يعرضها حسابك واحفظ الإعدادات الحالية. سجلات البريد تختلف عن توجيه الموقع؛ لا تحذفها لتقليد شرح يعرض نطاقًا جديدًا. تحقق من عمل البريد والموقع بعد أي تعديل مطلوب.
تفرق وثائق المعاينة والنشر بين حفظ العمل وظهوره للزوار. افتح Preview وراجع الموقع، ثم انشر عندما تكون جاهزًا. بعد التأكيد افتح الرابط من جلسة غير مسجلة واختبر الصفحات والطلب النهائي.
قائمة مراجعة النسخة الأولى
| ما تفحصه | نتيجة مقبولة | الإجراء عند وجود مشكلة |
|---|---|---|
| معلومات النشاط | خدمات وتواصل يمكن تأكيدهما | حذف النص التجريبي وتصحيح البيانات |
| العربية | حروف وعناوين وروابط مقروءة | تعديل الخط والمحاذاة والعناصر المتأثرة |
| الأزرار | كل زر يصل إلى وجهته | تصحيح الرابط وإعادة الاختبار |
| النموذج | الطلب يظهر في مكان المتابعة | مراجعة الحقول والإشعارات |
| الهاتف | قراءة وكتابة دون ازدحام | تبسيط الأقسام وضبط العرض |
| SEO | عنوان ووصف يناسبان كل صفحة | استبدال البيانات العامة |
| النشر | الرابط يعرض آخر نسخة مقصودة | التحقق من النشر والتخزين المؤقت |
تجربة مراجعة كاملة قبل إرسال الرابط للعميل
ابدأ من الصفحة الرئيسية كأنك زائر جديد لا يعرف اسم خدماتك. اقرأ العنوان واضغط زر طلب العرض، ثم أرسل وصفًا تجريبيًا مختصرًا. افتح الطلب من لوحة الاستلام وقارنه بما كتبته: الاسم والبريد ونوع الخدمة والرسالة. إذا كانت معلومة ناقصة، حدد هل السبب الحقل أو إعداده أو طريقة العرض في اللوحة.
بعد ذلك عد إلى الموقع وغيّر اسم خدمة في المصدر الذي تديره، ثم راجع القائمة والبطاقات والنموذج وأي موضع يتكرر فيه الاسم. هذا الفحص يكشف إن كانت إدارة النسخة الأولى واضحة لك، أو أنك ستحتاج إلى البحث في صفحات كثيرة كلما تغير العرض.
اطلب من شخص آخر مراجعة الصفحة دون شرح مسبق. لا تسأله فقط هل أعجبه التصميم؛ اطلب منه تحديد الخدمة والجمهور وطريقة التواصل وما يتوقع حدوثه بعد الإرسال. إذا توقع حجزًا مؤكدًا بينما أنت تقدم مراجعة أولية، فعدل النص والزر ورسالة النجاح حتى تتفق.
احتفظ بسجل للتغييرات المهمة
سجل الصفحة التي تغيرت والسبب وتاريخ المراجعة والنتيجة المطلوبة. لا تحتاج إلى تقرير طويل؛ تكفي ملاحظة مثل «تعديل زر الخدمات ليصل إلى نموذج الطلب، ثم تأكيد وصول رسالة الاختبار». يساعد هذا السجل إذا شارك شخص آخر في الإدارة أو عدت بعد فترة لمراجعة سبب اختيار صياغة معينة.
وعندما تطلب من Aria تحسين الصفحة لاحقًا، حدد العناصر التي يجب الحفاظ عليها من هذا السجل. راجع الروابط والحقول بعد التعديل، حتى لو كان طلبك متعلقًا بالألوان أو المسافات فقط.
كيف تطور الموقع بعد إطلاقه؟
راقب الأسئلة التي تصل عبر النموذج، ثم أضف إجاباتها إلى صفحة الخدمة إذا كانت تفيد معظم الزوار. قس عدد الطلبات المناسبة وقدرتك على الرد، بدل اعتبار كل زيارة نجاحًا. لا تضف صفحة جديدة إذا كانت المشكلة أن الزائر لا يفهم الصفحة الحالية.
إذا أردت دراسة إنشاء الموقع على WordPress، يمكنك مراجعة مقارنة أدوات WordPress بالذكاء الاصطناعي. وإذا تكررت أسئلة تحتاج إلى مساعدة إضافية، اطلع على مقارنة أدوات الشات بوت للمواقع مع التحقق من طريقة تضمين الأداة المختارة في خطتك.
ولتنظيم طلبات التواصل بين أنظمة العمل لاحقًا، اقرأ مقارنة n8n وMake وZapier. ابدأ بموقع يشرح عرضك ويستقبل الطلب بصورة صحيحة، ثم أضف كل وظيفة بناءً على حاجة ظهرت فعلًا.
لمقارنة مسار تصميم صفحة هبوط، اطلع على شرح Framer بالعربي. وإذا أردت دراسة موقع خدمي يركز على استقبال الطلبات ومتابعتها، راجع شرح Durable بالعربي واختبر متطلبات اللغة والخطة لمشروعك.
