منشئ نماذج التسجيل: تصميم النماذج

Published: ١٦ يوليو ٢٠٢٦ · Last updated: ٢١ يوليو ٢٠٢٦ · By Marcus Biel

منشئ نماذج التسجيل هو المحرر المرئي لجميع نماذج التسجيل والصفحات المقصودة في Maildroppa.

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

يستخدم Maildroppa المنشئ نفسه لأربعة أنواع من النماذج:

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

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

فتح منشئ نماذج التسجيل

افتح «Signup Forms» في Maildroppa. بعد ذلك، يمكنك النقر على «Create Form» لإنشاء صفحة مقصودة أو نموذج مضمّن أو نافذة منبثقة أو نافذة منزلقة جديدة.

لمتابعة العمل على نموذج موجود، انقر على اسمه أو اختر «Edit Form» من قائمة الإجراءات ذات النقاط الثلاث في نظرة عامة على نماذج التسجيل.

امنح النموذج اسمًا داخليًا واضحًا. فالأسماء مثل «النشرة الإخبارية للصفحة الرئيسية» أو «نافذة منبثقة للندوة» أو «المحتوى الجاذب للعملاء المحتملين للصيف» أسهل في التعرّف إليها لاحقًا من الأسماء العامة مثل «Form 1». يساعدك اسم النموذج في إدارة النموذج داخل Maildroppa، ولا يُعرض تلقائيًا للزوار.

فهم المنشئ

ينقسم المنشئ إلى أربع مناطق رئيسية.

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

الشريط الجانبي الأيسر يحتوي على «Layout» و«Content» و«Layers». استخدمه لإنشاء البنية، وإضافة عناصر جديدة، وإدارة كل ما وُضع بالفعل على لوحة العمل.

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

الشريط الجانبي الأيمن يحتوي على «Settings» و«Page settings». تغيّر «Settings» العنصر المحدد، بينما تغيّر «Page settings» الخلفية العامة والإعدادات الافتراضية للتصميم.

على الشاشات الأصغر، تفتح الأشرطة الجانبية كلوحات باستخدام زري «Content» و«Settings». وتظل الوظائف المتاحة كما هي.

البدء باستخدام قالب

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

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

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

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

إنشاء التخطيط

افتح «Layout» في الشريط الجانبي الأيسر لإضافة صف جديد من الخلايا. تشمل التخطيطات المتاحة ما يلي:

• خلية واحدة
• خليتان أو ثلاث أو أربع خلايا متساوية
• خليتان بنسبة 2:1
• خليتان بنسبة 1:2

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

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

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

إضافة المحتوى

افتح «Content» في الشريط الجانبي الأيسر لإضافة كتل محتوى فردية. يمكنك النقر على كتلة لإدراجها أو سحبها إلى الموضع المطلوب على لوحة العمل.

يوفر المنشئ كتل المحتوى التالية:

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

Text — تضيف عناوين أو فقرات أو نصوصًا منسقة أخرى.

Image — تضيف صورة من عنوان URL أو من ملف مرفوع أو من مكتبة وسائط Maildroppa. يمكنك توفير نص بديل وإضافة رابط والتحكم في الأبعاد ونسبة العرض إلى الارتفاع والقص ونقطة التركيز والتدوير والقلب.

Video — تضيف فيديو من YouTube أو Vimeo أو عنوان URL للتضمين أو ملف فيديو مباشر. ويمكنك أيضًا تهيئة صورة المعاينة ومظهر زر التشغيل.

List — تضيف قائمة نقطية أو مرقمة. حرّر العناصر وتحكم في لون العلامات والتباعد والطباعة والمحاذاة.

Button — تضيف زر رابط بنص وعنوان URL وحجم وعرض وألوان وحدود وطباعة ومحاذاة قابلة للتهيئة.

Social links — تضيف أيقونات مرتبطة بخدمات مثل Facebook أو Instagram أو LinkedIn أو TikTok أو YouTube أو موقعك الإلكتروني.

Subscriber counter — تعرض العدد الحالي للمشتركين المؤكدين. يمكنك إضافة إزاحة وتغيير التسمية وتنسيق الرقم والنص.

Spacer — تضيف مساحة فارغة يمكن التحكم بها. ويمكن ضبط التباعد على سطح المكتب والهاتف المحمول بشكل منفصل.

Divider — تضيف خطًا أفقيًا بلون وسُمك وعرض ونمط ومحاذاة وتباعد قابلة للتهيئة.

توفر الصفحات المقصودة أيضًا أقسامًا كاملة قابلة لإعادة الاستخدام. ويشرحها دليل الصفحة المقصودة.

تحديد العناصر وترتيبها

انقر على عنصر في لوحة العمل لتحديده. وستظهر إعداداته في الشريط الجانبي الأيمن.

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

افتح «Layers» عندما تحتوي الصفحة على مربعات أو أعمدة أو كتل محتوى متداخلة كثيرة. تعرض لوحة الطبقات البنية الكاملة في قائمة. ومن هناك يمكنك:

• تحديد عنصر
• إعادة تسميته لتسهيل التعرّف إليه
• نقله إلى أعلى أو أسفل
• سحبه إلى موضع آخر
• قفله أو إلغاء قفله
• نسخه
• حذفه

