كيفية إنشاء نموذج طلب قميص عبر الإنترنت في WordPress [طريقة سهلة وبسيطة]

هل تخطط لفتح نشاط تجاري على القمصان عبر الإنترنت؟ أو محاولة صنع قميص مخصص لأصدقائك المقربين أو ربما لمؤسستك. إنه أمر ممل أن تحصل على التصميم المفضل لكل شخص أو لونه بشكل فردي. أيضًا ، ليس من الفعال أن تطلب من الجميع حجم قميصهم.

فماذا تحتاج؟ تحتاج إلى إنشاء نموذج قميص على الإنترنت حيث يمكن لأي شخص تحديد التصميم واختيار لون القميص وحجمه واختيار العنوان الذي تريد تسليم قميصك وخيارات الدفع وما لا.

Fluent Forms هو منشئ النماذج الأكثر ملاءمة للمبتدئين. قم بالتنزيل الآن وابدأ في صياغة أشكال جميلة مجانًا !!!

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

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

منشئ النماذج لإنشاء نموذج طلب على القميص عبر الإنترنت

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

ها أنت ذا -

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

عدد ضخم من حقول الإدخال : الحقول الإلزامية لإنشاء نموذج طلب قميص عبر الإنترنت-

1. حقل الاسم
2. حقل العنوان (مع الإكمال التلقائي وتكامل خرائط Google)
3. حقل البريد الإلكتروني
4. خانة الاختيار والاختيار من متعدد
5. حقول الدفع
6. تحميل الملف
7. تم تقديم قائمة منسدلة لاختيار الألوان والتصميم والحجم وما إلى ذلك.
8. مجال مكرر

علاوة على ذلك ، ستحصل على أكثر من 40 حقل إدخال باستثناء هذه الحقول لإنشاء أي أنواع من النماذج عبر الإنترنت التي تريدها. تعرف على كيفية عمل نموذج طلب شيك باستخدام Fluent Forms.

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

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

إذا كنت ترغب في رعاية العملاء المتوقعين أو العملاء لمرة واحدة إلى عملاء مخلصين دائمين ، فقد تحتاج إلى نوع من إدارة علاقات العملاء أو أداة CRM لمنشئ النماذج الخاص بك ، ونعم ، لدى Fluent Forms مجموعة من عمليات الدمج الأصلية لرعاية العملاء المتوقعين.

علاوة على ذلك ، ستحصل على 45+ تكامل ، من الأتمتة إلى أدوات مشاركة الملفات ، ومن العضوية إلى أدوات الإعلام ، وما إلى ذلك.

يكفي كلامًا ، دعنا نقفز إلى تشكيل النموذج.

كيفية إنشاء نموذج طلب قميص عبر الإنترنت (من البداية)

هذه هي الخطوات لإنشاء نموذج طلب قميص سهل وكامل. ما عليك سوى المتابعة للحصول على عملك على القمصان عبر الإنترنت وتشغيله بطلاقة!

الخطوة 1: قم بإنشاء نموذج طلب قميص عبر الإنترنت

لإنشاء نموذج طلب قميص عبر الإنترنت دون أي ترميز ، فإن أول شيء عليك القيام به هو تثبيت منشئ النماذج على موقع WordPress الخاص بك. تثبيت Fluent Forms بسيط جدًا.

بعد تثبيت البرنامج المساعد وتنشيطه ، مرر مؤشر الماوس فوق Fluent Forms من الجانب الأيسر وحدد Add New لإنشاء النموذج الخاص بك. ستظهر الآن نافذة منبثقة ، حدد خيار New Blank Form لتهيئة النموذج الجديد.

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

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

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

بالنسبة للاسم ، سنضيف فقط الاسم الأول والأخير ، يمكنك تمكين خيار الاسم الأوسط من تخصيص الإدخال. ماذا يمكنك تخصيصه أيضًا؟ بالنسبة لحقل العنوان ، يمكنك إضافة أو إزالة عنوان ثانوي ، أو استبعاد المعلومات غير الضرورية المودعة ، أو إضافة الإكمال التلقائي لخريطة Google إذا كنت تريد ذلك.

الخطوة 2: قم بعمل قسم لتخصيص نمط القميص

الآن بالنسبة لقميصك المخصص ، تحتاج إلى تحديد حجم ولون وكمية القميص الذي تريده. لذلك ، سنقوم بإضافة حاوية من ثلاثة أعمدة وإضافة حقل دفع مع تمكين خيار الراديو ، وتعيين حقل كمية العنصر مع حقل الدفع ، وحقل القائمة المنسدلة المسمى حدد اللون (حيث أنشأنا خيارات لـ ألوان مختلفة).

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

أضف خانة اختيار وقم بتسميتها Add T-shirt ، ثم انسخ الحاوية السابقة وأعد تسميتها باسم T-shirt 2. اضبط المنطق الشرطي حسب لقطة الشاشة. الآن ، عندما يتحقق المستخدم من هذا الحقل ، ستظهر حاوية جديدة ويمكنه / يمكنها إضافة متطلب آخر للقميص إلى طلبه / طلبها.

الخطوة 3: تخصيص قسم الدفع لنموذج طلب القميص الخاص بك

