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

ولقد قمنا باختيار GetResponse تحديدا للتطبيق معك عليها للأسباب الاتية :-

• ممتازة عن تجربة شخصية لي حيث جربتها في اكثر من مشروع.
• تمنحك شهر مجانى تماما تستخدم فيها الاداة بكل ما فيها من خواص .
• تتميز بالتصميم السهل والبسيط لأنها تمتلك واجهة مستخدم بسيطة تستطيع من خلالها اطلاق حملات تسويق عبر البريد الالكترونى كاملة وفعالة بدون ما يكون لديك خبرة كبيرة في التصميم .
• توفر لك هذه الاداة الرائعة الكثير من القوالب الجاهزة لتصميم ايميلات وصفحات هبوط احترافية مما يوفر عليك الوقت والمجهود في التصميم.
• التسويق الاوتوماتيك وهو ما يعرف Automation اي انك تستطيع ان تُنشئ جميع ايميلاتك في نفس ذات الوقت وتحدد مواعيد ارسالها والسيستم يتعامل معا اوتوماتيك مع كل عميل يسجل في القائمة البريدية حيث يقوم بأرسالها لعملائك في المواعيد التي سبق ان حددتها له وسوف نتعلم كل هذا عمليا بالتفصيل من الصفر.
• خدمة عملاء ممتازة حيث بتوفر لك دعم فنى 24 ساعة و7 ايام اسبوعيا تستطيع ان تتواصل معهم في أي وقت اذا وجدت صعوبة او اي مشاكل اثناء التطبيق.

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

الخطوة الاولى: فتح حساب مجانى في GetResponse وضبط الاعدادات الاولية

اول خطوة لدينا نضغط على هذا الرابط حتى نذهب لموقع جيت ريسبونس GetResponse وهذا الرابط به احدث العروض على باقات جيت رسبونس GetResponse حيث عندما تريد ان ترقى حسابك بعد الثلاثين يوم المجانية تجد احدث العروض على باقات Getresponse

ثم سيفتح معنا الموقع بهذا الشكل .

ثم بعد ذلك نضغط على Signup free ليذهب بنا الي هذه الصفحة.

وسوف نقوم بملأ البيانات من اسم وايميل ,باسورد والايميل الذى تُسجل به يكون ايميل صحيح وفعال ,وعارف الباسورد الخاص به لأنه سوف يطلب منك activation له بعد قليل

وسنقوم بعمل باسورد قوية من حروف وارقام واي سبيشيال كراكترز مثل الاندرسكور _ او الات @ .

ثم نضغط على Create Free account سوف تظهر لنا هذه الصفحة وهنا بطلب منك ان تعمل activation للإيميل الخاص بك لكى يتأكد منه فنضغط على Go to Gamil.

ثم نقوم بالذهاب للجميل الخاص بنا فنجد ان GetResponse ارسلت الينا ايميل سنفتح الايميل ونضغط على Activate account .

فسوف تظهر لنا هذه الصفحة وهذه بعض الإعدادات الاولية لحسابك.

فسنكمل تلك البيانات سوياً فستدخل اسمك او اسم شركتك ثم بلدك وعنوانك ولاحظ ان عنوانك هذا سوف يظهر في نهاية كل ايميل اسوف تقوم بإرساله ثم بعد ذلك سندخل البوستال كود وهو الرقم البريدي لمنطقتك اذا لم تكن تعرفه تستطيع ان تبحث باسم مدينتك وتكتب بجوارها بوستال كود ستجده ان شاء الله ثم سيطلب منك رقم تليفون وهذه خطوة اختيارية.

ثم نضغط على Next Step ثم سوف يظهر لك هذه الصفحة.

Next Step ثم نضغط على GetResponse وهنا بيسالنى لماذا تستخدم GetResponse وهى اننى استخدمها لكى ابنى جمهور خاص بالبيزنس الخاص بي Build audience فسوف نختار .

فتظهر لنا هذه الصفحة والتي تحتوي على الباقات الخاصة بجيت ريسبونس Getresponse .

GetResponse وطبعاً سوف نُكمل في الحساب المجاني ولكن تعالى معي صديقي العزيز لأُعرفك الفرق بين تلك الباقات باختصار.

وهنا في هذه الصفحة باقات جيت ريسبونس GetResponse ولديهم ثلاث باقات ونحن يهمنا اول باقتين فقط اما الباقة الثالثة لن تحتاج اليها اطلاقا

اذن ما هي انسب باقة لك بعد انتهاء الفترة المجانية؟

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

فتعالى معي نُكمل سوياً في الحساب المجاني ونضغط على Continue with Free

ثم ستظهر لنا هذه الصفحة والان لقد اكملت اعدادات حسابك الاولية فسوف نقوم بالضغط على hide check list اعلى الصفحة .

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

اولا ستقوم بتنظيف الداش بورد وترتيبها كل الواجيت widgets الغير مهمة ستقوم بإزالتها من الداش بورد .

فتعالى معي ننظفها ونرتبها سوياً مثل Affiliate Programs ليست ضرورية ولن نحتاج اليها فسنقوم بالضغط على الثلاث نقط في اعلى اليمين من ال widget ونضغط على remove widget.

وايضاً ال Tips A Tricks سنقوم بحذفها .

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

ثم نقوم بالضغط على علامة الزائد او البلس + لكى نضيف كل ال Wights الهامة للبيزنس الخاص بنا مثل New contacts ثم نضغط على Add .

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

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

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