يكون القفل مفيدًا عندما لا تريد تحريك خلفية أو صورة أو قسم مكتمل عن طريق الخطأ. ألغِ قفل الطبقة عندما تريد تعديلها أو تغيير موضعها مرة أخرى.

استخدم «Undo» و«Redo» في شريط أدوات المنشئ للرجوع إلى تغييرات التصميم الأخيرة أو التقدم خلالها.

تحرير النص

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

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

استخدم إعدادات الطباعة العامة ضمن «Page settings» عندما تريد أن تشترك جميع العناوين والنص الأساسي والروابط والأزرار في نمط متسق. واستخدم إعدادات العنصر المحدد عندما تريد أن يختلف مظهر كتلة واحدة فقط.

تهيئة نموذج التسجيل

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

حقول المشتركين

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

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

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

الوسوم المخفية

لا تُعرض الوسوم المخفية للزوار. وعندما يسجل شخص ما عبر النموذج، يعيّن Maildroppa الوسوم المحددة لذلك المشترك تلقائيًا.

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

شريط التقدم

يمكن تعطيل شريط التقدم أو عرضه كنسبة مئوية أو كمؤشر من خطوتين.

بالنسبة إلى مؤشر النسبة المئوية، يمكنك تغيير النص والألوان وحجم الخط وسمكه ومحاذاته. وبالنسبة إلى المؤشر ذي الخطوتين، يمكنك تحرير تسميات كلتا الخطوتين واختيار الألوان النشطة وغير النشطة.

يمكن لمؤشر التقدم أن يساعد في توضيح أن إرسال النموذج هو الخطوة الأولى، وأن تأكيد رسالة البريد الإلكتروني Double Opt-in هو الخطوة الثانية.

عداد المشتركين داخل النموذج

يمكن لنموذج التسجيل عرض العدد الحالي للمشتركين المؤكدين قبل زر الإرسال أو بعده.

يمكنك إضافة إزاحة، وكتابة تسمية، واختيار الموضع، وضبط الطباعة والمحاذاة. وتُضاف الإزاحة إلى عدد المشتركين المؤكدين الذي يعرضه Maildroppa.

يختلف عداد النموذج هذا عن كتلة المحتوى المستقلة «Subscriber counter». استخدم إعداد النموذج عندما تريد ربط العدد مباشرةً بمنطقة الإرسال. واستخدم كتلة المحتوى عندما تريد أن يظهر العداد في موضع آخر من التصميم.

تصميم النموذج وحقول الإدخال والزر

تتحكم إعدادات «Signup Form Block» في الحاوية المحيطة بالحقول، بما في ذلك خلفيتها وحدودها ونصف قطر زواياها وتباعدها.

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

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

تغيير المظهر العام

افتح «Page settings» في الشريط الجانبي الأيمن لتغيير التصميم العام. وبالنسبة إلى النماذج المضمّنة والنوافذ المنبثقة والنوافذ المنزلقة، تنطبق هذه الإعدادات على لوحة النموذج بدلًا من صفحة مستضافة متكاملة.

يمكنك تهيئة الخلفية الرئيسية وصورة الخلفية والعرض الأقصى والتباعد على الهاتف المحمول. وتحدد إعدادات المظهر القيم الافتراضية لما يلي:

• خط النص الأساسي ولون النص
• لون الرابط والتسطير ولون التحويم
• خط العنوان ولونه وسمكه وحجمه وارتفاع السطر
• الأزرار
• المربعات والحدود وأنصاف أقطار الزوايا والفجوات والحشو
• حشو الصفحة على الهاتف المحمول والنقطة التي تتراص عندها الأعمدة

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

ربط مسار التسجيل

يرتبط كل نموذج بـ مسار تسجيل. ويتحكم مسار التسجيل في رحلة المشترك بعد إرسال النموذج:

• ما يراه الزائر فورًا بعد إرسال النموذج
• رسالة البريد الإلكتروني Double Opt-in التي تُرسل
• ما يحدث بعد أن يؤكد المشترك عنوان البريد الإلكتروني

افتح عنصر التحكم في مسار التسجيل في رأس المنشئ لرؤية المسار المعيّن حاليًا. يمكنك اختيار مسار موجود آخر، أو تحرير المسار المحدد، أو إنشاء مسار جديد.

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

المعاينة والحفظ

انقر على «Preview» للتحقق من التصميم الكامل وتجربة التسجيل قبل إتاحتها للعامة. وتفيد المعاينة في التحقق من النصوص الطويلة ونِسب الصور وترتيب الحقول وتسميات الأزرار والتوازن العام للنموذج.

بالنسبة إلى النماذج المضمّنة والنوافذ المنبثقة والنوافذ المنزلقة، انقر على «Save changes» عندما تكون مستعدًا لحفظ الإصدار الحالي.

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

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

تابع حسب نوع النموذج

اكتمل الآن العمل المشترك على التصميم. تابع إلى الدليل الخاص بالنموذج الذي تنشئه:

• إنشاء صفحة مقصودة ونشرها
• إنشاء نموذج مضمّن وتضمينه
• تهيئة نافذة منبثقة وعرضها
• تهيئة نافذة منزلقة وتحديد موضعها