إنشاء نماذج الاشتراك وتضمينها

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

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

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

يتناول هذا الدليل الخطوات الخاصة بالنماذج المُضمَّنة. أما وظائف التحرير المرئي المشتركة، فتم شرحها في الدليل الرئيسي لمنشئ نماذج الاشتراك.

إنشاء نموذج مُضمَّن

افتح «Signup Forms»، وانقر على «Create Form»، ثم اختر «Embedded Form». أدخل اسمًا داخليًا واضحًا وتابع إلى المنشئ.

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

لا يُعرَض الاسم الداخلي للزوار تلقائيًا. سمِّ النموذج حسب موضعه أو الغرض منه، مثل «النشرة الإخبارية للصفحة الرئيسية» أو «تذييل المدونة» أو «تحديثات المنتجات».

اختيار تصميم ابتدائي

توفّر النماذج المُضمَّنة نموذجًا فارغًا، ونموذجًا قياسيًا، وأربعة قوالب مصممة:

• ملاحظة هادئة
• شريط قسيمة
• تحريري داكن
• أزرق بسيط

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

تصميم النموذج المُضمَّن

استخدم «Layout» و«Content» لترتيب النموذج. يمكن أن يتضمن النموذج المُضمَّن نموذج الاشتراك إلى جانب نصوص توضيحية، وصور، وقوائم، وأزرار، وروابط اجتماعية، وعدّاد مشتركين، ومساحات، أو فواصل.

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

حدّد كتلة نموذج الاشتراك لاختيار حقول المشتركين، والحقول المطلوبة، والتسميات، والوسوم المخفية، ومؤشر التقدم، وعدّاد مشتركين اختياري. ويمكنك بعد ذلك تنسيق حاوية النموذج والحقول وزر الإرسال بشكل منفصل.

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

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

ربط مسار الاشتراك

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

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

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

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

انقر على «Save changes» لحفظ الإصدار الحالي. عُد إلى نظرة عامة على نماذج الاشتراك عندما تكون مستعدًا لتضمينه.

تفعيل النموذج

يجب أن يكون النموذج المُضمَّن نشطًا قبل استخدام رمزه العام.

إذا كان النموذج غير نشط، فافتح قائمة الإجراءات ذات النقاط الثلاث الخاصة به في نظرة عامة على نماذج الاشتراك، واختر «Activate». يعرض النموذج النشط إجراء «Show Code Snippet».

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

نسخ رمز JavaScript

انقر على «Show Code Snippet» وافتح علامة التبويب «JavaScript». يوفّر Maildroppa برنامجًا نصيًا قصيرًا يتضمن معرّف النموذج الفريد.

يتبع الرمز هذا الهيكل:

<script async src="https://form.maildroppa.com/md-form-loader.js" data-md-form="[form-id]"></script>

انسخ الرمز كاملًا من دون تغيير عنوان البرنامج النصي أو معرّف النموذج.

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

إضافة النموذج إلى موقعك الإلكتروني

الصق البرنامج النصي في موضع الصفحة الذي يجب أن يظهر فيه النموذج المُضمَّن.

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

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

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

استخدام علامة تبويب HTML

توفّر علامة التبويب «HTML» ترميز النموذج المُنشأ. ويُقصَد بهذا الخيار عمليات التنفيذ المخصصة التي تريد فيها العمل مباشرةً مع HTML المعروض.

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

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

اختبار النموذج المُضمَّن

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

1. تحقّق من ظهور النموذج في الموضع الصحيح.
2. اعرض الصفحة على شاشة عريضة وأخرى ضيقة.
3. أكمل كل حقل مطلوب.
4. أرسل النموذج وراجع الاستجابة.
5. افتح رسالة البريد الإلكتروني الخاصة بالتأكيد المزدوج.
6. أكّد العنوان وراجع الاستجابة النهائية.
7. تحقّق من ظهور المشترك وأي وسوم مخفية بصورة صحيحة في Maildroppa.

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

تحديث نموذج مُضمَّن

افتح النموذج نفسه في Maildroppa، وأجرِ التغييرات، وعاينها، ثم انقر على «Save changes». ويستمر مقتطف JavaScript الموجود على موقعك الإلكتروني في استخدام معرّف النموذج نفسه، ويحمّل إعدادات النموذج العامة المحفوظة.

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