ثم بعد ذلك نختار Conversion Funnel ثم نضغط Add وهذه خاصية رائعة توفرها GetResponse في حالة اذا كنت تُريد التسويق بالبريد الإلكتروني ولكن لم تمتلك موقع الكترونى او تمتلك موقع الكترونى ولا تريد استخدامه في التسويق بالبريد الالكترونى لاي سبب من الاسباب وسوف نشرحها تفصيليا في نهاية المقال.

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

وبذلك خرجنا كل ال wights المهمة والضرورية لأى بيزنس وهذا من وجهة نظري .

الخطوة الثانية : اضافة ايميل احترافي (البيزنس ايميل) لحسابك وضبطه كإيميل افتراضي لحسابك

وهذه ثاني خطوة في اعدادت حسابك وهى انك ُتضيف ايميل احترافي لحسابك والذى يسمى البيزنس ايميل وتجعل هذا الايميل هو الايميل الافتراضي لحسابك باتباع الخطوات الاتية:

• نضغط على Tools في اقصى الشمال ثم نختار Emails And Domains كما هو مبين في الصورة التالية.

• ثم سوف تظهر لنا هذه الصفحة ثم نضغط على Add email كما هو مبين على .

سوف تظهر لنا الصفحة بهذا الشكل.

• ولكن دعني اعرفك ما هو البزنس ايميل هو ايميل @ الدومين الخاص بموقعك الالكترونى فانا مثلا موقعي اسمه waelalsadik.com فالبيزنس ايميل الخاص بي هو info@waelalsadik.com وايضا support@waelalsadik.com.
• وهنا بتضييف البيزنس ايميل الخاص بك او بموقعك ويلزم البيزنس ايميل لان Getresponse لا تعتمد اي نوع اخر من الايميلات في ارسال ايميلاتك فهي لا تعتمد @gmail او @hotmail او @yahoo وذلك لأسباب:

1. اولها ان البيزنس ايميل او الايميل الاحترافي بيفرق جداً في سرعته عن اي نوع آخر حيث سرعته اكبر في ارسال واستقبال الايميلات داخل السيرفر
2. وله الاولوية عن أي نوع اخر سواء كان جميل او ياهو او هوت ميل

ولذلك يلزم ان تمتلك ايميل احترافي للبيزنس الخاص بك وتقوم بإضافته داخل حسابك .

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

اقرا ايضاً : انشاء ايميل احترافي او بيزنس ايميل من خلال استضافتك خطوة بخطوة

فتعالى معي يا صديقي العزيز كي نُضيف سوياً الايميل الاحترافي الخاص بي لتتعرف على الخطوات :

• سوف ندخل اسمنا وليكن مثلا Wael Alsadik .

• ثم ندخل الايميل الاحترافي وليكن مثلا waelalsadik.com ثم نضغط على Add.

• ثم بعد الضغط على Add فتظهر لنا هذه الصفحة ونجده يطلب verification للإيميل للتأكد منه لذلك سوف نقوم بالضغط على Goit .

• ثم نذهب على استضافتنا التي من خلالها نستطيع ان نفتح الايميل الاحترافي الخاص بنا وانا هنا إيميلي الاحترافي من خلال استضافة هوستنجر .
• فنجد ان Getresponse ارسلت الينا ايميل نضغط عليه لنفتحه كما هو مبين فى اسفل الصورة .

• ثم نضغط على confirm

• ثم بعد ذلك سيذهب بي الى Getresponse مرة اخري .
• سوف نلاحظ انه تم اضافة الايميل الاحترافي بنجاح وتم تأكيده بظهور كلمة Confirmed كما هو مبين في الصورة.
• ثم نضغط على الثلاث نقط في اليمين من Confirmed ونختار Set as default.

ثم يبقى خطوة واحدة في الاعدادات وهى خطوة ال Authentication ,وهى انك تضيف كود معين من Getresponse على اسم النطاق اوالدومين الخاص بك حتى تضمن ان ايميلاتك التي سوف تُرسل من خلال هذا الايميل الاحترافي تصل في الصندوق الوارد للعملاء Inbox ولا يلقى بها في Promotion او Spam او هذا الامر هام جداً

• لذلك سنقوم بالضغط على Authentication في اليمين كما هو مبين في الصورة .

• ستظهر لنا هذه الصفحة حيث نجد بها كودين 2 Codes.

• سنختار الكود الاول والذى بجار كلمة record for نأخذه نسخ copy كما هو مبين في الصورة لأسفل .

• نذهب الى الاستضافة الخاصة بنا ونضغط على domains اعلى الصفحة .

• نختار الدومين الخاص بنا ونضغط على manage كما هو مبين في الصورة التالية .

• سوف تفتح معنا الصفحة التالية نضغط على DNS/Nameservers في الشمال .

• سوف تظهر معنا هذه الصفحة لنضيف ال record .

• ثم نقف بالماوس على type ثم نختار txt .

• ثم ناتئ على Name كما هو واضح في الصورة.

• ونضيف الكود عن طريق لصق او paste.

• ثم نرجع مرة اخري الى جيت ريسبونس Getresponse لناتئ الكود الثاني .
• ثم نأخذ الكود الثاني الذى بجار كلمة DMIK Key ونضغط على copy .

• ثم نرجع مرة اخري للاستضافة على هوستنجر .
• ونحدد txt value .

• ثم نلصق الكود الثاني عن طريق لصق او paste كما بالصورة التالية.

• ثم نقوم بالضغط على Add Record.

• سنجد انه تم اضافة ال Record بنجاح كما هو واضح في الصورة.
• وبذلك انتهيت من خطوة ال Authentication بنجاح.

• ثم نذهب الى Getresponse مرة اخري.
• ونغلق هذه الفورم من close.

• ثم نقوم بالضغط على زر refresh لإعادة تحميل الصفحة .

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

