كيفية إنشاء صفحة Elementor قريبًا (مجاني، لا حاجة إلى Pro)

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

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

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

لماذا تحتاج إلى صفحة قريبا

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

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

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

ما سوف تبنيه

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

المتطلبات الأساسية (المكونات الإضافية التي تحتاجها)

ثلاث قطع. كل مجانا:

• ووردبريس. يفترض المثبتة بالفعل.
• العنصر (مجاني). احصل على الإصدار المجاني من WordPress.org أو دليل المكونات الإضافية لمسؤول WordPress.
• الإضافات الرئيسية للعنصر (مجاني). يضيف عنصر واجهة المستخدم Countdown Timer، وعنصر واجهة مستخدم Social Media Icons، والعناصر الأخرى التي تركز على التحويل. قم بالتثبيت من WordPress.org، أو راجع تثبيت مستند الإضافات الرئيسية للحصول على تجول.

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

كيفية إنشاء الصفحة القادمة قريبًا (خطوة بخطوة)

ثماني خطوات من الصفحة الفارغة إلى صفحة إطلاق العمل. اتبع بالترتيب.

الخطوة 1: إنشاء صفحة جديدة في ووردبريس

في مسؤول ووردبريس، انتقل إلى الصفحات → إضافة جديد. قم بتسميته “Comingoon” (أو أي شيء تتذكره). انقر فوق “Edit باستخدام Elementor” لفتح الصفحة في محرر Elementor.

الخطوة 2: قم بتعيين قالب صفحة Elementor Canvas

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

الخطوة 3: أضف قسمًا مناسبًا لارتفاع الشاشة

انقر فوق الزر الوردي “+” لإضافة قسم جديد. اختر أي بنية عمود (عمود واحد هو الأسهل). افتح إعدادات التخطيط للقسم وقم بتعيينها ارتفاع إلى مناسب للشاشة. يؤدي هذا إلى قفل القسم بنسبة 100% من ارتفاع إطار العرض، وبالتالي فإن المحتوى القادم قريبًا يملأ الشاشة بأكملها بدون تمرير.

الخطوة 4: إضافة خلفية (صورة أو لون)

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

• صورة الخلفية. قم بتحميل صورة عالية الدقة تمثل علامتك التجارية. تعيين المنصب: مركز المركز, المرفق: ثابت (للحصول على اختلاف المنظر الدقيق في التمرير)، و الحجم: الغطاء. أضف تراكبًا داكنًا في قسم تراكب الخلفية حتى يظل النص قابلاً للقراءة.
• لون الخلفية أو التدرج. يحافظ اللون الصلب أو التدرج الخطي على تحميل الصفحة بسرعة ويبدو نظيفًا على الهاتف المحمول. جيد للعلامات التجارية البسيطة.

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

لمزيد من تقنيات الخلفية (التدرجات المتحركة، الجسيمات، الفيديو)، راجع موقعنا دليل خلفية صفحة العنصر.

الخطوة 5: أضف العنوان والوصف

اسحب أ عنوان القطعة في القسم. اكتب اسم علامتك التجارية أو عنوانًا قصيرًا مثل “شيء ما قادم.” أدناه، اسحب a محرر النصوص أداة لوصف جملة واحدة تشرح ما يتم تشغيله.

احتفظ بالعنوان الرئيسي إلى 4 كلمات بـ 500 كلمة. احتفظ بالوصف لجملة واحدة. الهدف الأساسي من الصفحة القادمة قريبًا هو المؤامرة، وليس عرضًا تسويقيًا كاملاً. إذا كنت تريد شيئًا أكثر لفتًا للانتباه من العنوان الثابت، فإن القطعة الرئيسية المتحركة يقوم برنامج Master Addons بتدوير الكلمات مجانًا، ويضيف برنامج Master Addons Pro تأثيرًا للكتابة.

الخطوة 6: أضف مؤقت العد التنازلي

هذا هو المكان الذي تحصل فيه Master Addons على مكانها. في لوحة عناصر واجهة المستخدم، ابحث عن “Countdown Timer” واسحب MA Countdown Timer إلى القسم الموجود أسفل الوصف.

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

الخطوة 7: إضافة روابط وسائل التواصل الاجتماعي

