تحويل الصور إلى صفحات هبوط جذابة بدون كتابة كود

كان إنشاء صفحة هبوط جذابة بصريًا يعني توظيف المطورين أو تعلم كيفية البرمجة. لكن الآن، مع دمج ChatGPT وGemini في باني صفحات Selldone، لم يعد الأمر كذلك.
هذا النهج الجديد المدعوم بالذكاء الاصطناعي يسمح لأي شخص - بغض النظر عن الخبرة التقنية - بتحويل صورة بسيطة، أو رسم تخطيطي، أو حتى فكرة غير واضحة إلى قسم جميل ومتجاوب بالكامل لمتجرهم الإلكتروني أو صفحة الهبوط. كل شيء يتم بطريقة تعمل فورًا ضمن نظام Selldone، دون الحاجة إلى كتابة كود يدوي.سواءً كنت تبني علامة تجارية شخصية أو تدير عملاً تجاريًا عبر الإنترنت، فإن هذه الطريقة تجعل من السهل إطلاق صفحات حديثة وبولندية في دقائق.

من الفكرة إلى المكون في دقائق

لنفترض أنك صادفت تصميمًا يعجبك. ربما يكون عرضًا للمنتجات على موقع آخر، أو لافتة تسويقية قمت بإنشائها في Canva، أو حتى لقطة شاشة حفظتها. لا تحتاج إلى معرفة كيفية البرمجة أو من أين تبدأ.
ببساطة قم بتحميل الصورة أو وصف التخطيط، ثم اطلب من ChatGPT (باستخدام ملحق Selldone) أو Gemini تحويلها إلى قسم لصفحة الهبوط. يفهم الذكاء الاصطناعي كل من التنسيق التقني لـ Selldone وهيكل مكونات Vue الديناميكية المستخدمة في المنصة. ستحصل على كود جاهز للنسخ واللصق يتناسب مباشرة مع باني صفحات Selldone.
سيشمل هذا القسم:

• كل النصوص والعناوين
  
• الصور والروابط
  
• الأزرار، الخطوط، والألوان
  
• ميزات ديناميكية مثل بطاقات المنتجات أو التوصيات
  

والأهم من ذلك، ستكون متجاوبة على سطح المكتب والتابلت والجوال ـ تلقائيًا.

عملية بسيطة لنتائج قوية

لإضافة هذا القسم إلى صفحة Selldone الخاصة بك، اتبع هذه الخطوات:

1. قم بتحميل أو وصف فكرة التصميم الخاصة بك إلى ChatGPT أو Gemini.
   
2. اطلب مكون Vue المتوافق مع باني صفحات Selldone.
   
3. انسخ الكود المولد.
   
4. في باني صفحات Selldone، قم بسحب وإفلات عنصر الكود في صفحة الهبوط
   
5. قم بلصق الكود في علامة التبويب Vue والحفظ.

1. قم بتحميل أو وصف فكرة التصميم الخاصة بك إلى ChatGPT أو Gemini.

تذكير مهم: يرجى استخدام هذا الرابط للوصول المباشر إلى ملحق ChatGPT Selldone.

نصيحة: من جهاز الكمبيوتر الخاص بك، قم بتحميل صورة التصميم التي تفضلها إلى ChatGPT. مع الصورة، قدم شرحًا تفصيليًا للمساعدة في إنشاء مكون أكثر دقة وتقليل المراجعات المستقبلية.

مثال للطلب:

قسمك الجديد مباشر، مهيأ بالكامل، وجاهز للاستخدام على الجوال.
يمكنك الآن تخصيصه من خلال لوحة الخصائص أو العودة إلى الذكاء الاصطناعي لطلب التعديلات، سواء كان ذلك في ضبط تخطيط، تغيير الألوان، إضافة ميزات، أو استبدال النصوص.

نموذج طلب للحصول على أفضل النتائج

لمساعدة الذكاء الاصطناعي على فهم ما تحتاجه بالضبط، ننصح باستخدام هذا الطلب:

الرجاء إنشاء مكون Vue متجاوب لباني صفحات Selldone بناءً على هذه الصورة أو الوصف. يجب تحديد كل النصوص، الأزرار، الصور، الألوان، والخطوط داخل كائن الخصائص. يجب أن يتبع المكون معايير Vuetify 3، يكون متجاوبًا على الأجهزة، ويتبع قواعد Selldone بما في ذلك عدم وجود عناصر ذاتية الإغلاق. إذا كان ذلك مناسبًا، يجب تضمين بطاقات المنتجات، نجوم التقييم، وأزرار الإجراءات. لجميع النصوص، البطاقات، والأزرار، يرجى إضافة أداة اختيار اللون البصري، حجم الخط، سمك الخط، والزاوية.

يمكنك إعادة استخدام هذا الطلب في أي وقت ترغب في إنشاء أو ضبط قسم. يضمن ذلك أن يتم إنشاء الكود بشكل نظيف ويتماشى مع متطلبات Selldone.

قابلة للتخصيص بالكامل، قابلة للتوسيع تمامًا

