اختبارات A / B التي يجب أن تجربها على صفحاتك باستخدام النماذج

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

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

موقع النموذج داخل الصفحة

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

لنفترض أننا نريد إنشاء اختبار لصفحة Nelio Unlocker (المكون الإضافي الخاص بنا الذي يحول أي صفحة ويب إلى WordPress أو محرر كتلة Elementor) وبالتالي تحقق مما إذا كان المزيد من الزائرين يتصلون بنا عن طريق وضع النموذج أعلى الصفحة.

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

كيف نجري هذا الاختبار باستخدام المكون الإضافي Nelio A / B Testing؟ حدد أولاً أنك تريد إنشاء صفحة اختبار جديدة:

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

الميزة العظيمة لاختبار Nelio A / B (كونه مكونًا إضافيًا مدمجًا بالكامل في WordPress) هو أن إجراء التغييرات المتغيرة يكون بنفس سهولة تحرير أي صفحة في محرر الكتلة. في هذه الحالة ، ما عليك سوى تحديد كتلة أو كتل الصفحة التي تريد نقلها وتغيير موقعها.

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

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

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

عدد ونوع الحقول المراد تعبئتها

في دراسة أجرتها Hubspot لتحليل أكثر من 40000 صفحة ، لاحظوا أن عدد الحقول المراد ملؤها ونوع كل حقل له تأثير على التحويل الذي يحصلون عليه.

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

حاول إجراء اختبارات A / B مختلفة مع تعديل عدد ونوع حقول النموذج وتحليل ما يناسبك كما ترى في المثال التالي:

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

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

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

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

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

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

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

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

إرسال نص الزر واللون

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

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

معلومات عن خصوصية البيانات

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

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

استنتاج

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

إذا كنت تستخدم مكونات WordPress الإضافية مثل Nelio Forms لإنشاء نماذج واختبار Nelio A / B لإجراء اختبارات A / B ، فإن اختبار الصفحات باستخدام النماذج لم يكن أسهل من أي وقت مضى!

صورة مميزة لروبرت أناش على Unsplash.