تعلم كيفية إنشاء صفحة هبوط من خلال ووردبريس – تطوير المواقع – منتدى تقارب التطويري

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

أحمد فؤاد
مساعد
مشارك
مدون
مشاركات: 81
الإدارة تطوير wpforo
الكاتب
(@tqarb)
تاريخ الإشتراك: منذ 7 أشهر

هل تريد إنشاء صفحة هبوط مخصصة على موقع ووردبريس الخاص بك؟

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

سنشرح لك في هذه المقالة كيفية إنشاء صفحة هبوط بسهولة في ووردبريس.

Creating a landing page with WordPress

ما هي صفحة الهبوط ؟

صفحة الهبوط هي صفحة مصممة لغرض معين لزيادة المبيعات أو إنشاء عملاء محتملين لنشاط تجاري

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

ما الفرق بين الصفحة الرئيسية وصفحة الهبوط ؟

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

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

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

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

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

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

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

مستعد؟ لنبدأ بالطريقة الأولى.

الطريقة الأولى: إنشاء صفحة هبوط لـ ووردبريس باستخدام SeedProd

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

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

أولاً ، تحتاج إلى تثبيت وتفعيل المكون الإضافي SeedProd.

ملاحظة: هناك إصدار مجاني من الاضافة SeedProd متاح على WordPress.org ، لكننا سنستخدم إصدار Pro لأنه يوفر ميزات أكثر قوة.

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

SeedProd license key

بعد ذلك ، تحتاج إلى زيارة صفحة SeedProd »الصفحات والنقر على الزر" Add New Landing Page ".

Create a new landing page

في الشاشة التالية ، سيُطلب منك اختيار موضوع الصفحة المقصودة.

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

Choose a page template

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

Choose a page title and URL

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

SeedProd page builder interface

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

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

Editing elements in page builder

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

يمكنك أيضًا تغيير ألوان الخلفية وإضافة صور الخلفية وتغيير الألوان والخطوط لتتناسب مع علامتك التجارية أو موضوعك.

SeedProd blocks

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

Reusable sections in SeedProd

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

WooCommerce blocks in SeedProd

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

Products on a landing page for eCommerce website

ربط صفحاتك المقصودة بأدوات الطرف الثالث

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

يجعل SeedProd من السهل جدًا توصيل صفحاتك المقصودة بخدمات التسويق عبر البريد الإلكتروني الشائعة مثل Constant Contact أو Mailchimp. ما عليك سوى التبديل إلى علامة التبويب "Connect" ثم تحديد مزود خدمة البريد الإلكتروني الخاص بك.

SeedProd integrations

هل تحتاج إلى الاتصال بخدمة غير مدرجة هناك؟ لا تقلق ، يعمل SeedProd مع Zapier الذي يعمل كجسر بين SeedProd وأكثر من 3000 تطبيق آخر على Zapier.

Connect Zapier

حفظ ونشر صفحتك المقصودة

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

Publish your landing page

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

Landing page published

استخدام مجال مخصص لصفحتك المقصودة

هل لديك مجال مخصص تريد استخدامه لصفحتك المقصودة؟

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

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

ما عليك سوى التبديل إلى علامة التبويب "Page Settings" ثم النقر فوق قسم "Custom Domain".

Add custom domain for your landing page

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

الطريقة الثانية: إنشاء صفحة مقصودة في ووردبريس باستخدام Beaver Builder

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

أولاً ، ما عليك القيام به هو تثبيت وتفعيل المكون الإضافي Beaver Builder.

عند التنشيط ، تحتاج إلى زيارة Settings »صفحة Beaver Builder لتكوين إعدادات البرنامج المساعد.

Add Beaver Builder license key

ضمن علامة التبويب "License" ، انقر فوق الزر "Enter License Key" لإضافة مفتاح الترخيص الخاص بك. يمكنك العثور على هذه المعلومات ضمن حسابك على موقع Beaver Builder الإلكتروني.

بعد ذلك ، تحتاج إلى التوجه إلى Pages »Add New page من لوحة معلومات ووردبريس لإنشاء صفحتك المقصودة الأولى.

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

إذا كان القالب الخاص بك لا يحتوي على مثل هذا النموذج ، فيمكنك إنشاء واحد بنفسك باستخدام قالب إبن.

