"إضافة نموذج اشتراك في صفحة الهبوط"

مقدمة

درسنا اليوم يركز على تحقيق الهدف التعليمي التالي: إضافة نموذج اشتراك (Opt-in Form) في صفحة الهبوط لجمع البريد الإلكتروني.

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

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

1. أساسيات نموذج الاشتراك الفعّال

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

نموذج الاشتراك (أو ما يسمى أحيانًا بـ Opt-in Form) هو المكون الأساسي في صفحات "جمع العملاء المحتملين" (Lead Capture Pages).

لتحقيق أفضل النتائج، هناك مبدأ أساسي يجب اتباعه: البساطة.

كلما قلّ عدد الحقول التي تطلبها، زادت نسبة الزوار الذين سيقومون بملء النموذج. في معظم الحالات، كل ما تحتاجه هو الاسم الأول والبريد الإلكتروني.

المقال التالي يؤكد على هذه النقطة الهامة ويحذر من خطأ شائع.

الآن وبعد أن فهمنا المبادئ النظرية، حان وقت التطبيق العملي.

2. خطوة بخطوة: إضافة نموذج الاشتراك في Systeme.io

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

افتح محرر صفحة الهبوط الخاصة بك في Systeme.io واتبع التعليمات التالية:

أ) إضافة عناصر النموذج

1. من القائمة اليسرى للعناصر (Elements)، ابحث عن عنصر Form Input.
2. اسحبه وأفلته في المكان الذي تريد أن يظهر فيه النموذج داخل صفحتك (عادةً تحت النص الذي يصف الـ Lead Magnet).
3. كرر العملية مرة أخرى لإضافة حقل ثانٍ. الآن لديك حقلان.
4. ابحث عن عنصر Button واسحبه وأفلته تحت حقلي الإدخال.

• للمتابعة المرئية: شاهد في الفيديو LINK من الدقيقة 03:45 إلى 04:20.

ب) تخصيص حقول الإدخال

1. انقر على حقل الإدخال الأول. ستظهر لك خياراته في القائمة اليسرى.
2. من قائمة Input type المنسدلة، اختر First Name.
3. في حقل Placeholder، يمكنك كتابة نص يظهر داخل الحقل، مثل "اكتب اسمك الأول".
4. انقر على حقل الإدخال الثاني، ومن قائمة Input type اختر Email.
5. في حقل Placeholder، اكتب "اكتب بريدك الإلكتروني".

• للمتابعة المرئية: شاهد في الفيديو LINK من الدقيقة 06:15 إلى 06:45.

ج) تخصيص زر الإجراء (CTA Button)

1. انقر على الزر الذي أضفته.
2. في القائمة اليسرى، اذهب إلى قسم Typography.
3. في حقل Button text، اكتب نصًا جذابًا ومحفزًا يدعو لاتخاذ إجراء، مثل "احصل على دليلك المجاني الآن!" أو "أرسل لي الكتاب!". تجنب الكلمات العامة مثل "إرسال".
4. يمكنك تغيير لون الزر من قسم Background color لجعله بارزًا.

• للمتابعة المرئية: شاهد في الفيديو LINK من الدقيقة 06:55 إلى 07:09.

د) تحسين التصميم للجوال

هذه خطوة لا يمكن إغفالها، حيث أن معظم الزوار يستخدمون هواتفهم.

1. في الشريط السفلي للمحرر، ستجد أيقونة لشاشة حاسوب وأيقونة لهاتف. انقر على أيقونة الهاتف للتبديل إلى وضع العرض على الجوال.
2. تفقد شكل النموذج. قد تحتاج إلى تعديل حجم الخطوط، أو الهوامش (Margins) والمسافات (Paddings) لضمان أن النموذج يبدو منظمًا وسهل الاستخدام على الشاشات الصغيرة. أي تغييرات تجريها في وضع الجوال لن تؤثر على تصميم نسخة سطح المكتب.

• للمتابعة المرئية: شاهد كيف يتم ضبط التصميم للجوال في الفيديو LINK من الدقيقة 15:11 إلى 17:14.

3. الربط الفني: توصيل النموذج بقائمتك البريدية

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

الخطوة الأولى: ضبط إجراء الزر