الخطوة الثالثة : انشاء قوائمك البريدية وربطها بالفورم Forms

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

فتعالى معي صديقي العزيز لنتعلم تلك الخطوات تفصيليا من الصفر .

انشاء القوائم البريدية وضبط اعدادتها

• لكى تنشأ قائمة بريدية جديدة نذهب للداش بورد او لوحة التحكم الخاصة بحسابك عن طريق الضغط على زر back او الضغط على اللوجو الخاص ب GetResponse double click
• ثم نضغط على contacts فنجده لقد انشأ بالفعل قائمة بريدية بشكل تلقائي وسماها باسم ايميلك الذى سجلت به وفتحت به الحساب فاذا قمنا بالضغط على الثلاث نقاط في اليمين واختارنا show contacts سوف نجد انه اضاف داخل هذه القائمة البريدية ايميلك الذى سجلت به في الحساب .
• ولان اسم القائمة هو امرهام يُفضل ان تنشأ قائمة جديدة باسم جيد مناسب للبيزنس الخاص بك حيث ان اسم القائمة يظهر للعميل الذى سوف يسجل بياناته في الفورم .
• ولإنشاء قائمة جديدة نضغط على Create List ثم ندخل اسم القائمة ويمكنك ان تكتب اسم القائمة بالعربي او الإنجليزي .
• فعلى سبيل التجربة والتطبيق دعني اسميها مثلا New Customers.

• ثم نضغط على create .

• ثم بعد ذلك نقوم بعمل بعض الاعدادات على هذه القائمة او ال List من خلال الضغط على الثلاث نقط في اقصى يمين الصفحة ثم تظهر لنا قائمة منسدلة ثم نختار Settings.
• فتظهر لنا هذه الصفحة التي من خلالها يتم ضبط اعدادات القائمة .
• فنجد كما هو مبين من خلال الصورة التالية ان هناك اسم القائمة حيث سميتها معكم منذ قليل ب New customers وسنجد ايضاً ال Title وال Description او الوصف وهما معلومات اضافية لك اي لا تظهر للمستخدمين لتذكر نفسك بالقائمة بكتابة وصف عنها او تتركهما فارغين كما تحب فانا سوف اتركهم فارغين .
• نختار category وهو تصنيف البيزنس الخاص بك ,وانا هنا سوف اختار Internet Marketing .
• بعد ذلك نختار اللغة فتختار اللغة التي تفضلها وانا هنا سأتركها على اللغة العربية.
• ثم بعد ذلك نجد زر من خلاله تستطيع ان تظهر عنوانك في اخر كل إيميلاتك التي سوف ترسلها لعملائك ام لا من خلال تفعيله ام لا .

• ثم نجد اللوجو فسوف نضغط على Select File ونختار اللوجو الخاص بنا من خلال الكمبيوتر .
• ثم نُدخل عنوان موقعنا الإلكتروني ولكنه مسبوق ب https:// وانا هنا سوف ادخل https://waelalsadik.com.
• ثم نضغط على Save general Settings.

• ثم نطلع اعلى الصفحة لنختار subscription.
• ثم نضغط على Preview عند Confirmation Page.

• لتظهر لنا هذه الصفحة وهى صفحة ال Confirmation Page تلك الصفحة التي اعددها فريق GetResponse لتظهر لعملائك بعد تسجيلهم في القائمة البريدية وذلك في حالة انك لم ترسلهم على موقعك او ترسلهم على thank you page داخل موقعك فيمكنك فى هذه الحالة تختار الخيار الاول وهو Default GetResponse page وتكون بمثابة صفحة افتراضية لقوائمك البريدية .
• ففي حالة انك اخترت الخيار الاول الخيار الاول وهو ال Default GetResponse page ثم ضغطت على preview .
• سنجد هذه الصفحة هي التي سوف تظهر لعملائك حيث اللوجو الخاص بك وايضا اسم القائمة يظهر بها لذلك يجب ان تختار اسم جذاب ومناسب لجمهورك المستهدف كما هو اضح فى الصورة التالية.

• اما اذا كنت تريد ان ترسلهم على صفحة اخري في موقعك مثل thank you page مثلا ففي هذه الحالة ستختار الخيار الثانى وهو Custom URL ثم تدخل ال URL الخاص بالصفحة التي تريد ان ترسلهم عليها.
• ثم نضغط بعد ذلك على Save Subscription Settings.

• ثم بعد ذلك نذهب بعد ذلك الى Confirmation message .
• وكل ما يهمنا في هذا العنوان اننا نتأكد من اختيار جيت ريسبونس GetResponse للبيزنس ايميل او الايميل الاحترافي الخاص بنا والذى قومنا بإضافته في الاعدادات السابقة للحساب .
• فنتأكد انها قامت باختياره في حالة From و Replay.
• ثم نضغط على Save confirmation message.

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

وبعد ذلك نرجع هنا من Cancel ثم نقوم بالضغط على add contacts حتى نضيف عملاء لهذه القائمة البريدية وسنجد هنا اكثر من طريق لإضافة العملاء داخل القائمة البريدية.

سنجد هذه الصفحة التي يمكنك من خلالها اختيار طريقة اضافة العملاء حيث هناك ثلاث طرق لإضافة بيانات العملاء:-

1. one by one وهو الاضافة يدوياً واحد تلو الاخر.
2. From File اي من ملف عندك وذلك في حالة انك كنت تستخدم اداة اخري للتسويق بالبريد الالكترونى وتريد ان تنقل بيانات عملائك منها الى GetResponse مثلا.
3. Via signup form اي من الفورم اتوماتيك وهذه الطريقة هي الاصل في عمل القوائم البريدية والتسويق عبر البريد الالكترونى .

