كيفية إنشاء نموذج اتصال في WordPress (بالإضافة إلى أفضل المكونات الإضافية)

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

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

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

أسهل طريقة لإنشاء نموذج اتصال في WordPress

إذا كنت ترغب في إضافة نموذج اتصال إلى WordPress ، فستحتاج إلى نموذج اتصال WordPress plugin.

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

إليك كيفية إنشاء نموذج اتصال في WordPress في بضع خطوات فقط ...

1. قم بتثبيت وتفعيل نموذج الاتصال HappyForms المكون الإضافي لـ WordPress

المكون الإضافي HappyForms مجاني ومتاح على WordPress.org ، مما يعني أنه يمكنك تثبيته بالانتقال إلى Plugins → Add New والبحث عن "HappyForms":

2. قم بإنشاء نموذج جديد

بمجرد تثبيت وتفعيل المكون الإضافي HappyForms ، انتقل إلى HappyForms → Add New في لوحة معلومات WordPress الخاصة بك:

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

مثل WordPress Customizer ، ستتمكن من رؤية معاينة مباشرة لنموذج الاتصال الخاص بك أثناء إنشائه.

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

3. إضافة حقول النموذج

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

• نص قصير - لاسم الشخص.
• البريد الإلكتروني - لعنوان البريد الإلكتروني للشخص.
• نص طويل - لرسالة الشخص.

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

بمجرد إضافة جميع حقول النموذج ، يجب أن تشاهد معاينة كاملة لنموذج الاتصال الخاص بك:

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

بمجرد الانتهاء من إضافة حقول النموذج ، انقر فوق الزر " إعداد" للمتابعة.

4. تكوين ما يحدث بعد أن يقدم الزائر نموذجًا

بعد النقر فوق الزر " إعداد" ، ستحصل على عدد من الخيارات للتحكم في ما يحدث بعد قيام الزائر بإرسال نموذج الاتصال الخاص بك.

في الجزء العلوي ، يمكنك إعداد رسالة التأكيد ، وهي الرسالة التي تظهر لمقدم النموذج على موقع الويب الخاص بك بعد إرسال نموذج (1).

أدناه ، يمكنك اختيار ما إذا كنت ترغب في تلقي إشعارات البريد الإلكتروني عندما يكون هناك إرسال نموذج جديد ، وعنوان البريد الإلكتروني الذي تريد تلقي عمليات الإرسال فيه (2). ستقوم HappyForms أيضًا بتخزين عمليات إرسال النماذج في لوحة معلومات WordPress الخاصة بك - المزيد حول هذا لاحقًا :

بعد ذلك ، يمكنك اختيار ما إذا كنت تريد إرسال إشعارات البريد الإلكتروني إلى مرسل النموذج أم لا ، وإذا كان الأمر كذلك ، فما الذي يجب أن تحتويه إعلامات البريد الإلكتروني هذه:

أخيرًا ، يتيح لك الجزء السفلي من الإعدادات تكوين مجموعة متنوعة من الإعدادات المتنوعة ، بما في ذلك ما إذا كنت تريد:

• أعد توجيه المستخدمين إلى صفحة مختلفة بعد إرسال النموذج
• احفظ عمليات إرسال النماذج في لوحة معلومات WordPress الخاصة بك
• استخدم Google ReCaptcha للحماية من البريد العشوائي
• اسمح لمقدمي النموذج بمعاينة رسالتهم قبل إرسالها

عندما تكون في شك ، يجب أن تترك هذه الإعدادات على أنها الإعدادات الافتراضية:

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

5. تكوين نمط نموذج الاتصال الخاص بك

خطوة التكوين النهائية! الآن ، يمكنك استخدام المناطق المختلفة لتكوين مظهر وأسلوب نموذج الاتصال الخاص بك:

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

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

بمجرد الانتهاء من خيارات النمط ، انقر فوق الزر حفظ وإغلاق لإنهاء الأمور.

6. أضف نموذج الاتصال الخاص بك إلى الصفحة التي تريد ظهورها فيها

لتضمين النموذج الخاص بك بالفعل ، يمكنك إضافته كـ:

• حظر في محرر الكتلة الجديد
• رمز قصير في المحرر الكلاسيكي أو محرر الكتلة
• القطعة في أي منطقة القطعة

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

من هناك ، يمكنك اختيار النموذج الذي تريد إدراجه:

أو ، إذا كنت لا تزال تستخدم محرر WordPress الكلاسيكي ، فيمكنك إدراج نموذج الاتصال الخاص بك كرمز قصير عن طريق النقر فوق الزر Add HappyForms :

وهذا كل شيء! سيتمكن الزوار من بدء إرسال رسائل إليك عبر نموذج الاتصال الخاص بك

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

هناك طريقتان يمكنك من خلالهما عرض عمليات إرسال النموذج.

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

ثانيًا ، يمكنك أيضًا عرض عمليات الإرسال من داخل لوحة معلومات WordPress الخاصة بك من خلال الانتقال إلى HappyForms ← الردود :

إذا قمت بالنقر فوق رد معين ، فستتمكن من عرض الرسالة كاملة:

وهذا كل ما في الأمر!

أربعة إضافات أخرى من أفضل نماذج الاتصال في WordPress ، ولماذا قد ترغب في أحد هذه الإضافات

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

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

1. WPForms

WPForms هي واحدة من أكثر ملحقات WordPress شيوعًا للاتصال في WordPress.org.

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

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

• قبول المدفوعات
• تسجيل الناس على عنوان البريد الإلكتروني الخاص بك
• تواصل مع Zapier
• إلخ.

لذلك إذا كنت تريد هذه الوظيفة المتقدمة ، فقد يكون هذا سببًا آخر لاختيار WPForms.

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

2. تسويق HubSpot All-In-One

كما يوحي الاسم ، فإن HubSpot All-In-One Marketing هي أداة الكل في واحد تغطي كل شيء من النوافذ المنبثقة إلى الدردشة الحية و- كما خمنت- نماذج الاتصال.

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

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

3. أشكال النينجا

Ninja Forms هي عرض مجاني آخر مع الكثير من نفس المزايا مثل WPForms.

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

وإذا كنت على استعداد للدفع ، فيمكنك جعل نماذجك تقوم بالكثير من الأشياء المتقدمة ، بما في ذلك:

• قبول المدفوعات
• تسجيل الناس في النشرة الإخبارية الخاصة بك
• وضع مقدمي النماذج في CRM الخاص بك
• إلخ.

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

4. أشكال كالديرا

فيما يتعلق بالوظائف التي تحصل عليها في الإصدار المجاني ، تعد Caldera Forms واحدة من أكثر المكونات الإضافية المجانية لنماذج الاتصال في WordPress.

حتى في الإصدار المجاني ، يمكنك إنشاء نماذج معقدة تحتوي على:

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

يحتوي أيضًا على أداة إنشاء بالسحب والإفلات ، على الرغم من أن الواجهة ليست صديقة للمبتدئين تمامًا مثل WPForms أو Ninja Forms.

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

بالإضافة إلى هذه الوظائف الإضافية ، هناك أيضًا خدمة اشتراك مميزة تركز بشكل فريد على:

• إمكانية تسليم البريد الإلكتروني - تتعامل الخدمة فعليًا مع إرسال رسائل البريد الإلكتروني للتأكد من وصولها إلى صناديق البريد الوارد للزوار
• تحويلات من نموذج إلى PDF
• إحصائيات تسليم تأكيدات البريد الإلكتروني الخاص بك

5. أشكال الجاذبية

أخيرًا ، هناك Gravity Forms ، وهي عبارة عن ملحق WordPress شائع بشكل خاص للاتصال بالمطورين.

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

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

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

تبدأ الأسعار من 59 دولارًا وتتراوح حتى 259 دولارًا.

الأفكار النهائية على نماذج اتصال WordPress

باستخدام نموذج الاتصال الصحيح المكون الإضافي WordPress ، من السهل إنشاء وتخصيص نموذج اتصال يلبي احتياجاتك تمامًا.

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

أنشئ نموذجك الأول اليوم وابدأ في تسهيل تواصل الزائرين معك!