يعد تعيين خيار الدفع لنموذج طلب T-shirt أمرًا سهلاً للغاية في Fluent Forms. أضف حقلي "طريقة الدفع" و "ملخص الدفع" لنموذج الطلب الخاص بك. هذا كل شيء ، سيتم جلب الكمية والمبلغ ديناميكيًا ، وإظهار الإجمالي الفرعي والمعلومات الأخرى في ملخص الدفع.

لإضفاء الإثارة ، سنضيف حقلاً مخصصًا لإظهاره كرسالة تأكيد إلى نموذج طلب القميص. أولاً ، أضف حقلاً مخصصًا وأضف رسالة التأكيد الخاصة بك. إذن ، يكون جلب البيانات الديناميكية أمرًا بسيطًا جدًا. اكتب {dynamic.Name_Attribute} للحصول على بيانات هذا الحقل المحدد.

بالنسبة لطرق الدفع ، تقدم لك Fluent Forms عمليات تكامل الدفع الأكثر شيوعًا. يمكنك استخدام Stripe ، و PayPal ، و Mollie ، و RazorPay ، وما إلى ذلك لدفع نموذج طلب شراء القميص. يعد إعداد طريقة الدفع الخاصة بك مثل أي إعداد دفع آخر. تحتاج إلى دمجه من خلال مفاتيح API.

الخطوة 4: اجعله نموذجًا متعدد الخطوات إذا كنت تريد ذلك

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

ابحث عن "خطوة النموذج" من "حقول الإدخال" ، ثم قم بإضافتها في بداية الصفحة والنهاية ، وقم أيضًا بإضافة واحدة بعد معلومات الفواتير وأضف واحدة بعد تحديد القميص.

الخطوة 5: إعدادات الإشعارات والبريد الإلكتروني لنموذج طلب القميص

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

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

الخطوة 6: تصميم نموذج طلب القميص الخاص بك

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

ولكن ماذا عن إعطاء هذا الشكل بعض الأسلوب؟ نعم ، يمكنك القيام بذلك أيضًا ، إضافة بعض الصور المميزة إلى النموذج الخاص بك عبر حقل HTML مخصص أساسي جدًا. إذا كنت تستخدم أدوات إنشاء الصفحات مثل Elementor و Oxygen ، فستحصل على بعض الأدوات الإضافية لنموذج Fluent. قد يكون من السهل جدًا جعل النموذج الخاص بك يبدو ثريًا جدًا بحيث لا يمكن للمستخدمين عادةً التمرير دون إلقاء نظرة ثانية.

فيما يلي نموذج طلب قميص أساسي بدون أي ترميز أو مساعدة منشئ صفحات فاخر -

في خيار المعاينة والتصميم ، سيكون لديك بعض الخيارات لتغيير لون الخلفية ولون الخط وتصميم الحاوية وما إلى ذلك. حتى أنه يقدم بعض قوالب نمط النموذج لنموذج طلب القميص الخاص بك - Modern ، Classic ، Bootstrap Style ، إلخ.

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

هل تتذكر جلب البيانات ديناميكيًا إلى صفحة التأكيد للطمأنة؟
Jus اكتب {dynamic.Name_Attribute} لجلب بيانات هذا الحقل المحدد ، بالنسبة لنموذج الطلب الخاص بنا ، فإننا ببساطة نضع حقل HTML مخصصًا ونضع بعض نص التأكيد جنبًا إلى جنب مع علامتي {dynamic.names} و {dynamic.phone} . هاهو! هذا كيف سيبدو في النموذج الخاص بك.

أضفنا أيضًا بعض تصميمات القمصان إلى حقول الراديو لاختيارها بصريًا.

نشر نموذج طلب القميص الخاص بك

إن نشر نموذج طلب قميصك ليس علمًا صارخًا. يعطي Fluent Forms دائمًا معرفًا فريدًا مع كل نموذج. ما عليك سوى نسخ الرمز المختصر ولصقه في الصفحة أو منشور المدونة الذي تريد نشر النموذج الخاص بك.

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

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

لازلت مشوش؟ لا ، أنت لا تفوت أي شيء

باستخدام Typeform ، يمكنك إنشاء نماذج تفاعلية لجعل نموذجك يشبه المحادثة.

يمكنك إنشاء نماذج محادثة تفاعلية باستخدام Fluent Forms أيضًا. ويحتوي على مجموعة من الخيارات مثل الوصول الكامل إلى لوحة المفاتيح ، وإضافة صور / تخطيطات مختلفة ، وحتى الرسوم المتحركة / الفيديو إلى النموذج ، ونقرة واحدة لتحويل النموذج غير التفاعلي إلى نموذج المحادثة ، وما إلى ذلك.

إذا كنت ترغب في إنشاء نموذج طلب قميص على شكل Typeform ، فيمكنك القيام بذلك باستخدام نموذج المحادثة Fluent Forms.

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

فيما يلي مثال آخر على نموذج طلب قميص عبر الإنترنت.

انظر ، أنت لا تفوت أي شيء. في الواقع ، مع Fluent Forms ، تحصل على أكثر مما يعرضه أي منشئو النماذج الآخرون لإنشاء بعض نماذج طلب القمصان الرائعة.

تغليف

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

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

• فيسبوك
• انستغرام
• ووردبريس
• تويتر
• موقع يوتيوب