1. انقر على الزر مرة أخرى.
2. في القائمة اليسرى، تأكد من أن خيار Action when button clicked مضبوط على Send form. هذا هو الخيار الافتراضي عادةً. هذا الإجراء يخبر Systeme.io بجمع البيانات من الحقول الموجودة فوق الزر.

الخطوة الثانية: إنشاء قاعدة الأتمتة (Automation Rule)

هذه هي الخطوة التي تربط صفحتك بحملتك البريدية.

1. احفظ التغييرات التي أجريتها على الصفحة، ثم اخرج من المحرر بالضغط على السهم في الأعلى.
2. ستعود إلى واجهة إعدادات صفحة الهبوط. انقر على تبويب Automation rules.
3. اضغط على Add Rule.
4. انقر على أيقونة + لاختيار المُحفّز (Trigger). اختر Funnel Step Form Subscribed. هذا يعني "عندما يقوم شخص ما بالاشتراك عبر النموذج الموجود في هذه الصفحة".
5. الآن اضغط على أيقونة + لإضافة الإجراء (Action). اختر Add a tag (إضافة وسم). الوسوم (Tags) تساعدك على تنظيم جهات الاتصال. يمكنك إنشاء وسم جديد باسم الـ Lead Magnet الخاص بك (مثلاً: ebook-keto-diet-lead).
6. اضغط على + مرة أخرى لإضافة إجراء ثانٍ. اختر Subscribe to an email campaign. هنا، ستختار سلسلة الرسائل البريدية التي سنقوم بإنشائها في الدرس القادم. حاليًا، يمكنك ترك هذا الخيار فارغًا أو اختيار أي حملة افتراضية إذا كانت موجودة.
7. اضغط Save Rule.

• للمتابعة المرئية: شاهد هذه الخطوات بالتفصيل في الفيديو LINK من الدقيقة 29:24 إلى 30:46. الفيديو LINK بالعربية يوضح نفس المبدأ في قسم بناء الـ Workflow من الدقيقة 09:38 إلى 10:25.

الخطوة الثالثة: الاختبار النهائي

لا تثق أبدًا بأن شيئًا ما يعمل حتى تجربه بنفسك.

1. ارجع إلى إعدادات صفحة الهبوط وانقر على أيقونة العين (View Funnel Step) لفتح الصفحة الحقيقية في متصفحك.
2. املأ النموذج باسمك وبريد إلكتروني (يمكنك استخدام بريد إلكتروني ثانوي للاختبار).
3. اضغط على الزر.
4. اذهب إلى حسابك في Systeme.io، وانتقل إلى قسم Contacts. يجب أن تجد اسمك والبريد الإلكتروني الذي أدخلته قد تمت إضافتهما إلى القائمة مع الوسم الذي حددته.

• للمتابعة المرئية: شاهد عملية الاختبار في الفيديو LINK من الدقيقة 30:46 إلى 31:46.

الخلاصة

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

أهم النقاط التي تعلمناها اليوم:

• أضفت نموذج اشتراك (Opt-in Form) إلى صفحة الهبوط الخاصة بك باستخدام عناصر Form Input و Button.
• تعلمت أهمية إبقاء النموذج بسيطًا (اسم وبريد إلكتروني فقط) لزيادة التحويلات.
• قمت بتخصيص شكل النموذج والزر ليتناسب مع تصميم صفحتك على سطح المكتب والجوال.
• ربطت النموذج بقائمتك البريدية عبر إنشاء "قاعدة أتمتة" (Automation Rule) تعمل عند اشتراك الزائر.
• اختبرت النظام بالكامل للتأكد من أنه يعمل كما هو متوقع.

ماذا بعد؟

الآن بعد أن أصبح لديك نظام قادر على استقبال المشتركين الجدد، حان الوقت لنفكر: ماذا سنرسل لهم؟. في الدرس القادم، سندخل إلى عالم التسويق عبر البريد الإلكتروني وسنبدأ بـ تخطيط محتوى وهدف سلسلة الرسائل الترحيبية. سنقوم بكتابة أول وأهم رسالة، وهي الرسالة التي ستسلم الـ Lead Magnet للمشترك الجديد وتبدأ في بناء علاقة وثقة معه. استعد للخطوة التالية