:الطريقة الاولى one by one باستخدام GetResponse

فى حالة اذا ضغطنا على one by one .

فسوف تظهر لنا هذه الصفحة التي نستطيع من خلالها اضافة بيانات العميل .

• فنقوم باختيار اسم القائمة List حيث انشأتها معك منذ قليل فى الخطوة السابقة New customers للتطبيق عليها فسنقوم باختيارها .
• ثم نقوم بإدخال الايميل وليكن مثلا waelalsadik2025@gmail.com
• ثم ندخل الاسم وليكن مثلا Wael .
• ثم ندخل رقم تليفون اذا كنت تسجل تليفونات عملائك .
• ثم نضغط على save and go to lists للخروج والذهاب الى القائمة.
• او نضغط على save and add another في حالة اضافة بيانات عميل آخر وهكذا.

فعند الضغط save and go to lists ونذهب ل List New customers للتأكد من اضافة الإيميل والاسم داخل القائمة فنجد انه تمت اضافته بنجاح كما هو مبين في الصورة التالية

الطريقة الثانية: From File باستخدام GetResponse

فعندما نضغط على From File

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

• فسنقوم اولا بتحديد اسم القائمة او ال List كما تعودنا فنختار مثلا New customers.
• ثم نختار الملف من على جهاز الكمبيوتر الخاص بنا عن طريق upload file .
• ثم نعلم على المربع الخاص ب I have permission to add these people to my list.
• ثم نضغط على Next.

ستظهر لنا هذه الصفحة ثم نعلم على المربع Do not import un matched columns ثم نضغط على import..

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

والآن لقد تعلمت وطبقت عمليا معي كل شيء عن القوائم البريدية Lists بداية ًمن طريقة انشاؤها الى طريقة اضافة بيانات عملائك فيها سواء كنت بتضييفهم بنفسك او كنت تشتغل على اداة اخري للتسويق بالبريد الإلكتروني وتريد ان تنقل قوائمك البريدية هنا داخل GetResponse عن طريق اضافة ملف البيانات الخاص بهم .

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

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

:الطريقة الثالثة Via Sign up Form

لكن قبل ما اعرفك كيف تنشئ الفورم Forms لابد ان تعرف ان هناك نوعين من الفورم :-

أنواع الفورم Forms

1. Sign up forms
2. Lead Magnet Form

وهذان النوعان من الفورم Forms يمكن ان يظهروا بشكل ثابت اي فتظهر فى مكان ثابت فى الموقع سواء كان فى صفحة معينه او فى الفوتر Footer للموقع فى الموقع او يظهروا فى صورة بوبب popups والبوبب نستطيع ان نتحكم في ظهورها حيث يمكن ان تظهر للعميل فى الموقع كله او فى صفحة معينة بعينها على حسب ضبطك لها ويمكن ايضا ان تتحكم فى ظهورها عندما يتصفح العميل جزء معين من الصفحة ويصل الى 50% من Scroll down مثلا او تظهر للعميل عندما يغادر الموقع فتسطيع ان تتحكم فى كل هذه الامور عندما تُنشأ الفورم فى صورة بوبب popoup والبوبب هي الاحدث والافضل حاليا وهذا من وجهة نظري حيث تحصل على افضل النتائج وسوف نتعلم مع بعض بالتفصيل كيفية انشاء جميع انواع الفورم وسواء كانت ثابته او Lead

1-Sign up forms

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

انشاء النوع الاول من الفورم Sign up Forms باستخدام GetResponse

فتعالى معي حتى ننفذ هذا الكلام بصورة عملية خطوة بخطوة فسوف نضغط على Via Sign up Form

او من خلال الضغط على Tools من اعلى الصفحة ثم نختار Forms and Popups .

ستفتح معنا هذه الصفحة فنختار Forms حتى ننشأ النوع الاول من الفورم Forms وهى الفورم العادية ثم نضغط على Create Form كما هو موضح بالأسفل .

ثم نختار Legacy Forms ثم Continue .

فستظهر لنا هذه الصفحة والتي تضم مجموعة كبيرة جدً من النماذج او القوالب الجاهزة للفورم او Forms والتي تستطيع ان تُعدل عليها بكل سهولة عن طريق الضغط عليها

فنختار احد هذه القوالب لنعدل عليها بالضغط عليه ثم use template وليكن هذا القالب مثلا .

ثم تفتح لنا بهذا الشكل وسنجد على اليمين ال editor او المحرر التي تستطيع من خلاله تعديل كل شيء في هذا النموذج او الفورم حرفياً وبكل سهولة وهذا ما يميز GetResponse.

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

فأول جزء سنبدأ بتعديله هو الجزء الاول من الفورم وهو اللوجو سنضغط عليه ثم نختار من المحرر كلمة change.

ثم ستظهر لنا هذه الصفحة فنختار Add Files ونرفع اللوجو الخاص بنا من على جهاز الكمبيوتر الخاص بنا وانا سبق ان رفعته من قبل فسأعلم عليه لاختاره كما هو موضح بالصورة .

فنلاحظ انه تم رفعه بنجاح على الفورم وباستخدام الماوس وشده تستطيع ان تكبره او تصغره حتى يتناسب مع الفورم كما هو موضح بالأسفل .

ثم نُعلم على العنوان بالوقوف عليه ونغيره الى اشترك فى نشرتنا البريدية.

ثم نغير ال Name الى الاسم من الوقوف عليه وسنختار من المحرر Layout ثم ننزل الى Placeholder ونغير من Name الى اسمك مثلا او الاسم .

وأيضا نقف على Email ونختار Layout ثم placeholder وغيرها الى ايميلك او الايميل .