بمجرد وضع قسمك، لست محدودًا بما بدأت به. يمكنك أن تطلب من ChatGPT أو Gemini تغيير أي شيء:

• استبدال أو نقل صورة
  
• تحديث العناوين الفرعية
  
• إضافة أزرار جديدة، انزلاقات، توصيات أو لافتات
  
• ضبط أنماط وأحجام النصوص
  
• تعديل التباعد والتخطيط للحصول على مظهر مختلف
  

يمكنك الاستمرار في توسيع الصفحة بأقسام جديدة. لا يوجد حد لعدد المكونات التي يمكنك إضافتها، وكل واحدة منها سيتم بناؤها بنفس البنية الموثوقة والمرنة.
يمكن تعديل كل عنصر. يمكن تغيير الألوان باستخدام أدوات انتقاء بصرية، ويمكن استبدال الصور أو تحميلها بسهولة. التجربة معدة لتكون بديهية، حتى لو لم تستخدم أي باني صفحات من قبل.

الأخطاء المحتملة

خطأ #1

إذا واجهت أخطاء بعد لصق الكود في باني Selldone (كما هو موضح في الصورة أدناه)، يمكنك ببساطة طلب المساعدة من ChatGPT أو Gemini لحلها.سترد الأدوات تلقائيًا وتبدأ في إصلاح الكود لك.

خطأ #2

إذا قمت بنسخ ولصق الكود في علامة التبويب HTML، سيظهر القسم كبياض:كما ترى، قمت أدخل الكود بالخطأ في علامة التبويب HTML، وهو ما لم يكن يجب علي فعله.

خطأ #3

أحيانًا، عند طلب إضافة منزلق، كارووسيل، أو شريط تمرير إلى قسم، قد تلاحظ عناصر غير مرغوب فيها مثل النقاط الإضافية أو الشرطات أو أزرار الأسهم تظهر خارج القسم. يحدث هذا عادةً لأن ChatGPT استخدم أيقونات MDI (Material Design Icons) بدلاً من أيقونات Google Font Material Icons المطلوبة. لحل هذه المشكلة، تأكد من طلب استخدام فقط أيقونات Material الرسمية من جوجل.

قبل أن تبدأ، اقرأ هذه النصائح:

• أحيانًا، بعد أن ترد الأداة، قد تحتاج إلى طلب كتابة الكود بالكامل. إذا كانت التغييرات طفيفة وكان الكود الأصلي طويلًا، قد تفضل إعطاؤك تعليمات لاستبدال سطور معينة بدلاً من إعادة كتابة الكتلة بأكملها.
• يُوصى ببدء محادثة جديدة في ChatGPT لـ Selldone لكل قسم جديد. الاستمرار من جلسة سابقة قد يتسبب في تطبيق الأداة لتوجيهات قديمة لا تتعلق بمكونك الجديد.
• أحيانًا، قد تعطيك ChatGPT مدخلًا في خصائص مكونات Selldone لإدخال رابط صورة، لكن صورتك مخزنة محليًا في جهازك. في هذه الحالات، اطلب من ChatGPT تعريف العنصر (مثل الكارووسيل أو المنزلق) ككائن، بحيث يمكنك تحميل الصور مباشرة بدلاً من استخدام الروابط.
• إذا احتوت صورة على العديد من العناصر المرئية، يمكنك بشكل بسيط تحميلها إلى ChatGPT وطلب وصف. ثم، قم بنسخ هذا الوصف واستخدامه كطلب لطلب ChatGPT بإنشاء مكون. غالبًا ما يؤدي هذا النهج إلى نتائج أفضل وأكثر دقة.

لماذا هذا مهم

مع هذا العمل التفاعلي، يمكن لأي شخص الانتقال من مفهوم بصري إلى قسم هبوط متجاوب وجاهز للإنتاج في دقائق. لم يعد هناك انتظار للمطورين أو نضال مع باني التخطيطات. لا حاجة لتعلم Vue، CSS، أو التصميم المتجاوب.
كل ما يتم إنشاءه بواسطة الذكاء الاصطناعي يكون بالفعل مهيأ لتبدو جيدة على جميع الأجهزة. لا داعي للقلق بشأن كسر التخطيط، تغيير حجم الصور، أو كتابة قواعد الأسلوب. تتبع الأقسام معايير صارمة بناءً على لغة تصميم Selldone وأفضل الممارسات.
ستقضي وقتًا أكبر في الإنشاء ووقتًا أقل في الإصلاح.

جربها بنفسك اليوم

البدء بسيط. اختر قسمًا ترغب في إنشائه - سواء كان مستوحى من موقع آخر، رسم تخطيطي، أو منشور عن منتج - ثم وصفه لـ ChatGPT أو Gemini باستخدام الطلب الموصى به. ستحصل على الكود، ثم قم بلصقه في Selldone، وستصبح صفحة الهبوط حقيقة واقعة.إنها سريعة. إنها سهلة. ولا حدود لها.
لا يوجد حد للإبداع، ولا سقف لمدى ما يمكنك الوصول إليه. مع الذكاء الاصطناعي وSelldone، أصبح بناء صفحات ويب قوية وجميلة سهلًا كأن تصف ما تريد.