أسفل العد التنازلي، اسحب في الرموز الاجتماعية عنصر واجهة المستخدم (يعمل الإصدار الافتراضي لـ Elementor، أو استخدم إصدار Master Addons لمزيد من خيارات مكتبة الأيقونات). أضف كل نظام أساسي تنشط عليه واربطه بملف التعريف الخاص بك. قم بمطابقة ألوان الأيقونات مع لوحة الألوان العامة الخاصة بك حتى تبدو وكأنها جزء من التصميم، وليس شعارات ملصقة.

الخطوة 8: أضف نموذج الاشتراك في البريد الإلكتروني (اختياري)

إذا كنت تريد التقاط رسائل البريد الإلكتروني من حركة مرور ما قبل الإطلاق، فقم بسحب القطعة MA Mailchimp في القسم. يعرض نموذجًا من البرنامج الإضافي MC4WP: Mailchimp for WordPress المجاني، لذا قم بتوصيل جمهور Mailchimp الخاص بك في MC4WP أولاً. في حقول نموذج MC4WP، قم بتسمية عنوان البريد الإلكتروني المدخل “ وقم بتغيير نص الزر إلى “Notify me” أو تحديثات “Get.”

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

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

كيفية تفعيل الصفحة القادمة قريبا

هذا هو الجزء الذي تتخطاه معظم البرامج التعليمية. بناء الصفحة هو نصف المهمة. جعلها الصفحة الأولى الفعلية لموقعك هي النصف الآخر.

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

الآن عندما يزور أي شخص جذر المجال الخاص بك (yoursite.com)، فإنه يرى الصفحة القادمة قريبًا. لا تزال الصفحات الأخرى موجودة ويمكن الوصول إليها إذا قمت بالارتباط بها مباشرة، ولكن لا أحد يتصفحها من الصفحة الرئيسية. عندما تكون جاهزًا للتشغيل، عد إلى نفس إعداد القراءة وقم بتبديل الصفحة الرئيسية مرة أخرى إلى “، أحدث منشوراتك” أو الصفحة الرئيسية المناسبة.

خطوة إضافية لتحسين محركات البحث: حتى تصبح جاهزًا للإطلاق، أضف أ noindex قم بوضع علامة على الصفحة القادمة قريبًا (أو الموقع بأكمله). قم بتثبيت مكون إضافي مجاني لتحسين محركات البحث مثل Rank Math أو Yoast وقم بتبديل “ثني محركات البحث عن فهرسة هذا الموقع” ضمن الإعدادات → القراءة. تذكر إيقاف تشغيله عند التشغيل، وإلا سيستمر Google في تجاهل صفحاتك الحقيقية.

نصائح التصميم التي تجعل الصفحة القادمة تتحول قريبًا

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

• عمل واحد واضح. إما “اترك بريدك الإلكتروني” أو “اتتابعنا.” وليس كلاهما بشكل بارز. اختر العنصر الذي ستستخدمه أكثر واجعله العنصر الأكبر بعد العنوان.
• نص عالي التباين فوق أي صورة خلفية. تراكب داكن بنسبة 60 بوصة و70% يجعل النص الفاتح قابلاً للقراءة في الصور المزدحمة. النص الأبيض على تدرج أرجواني صلب فعال بنفس القدر ويتم تحميله بشكل أسرع.
• أصول العلامة التجارية الحقيقية. شعارك الفعلي، وخطك الفعلي، ولون علامتك التجارية الفعلي. يشير العنصر النائب الذي يبدو عامًا إلى أن الموقع نفسه سيبدو عامًا.
• الطباعة المتنقلة أولاً. اختبر مؤقت العنوان والعد التنازلي على الهاتف. إذا كان العد التنازلي صغيرًا أو يلتف بشكل محرج، فقم بإسقاط حجم الخط أو قم بالتبديل إلى تخطيط مكدس للجوال.
• الروابط الاجتماعية العاملة. إذا أشارت الرموز الاجتماعية إلى ملفات تعريف فارغة، فإن الزوار يرتدون. انشر مرة واحدة على الأقل على كل منصة قبل الارتباط بها.
• وعد بما هو قادم. “شيء رائع في مجال الانتشار ضعيف. “الموطن الجديد لـ [منتجك]” محدد. “طريقة أفضل [لحل المشكلة] يمنح تحديد الموقع الزائرين سببًا للاشتراك.

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

مجاني مقابل احترافي: ما تحصل عليه

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

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

الأسئلة المتداولة

إلتحاق بالركب

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

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

القراءة ذات الصلة: تأثيرات الرسوم المتحركة العنصر | أفضل الإضافات منشئ النوافذ المنبثقة | الحاجيات التسويقية Elementor