حدد صفحة مقصودة أو نموذجًا بعرض كامل من مربع "Page Attributes" في العمود الأيمن واحفظ صفحتك الآن لتطبيق التغييرات.

Select a theme template

أنت الآن جاهز لإنشاء صفحة هبوط

انقر فوق الزر "Launch Beaver Builder" في محرر المنشورات لتشغيل واجهة Builder.

Launch Beaver Builder

سيفتح Beaver Builder مع قالب الصفحة المقصودة للموضوع الخاص بك. تحتاج إلى النقر فوق الزر "إضافة" في الزاوية اليمنى العليا من الشاشة والتبديل إلى علامة التبويب "القوالب".

Choose page template

ستجد هنا العديد من النماذج الجاهزة للاختيار من بينها. حدد "Landing Pages" من القائمة المنسدلة للمجموعة ثم اختر نموذجًا يبدو قريبًا مما يدور في ذهنك.

بمجرد تحديد قالب ، سيقوم Beaver Builder بتحميله في نافذة المعاينة.

Point and click to edit

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

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

Add rows and columns

بعد إضافة صف ، قم بالتبديل إلى علامة تبويب الوحدات النمطية. الوحدات النمطية هي عناصر محتوى يمكنك إضافتها إلى صفحتك المقصودة. يأتي Beaver builder مع جميع الوحدات الأساسية بما في ذلك النص والعناوين وأزرار CTA والفيديو والصوت ومؤقت العد التنازلي المتحرك والمزيد.

Add modules to your landing page template

بمجرد أن تشعر بالرضا عن التصميم ، يمكنك النقر فوق الزر "Done" في الجزء العلوي ثم حفظ صفحتك أو نشرها.

Save or publish your landing page

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

Landing page preview

الطريقة الثالثة: إنشاء صفحة هبوط في ووردبريس باستخدام Divi

Divi هو مكون إضافي منشئ صفحات ووردبريس مشهور من قبل الفريق وراء Elegant Themes. يأتي كنسق مع دعم منشئ الصفحات ، ويمكنك أيضًا استخدامه كمنشئ صفحات مستقل.

أولاً ، ما عليك القيام به هو تثبيت وتفعيل المكون الإضافي Divi Builder.

ملاحظة: إذا كنت تقوم بتثبيت قالب Divi ، فلن تحتاج إلى تثبيت المكون الإضافي منشئ الصفحة.

عند التنشيط ، يمكنك الانتقال إلى Pages »Add New page لإنشاء صفحتك المقصودة. في شاشة تحرير الصفحة ، انقر فوق الزر "استخدام Divi Builder" لتشغيل منشئ صفحة Divi.

Launch Divi Builder

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

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

Divi layout options

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

Choose a template

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

Apply layout

ما عليك سوى النقر فوق الزر "Use this layout" للمتابعة.

قد يُطلب منك تقديم اسم مستخدم حساب Divi الخاص بك ومفتاح API. يمكنك العثور على هذه المعلومات ضمن حسابك على موقع ويب Elegant Themes.

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

Divi visual page builder

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

بالنسبة إلى العناصر الأخرى ، سترى نافذة منبثقة تظهر على الشاشة بها خيارات لتجربة تخصيصات مختلفة.

Editing elements in Divi

يستخدم Divi الأقسام والصفوف والوحدات النمطية لبناء المخططات. يمكنك إضافة قسم أو صف أو وحدة من خلال النقر على أيقونة + في أي مكان على الصفحة.

Adding modules to your page

تأتي كل وحدة مع إعدادات مختلفة يمكنك تخصيصها بعد إدخالها. يأتي Divi مع الكثير من الخيارات المتقدمة لكل عنصر.

Editing a module

بمجرد الانتهاء من التحرير ، يمكنك ببساطة النقر فوق الزر "Publish" في الركن الأيمن السفلي من الشاشة.

Publishing your page

يمكنك الآن النقر فوق الزر Exit Visual Builder في شريط أدوات إدارة ووردبريس للخروج من المحرر.

Exit visual page builder

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

Divi landing page preview

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

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

رد
وسوم الموضوع
1 تعليق
معاذ فريد
محفز
ودود
محترف
مشاركات: 68
الإشراف فريق التحرير
(@moaz)
تاريخ الإشتراك: منذ سنتين

موضوع ممتاز وشرح وافي اخي احمد

رد