ثم نعدل الزر الى اشترك الان بالوقوف والكتابة عليه مباشرة كما هو موضح فى الصورتين التاليتين.

ثم لتعديل خلفية النموذج او الفورم من اللون الابيض الى اي لون اخر سنحدد الفورم سنجد فى المحرر على اليمين قائمة تسمي Style ستفتحها ثم نختار Background ثم Solid Color ثم نختار اللون الذى تريده ولكن لكى يكون تصميمك احترافي لابد ان تختار لون مناسب من الوان اللوجو الخاص بعلامتك التجارية فانا هنا سأختار اللون الاصفر حيث من الالوان المميزة لموقعي فانا استخدم في موقعي الازرق والاصفر ثم بعد اختيار اللون او كتابة الكود الخاص به نضغط على Ok

كما انك تلاحظ ان لون الز عند اشترك الان غير متوافق بالمرة مع الخلفية لذلك سوف اضغط عليه لأغيره الى اللون الازرق وهو اللون الثاني من الوان موقعي وذلك بالوقوف عليه ثم نذهب الى المحرر على اليمين ونختار Style ثم Button ثم color ثم نغيره الى اللون الازرق اما باختيار اللون او كتابة الكود الخاص به ثم نضغط على Ok.

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

والتي من خلالها نستطيع ان نسمى الفورم فسوف اسميها مثلا الفورم #1 ونختار القائمة او List فتظهر لنا الصفحة التالية فنختار القائمة التي سبق أن انشأناها مسبقاً وهى New Customers ثم نترك باقي الاعدادات على ضبطها الافتراضي ونضغط على Save. التي ترتبط بها هذه الفورم

ثم نضغط بعد ذلك على زر Publish من اقصى اليمين اعلى المحرر كما هو موضح فى الصورة لأسفل .

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

ثم تذهب الى موقعك او متجرك ثم تفتح الصفحة التى تريد ان تُضيف عليها هذه الفورم Form وتثبتها فيها

وللتجربة معك سوف اذهب الى موقعي waelalsadik.com وافتحه ثم اذهب الى احد الصفحات وليكن مثلا صفحة خدمة تصميم المواقع الالكترونية ثم اقوم بفتحها عن طريق edit with elementor ثم ننزل على أي جزء فاضي فى الصفحة ثم نعمل add section بالضغط على علامة البلس ثم نذهب الى toolbox صندوق الادوات داخا اليمنتور Elementor ثم نبحث على عنصر يسمى الكود المختصر او Shortcode ثم نشده داخل ال section ثم ناتئ على الشمال لنعمل لصق للكود الذى قمنا بأخذه من getResponse.

وبذلك حمل الفورم بالشكل الذى تراه امامك فى الصورة ثم نضغط على update فى اليمنتور ثم نعمل معاينه او Preview سنجد الفورم على صفحة موقعي .

ثم نذهب لتجربة هذه الفورم ولندخل اسما وليكن مثلا انس ثم ندخل ايميلا وليكن مثلا anasalsadik90@gmail.com ونضغط على زر اشترك الان .

ثم نذهب الى جيت ريسبونس ونفتح الفورم من خلال الضغط tools ثم نختار Contacts ثم اختيار lists ثم اختيار الفورم وهى New customer. ثم فتحها فنجد الاسم والايميل تم تسجيلهم بنجاح كما هو مبين فى الصورة لأسفل.

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

اما اذا كنت تريد ان تتعلم ان تصممه بنفسك فتعلم تصميم موقعك الالكترونى بنفسك من خلال الرابط التالي

‌أقرا ايضاً : تعلم انشاء موقعك الالكترونى الرائع والمذهل بنفسك على الووردبريس

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

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

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

2- Lead Magnet Form

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

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

انشاء النوع الثاني من الفورم : Lead Magnet Form باستخدام GetResponse

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

لذلك سنذهب الى getResponse ثم نختار Tools ثم نختار Forms ثم Create Form ثم Legacy Forms ثم Continue .

ثم ستظهر لنا هذه الصفحة مرة اخري تلك الصفحة التي تضم العديد من النماذج من الفورمات الجاهزة التي نستطيع ان نعدل عليها بكل سهولة ولكن الاختلاف هنا فى هذا النوع من الفورم هو اننا سوف نحدد على الشمال نوع الفورم او Template حيث نحدد ونختار ال Free download حتى يُظهر لنا الفورم التي بها مكان لغلاف الشيء المجاني حتى ارفعه مباشرة داخل التصميم وايضا نحدد الاختيار Width حيث النموذج يكون بالعرض لكى يكون مناسب لرفعه على الموقع لأنه يكون افضل فى الشكل كما مبين فى الصورة المناسبة لنا .

ثم نحدد ونختار احد النماذج او Templates وليكن مثلا هذا النموذج.

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

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

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

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

ثم بعد ذلك ستظهر لنا هذه الصفحة التي تستطيع ان ترفع من خلالها صورة الغلاف بالضغط على Add Files ثم Upload ثم Drag a file here ثم نختار الغلاف من خلال جهاز الكمبيوتر الخاص بنا ثم نضغط على Add كما هو موضح من خلال الصور التالية .

وسنجد انه تم اضافة الغلاف بنجاح داخل التصميم الخاص بالفورم كما هو مبين فى الصورة لأسفل .

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

ثم يعد الانتهاء من ضبط غلاف الكتاب سنقوم بالوقوف بالماوس على Your name حتى نغيره الى اسمك وذلك من خلال الضغط على layout اعلى المحرر ثم اختيار Placeholder ثم تغييره الى أسمك كما هو مبين فى الصور التالية لأسفل .

ونتبع نفس الخطوة السابقة حتى نغير Email address الى ايميلك اي من خلال الوقوف عليها ثم Layout >>Placeholder ثم نكتب ايميلك كما هو موضح فى الصورة لأسفل.

ونلاحظ اننا لابد ان نقوم بتغير اتجاه الفورم التي تضم الاسم والايميل الى اليمين حيث اصبحت باللغة العربية لذلك سنقوم بتحديديها ثم من قائمة Style >>Placeholder>>Alignment ونغيره الى اتجاه اليمين .

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

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

ثم بعد ذلك نضغط على النموذج كله ونحدده ونجد على اليمين فى المحرر قائمة Style>>Background ثم نختار اللون الذى نفضله ليكون خافية لهذه الفورم وطبعا لون يكون مناسب لعلامتك التجارية اى من الوان اللوجو الخاص بك.

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

ثم بعد ذلك يبقى لون الزر فسوف اضغط عليه ومن قائمة Style>>color ثم نختار اللون المناسب وانا هنا سوف اختار اللون الاصفر .

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

ثم بعد ذلك نقوم بالضغط على زر Publish فى اقصى اليمين اعلى الصفحة.

فسوف تظهر لنا هذه الصفحة والتي بها بعض الاعدادات للفورم مثل اسم الفورم واختيار القائمة البريدية اتى تُسمِع فيها هذه الفورم بعد التسجيل فيها والصفحة التي ينتقل اليها العميل بعد التسجيل فى هذه الفورم .

فسوف نُسمى هذه الفورم مثلا فورم2 ونختار القائمة التي قمنا بإنشائها سويا وهى New Customers ثم في خطوة choose thank you page نختار احد هذه الاختيارات فممكن نختار Custom من خلال موقع نضع رابط تحميل الكتاب مباشرة هنا سواء قمت بتحميل الكتاب على GetResponse او كنت قمت بتحميله على موقعك الخاص فتأتى بالرابط وتضعه هنا .

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

ولكى اضع له الرابط فى الايميل وليس بصورة مباشرة سنختار Default وليس Custom.

ولكى اضع له الرابط فى الايميل وليس بصورة مباشرة سنختار Default وليس Custom ثم بعد ذلك نضغط على save .

ثم نذهب الى Thank you page بجوار ال Form ونضغط عليها .

ثم نقوم بالتعديل عليها بكل سهولة مثل ما تعلمنا كيفية التعديل وذلك بتحديد النص وتغييره الى اللغة العربية .

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

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

ثم بعد ذلك نضغط على زر Publish فى اقصى اليمين اعلى الصفحة .

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

فسنذهب الى موقعنا مرة اخري وسنذهب الى كود الفورم الاولى ونحدد ثم نعمل له مسح او ازالة .

ثم نضع كود الفورم الثانية والتي قمنا بتسميتها فورم 2 داخل ذلك المستطيل ثم نضغط على update .

فسنجد ان الفورم لقد تم رفعها بنجاح على موقعنا بكل سهولة ويسر.

ثم نقوم بتجربتها فسندخل اسما وليكن وائل مثلاً وندخل ايميلا مثل waelalsadik1984@gmail.com ثم نضغط على حمل نسختك الان.

فسنجد انه تم تحويلنا الى هذه الصفحة بنجاح وهى صفحة الشكر او thank you page .

ثم نذهب مرة اخري الى موقع GetResponse لنتأكد ان البيانات تم تسجيلها داخل القائمة البريدية التي اختارتها وهى قائمة New Customer.

فسنذهب الى هذه الصفحة ثم نضغط على Contacts ثم Lists ثم نختار القائمة New Customers.

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

وبذلك لقد قمنا بتصميم الفورم بكل انواعها سواء كانت فورم عادية او الفورم Lead Magnet ثم قمنا برفع كل منهما على احدى صفحات موقعنا وتلك الفورم Forms تسمى الفورم الثابتة اي تم .وضعها في صفحة ثابتة لا تتغير . بينما ما سوف اعلمه لك في السطور الاتية من المقال هو كيفية عمل الفورم ولكن في صورة بوبب Popup وهذا احدث ما يكون للفورم

والبوبب popups نستطيع ان نتحكم فى ظهورها حيث يمكن ان تظهر للعميل فى الموقع كله او فى صفحة معينة بعينها على حسب ضبطك لها ويمكن ايضا ان تتحكم فى ظهورها عندما يتصفح العميل جزء معين من الصفحة ويصل الى 50% من Scroll down مثلا او تظهر للعميل عندما يغادر الموقع فتسطيع ان تتحكم فى كل هذه الامور عندما تُنشأ الفورم فى صورة بوبب popoup .والبوبب هي الاحدث والافضل حاليا وهذا من وجهة نظري حيث تحصل على افضل النتائج فتعالى معي ننشأها سوياً من الصفر

انشاء الفورم في صورة بوبب Popup

.لذلك سنذهب الى getResponse ثم نختار Tools ثم نختار Forms and Popups ثم Forms and Popups ثم Create .

.ثم تظهر لنا هذه الصفحة ثم نختار In Popup ثم Next .

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

وهنا سوف اطبق معك على فورم ليست عادية بل Lead Magnet ولكن فى صورة بوبب لان هذا الذى سوف يحقق افضل النتائج لك والذى اراه الافضل من وجهة نظري ومن خلال خبرتي فى المجال لسنوات فأنا اطبقه فى موقعي هذا كما تلاحظ فسوف اجمع هنا بين الفورم Lead Magnet حيث سوف اعطى عميلي المستهدف كتاب الكترونى مقابل تسجيل بياناته وايضا الفورم تكون فى صورة بوبب تظهر له فى كل صفحة يزورها ويصل الى 80% اثناء التصفح وهو يعمل Scroll down فهذا يحقق افضل النتائج والاحدث فى نفس ذات الوقت .

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

ثم نقوم باختيارها والضغط عليها حتى تفتح معنا في صفحة التعديل بهذا الشكل كما هو موضح في الصورة التالية .

ثم نبدأ في التعديل عليها بداية من تحميل غلاف الكتاب المجاني الى تغيير كل النصوص والالوان .

فكما سبق وان عرفنا كيفية رفع غلاف الكتاب وذلك بالضغط عليه ثم رفع الغلاف ثم Add files ;كما هو مبين فى الصور التالية .

ثم بعد ذلك ضبط حجم الغلاف بحيث يكون متناسب مع البوبب من size فى المحرر او editor .

ثم بعد ذلك نضغط على النص او العنوان لتغييره وذلك بالوقوف عليه ثم ستظهر لنا على اليمين الخط والالوان من Font و Font color وايضا محاذاة العنوان من Alignment سواء كنت تريده في اليمين او الوسط او الشمال وايضاً اختيار نوع الخط تستطيع تغييرها منها بكل سهولة .

لذلك سنقف بالماوس على العنوان ثم نقوم بتغييره الى (احصل على اخطاء لم يخبرك بها اي مصمم مواقع الكترونية ) مثلا كما هو موضح في الصورة التالية ثم نجعل حجم الخط 29 ومحاذاة المنتصف .

ثم بعد ذلك نضغط على فورم التسجيل الذى تلى العنوان .

ثم سوف تظهر لنا على اليمين كلمة Fields ثم نقوم بالضغط عليها .

فستظهر لنا كلمة label بداخلها كلمة Name فسنقوم بتغييرها الى الاسم وايضاً نجد email فسنقوم بتغييرها الى الايميل .

ثم بعد ذلك التأكد من اختيار القائمة البريدية السليمة التي ستنتقل اليها البيانات عن طريق هذه البوبب وذلك بالوقوف على الفورم او Signup form ثم نختار من اليمين Subscripion Settings ثم من List فسنقوم باختيار اسم القائمة البريدية التي سبق ان انشأناها فى اول المقال وهى New Customers كما هو مبين فى يمين الصورة التالية

ثم نقوم بتغيير الزر من submit الى احصل على نسختك الان وذلك بالضغط عليه ثم اختيار كلمة Design ثم اختيار كلمة Button ثم نختار Submit text ونقوم بتغييرها .

ثم نقوم بتغيير لون خط الزر من Button color ثم Advanced settings وأيضاً تغيير لون خط الزر من Font .

ثم نقوم بعد ذلك بتغيير خلفية البوبب بحيث تكون مناسبة لألوان اللوجو الخاص بك فمثلا سنختار اللون الازرق لأنه احد الوان اللوجو الخاص بي فسنحدد البوب ثم نختار من Settings ثم Background color.

ثم نقوم بتغييرها الى اللون الازرق او كتابة الكود الخاص به فمثلا سأكتب #00adff كما هو موضح فى الصورة التالية .

وبذلك اصبحت خلفية البوبب بالون الازرق بينما لون الفورم لم تتغير لذلك سنقف على الفورم ونحددها ثم نختار من اليمين كلمة Design ثم نختار Field ثم نختار Background color

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

ولذلك سنقوم بالضغط على الزر ثم اختيار Design من على اليمين ثم اختيار Button ثم اختيار Button color كما هو موضح في الصورتين التاليتين ثم تغيير لون الزر من الاسود الى اللون الاصفر وذلك اما باختيار اللون مباشرة او كتابة الكود الخاص به وهو #ffea00 .

ومن ثم سنلاحظ انه تم تغيير لون الزر الى الاصفر ولكن النص على الزر لا يظهر حيث مكتوب باللون الابيض لذلك سنقوم بتغييره من نفس المكان السابق للزر ولكن اختيار Font color ونستبدل اللون الابيض بالون الاسود كما هو موضح في الصور الاتية.

وبذلك لقد انتهينا من تصميم البوبب ولكن سوف نذهب الى الصفحة التي يتوجه اليها العميل بعد زيارته لهذه البوبب والاشتراك فيها وهى صفحة شكر العميل وهى Thank you page لذلك ستجد انه بجوار كلمة Main Content يوجد Thank you Message سنضغط عليها فستفتح معنا هذه الصفحة .

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

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

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

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

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

فأولا سنقوم بالضغط على choose audience ومن ثَم ستظهر لنا هذه الصفحة فسنجعل ال Visitors على All أي يتم ظهورها لكل الناس وايضاً Device ستظل على All اي يتم ظهورها على كل الشاشات سواء كانت شاشة موبيل ام كمبيوتر وايضاً Country ستظل على All selected اي ستظهر فى كل الدول وتللك الاعدادات هي الاعدادات الافتراضية وهى الافضل ولكن اذا اردت ان تغيير فيها فهذا يرجع الى طبيعة مجالك والبيزنس الخاص بك .

ثم نقوم بعد ذلك على الضغط على choose triggers وهى القواعد الخاصة بالبوبب Popup نفسها .

فستظهر لنا هذه الصفحة وهو يسألك متى تظهر هذه البوبب تحديدا اي:

• هل بعدد مرور وقت محدد من وجود الزائر على الصفحة .
• ام بعد وصول الزائر لجزء معين من الصفحة اثناء تصفحه.
• ام عند محاولة الزائر لمغادرة الصفحة والرجوع عن طريق back.
• او عندما لا يكون هناك أي نشاط للزائر على الصفحة.

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

لأنك تستطيع بتلك الاختيارات جمع بيانات العملاء المهتمين بالفعل بمنتجك او خدمتك وليس جمع بيانات اي عملاء بل عملاء اكثر احتمالية لشراء منتجك او خدمتك لأنه تصفح موقعك او صفحة منتجك او خدمتك حتى 80 % وهؤلاء العملاء الذى تريد ان ُتسجل بيانتهم وحيث طالما اهتم وواصل في التصفح حتى 80% فسيكون احتمالية ان يريد الكتاب المجاني الذى تقدمه له كبيرة فلا يتردد في تسجيل بياناته و ستستهدف بذلك العملاء الصحيحة المهتمة بالبيزنس الخاص بك والذى سرعان ما سيتحولون الى عملاء حقيقيين بعد متابعتهم بالإيميلات سواء كانت الايميلات الترويجية او الايميلات الخاصة بالبيع المباشر وستتعلم كتابة هذه الايميلات بكل سهولة من الصفر فسأقوم بالتطبيق معك على مجالي وكيف استطيع ان اكتب ايميلات جذابه واحترافية حتى تأخذ منها الافكار اللازمة لمجالك فستطيع التطبيق على مجالك والبيزنس الخاص بك بكل سهولة ولكن انتظر معي حتى نهاية المقال .

لذلك سنحدد الاختيار الثاني وهى ان البوبب تظهر عندما يتصفح الزائر الصفحة ويصل الى 80 % من scroll down لذلك سنكتب 80 %.

ثم سنحدد الاختيار الثالث وهو عند محاولة خروجه من الصفحة والضغط على زر رجوع او back ثم نضغط على Save .

ثم بعد ذلك نختار Set timing كي نضبط وقت ظهور هذه البوبب Popup كما هو موضح في الصورة التالية .

فترك كل الاعدادات على ضبطها الافتراضي ثم نقوم بالضغط على Save .

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

و من ثَم سنسمى البوبب باسم وانا هنا سيبها على الاسم الافتراضي لها ثم ندخل URL للموقع او الصفحة التي تريد ان ترفع عليها هذه البوبب.

فانا اُفضل ان البوبب تُرفع على الموقع كله وليس صفحة بعينها وحيث ظهورها يكون على حسب القواعد التي سبق ان حددناها في الخطوات السابقة وهى التصفح لأسفل حتى 80% او الرجوع .

لذلك سنضع على سبيل التجربة هذا الينك academy.waelalsadik.com وهذا موقع تجريبي لان انا موقعي هذا اصلا عليه بالفعل بوبب شغالة حتى لا نتسبب في تعطيل أي شيء.

بينما لو تريد ان تحدد صفحة بعينها لرفع البوبب عليها ففي هذه الحالة ستحدد الاختيار الثاني Specific Pages وتضع الرابط عنده كما هو موضح في الصورة التالية.

ثم بعد ذلك نضغط على Get web Connect حتى نأخذ كود الجافا سكريبت الذى سنربط به البوبب بالموقع .

ثم نضغط على copy to clipboard ثم نقوم بإغلاق هذه النافذة كما هو موضح في الصورة .

ثم بعد ذلك نضغط على Save and Publish كما هو موضح في الصورة التالية .

والان اصبحت البوبب Popup جاهزة للعمل والرفع على صفحات موقعك .

ثم بعد ذلك نذهب الى موقعنا التجريبي academy.waelalsadik.com حتى نرفع عليه البوبب سوياً فسنجده معنا بهذا الشكل ثم نضغط على علامة W وهو وورد بريس حتى يفتح معنا الموقع كأدمن .

فسنجده انه فتح معنا بهذا الشكل ومن ثم نأتي على Plugins او اضافات ونضغط على Add New لكى نضيف اضافة Insert Header and Footer فهذه الاضافة تمكنا من اضافة كود البوبب Popup فيها يكل سهولة وهذه الاضافة صممت لإضافة أي اكواد على موقعك مثل كود ربط الاعلانات الخاصة بالفيس بوك او جوجل او المنصات المختلفة الأخرى وايضا أي اكواد اخري حتى لا تؤثر تلك الاكواد على سرعة موقعك .

ثم نأتي في صندوق البحث ونكتب insert header and footer , وسنجد ان هذه الاضافة قد ظهرت لديك كما هو موضح في الصورة لأسفل ثم نضغط على install .

ثم نضغط بعد ذلك على Activate .

ثم نذهب بعد ذلك على اليسار فسنجد الداش بورد الخاصة بالوورد بريس حيث لدي بالإنجليزي لكن اذا كانت لديك بالعربي فستجدها على اليمين ثم نضغط على اضافات او Plugins ثم

code Snippets ثم Header $ Footer فسنجد انه تم فتح معنا هذه الصفحة ثم نأتي على الجزء الخاص بال Header ونلصق كود البوبب الذى اخذناه من GetResponse .

ثم سيظهر معنا بهذا الشكل كما هو موضح في الصورة التالية .

ثم نضغط بعد ذلك على Save changes كما هو موضح في الصورة التالية.

ثم نضغط على visit site حتى نري الموقع مرة اخري ثم نقوم بالتصفح الى 80% لأسفل فسنجد ان البوبب ظهرت معنا بالفعل كما هو موضح اليك في الصورة التالية .

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

فسنجد انه تم الانتقال بنجاح الى صفحة الشكر thank you page كما هو موضح في الصورة لأسفل .

ثم نذهب بعد ذلك الى موقع GetResponse للتأكد من دخول البيانات في القائمة الصحيحة وهى New Customers .

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

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

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

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